joomal!2.5で一番使い易いエディター「JCEエディター」
エディター内でどのCSSを読み込めるか選択できるので、テンプレをカスタムしてる人には
使いやすいと思います。
レイアウトが正しく表示されるので、修正箇所もすぐに見つけれるので、説明し易いです。
http://www.joomlacontenteditor.net/downloads
http://www.joomlacontenteditor.net/downloads/editor/joomla-25
まず上のをインストールして、jceのアドオンから日本語をインストール
http://www.joomlaway.net/download/file/17-jcejce-20x.html
http://www.joomlaway.net/download/file/17-jcejce-20x.html
フォルダにも「JCEセット」でバックアップあり。
2012年6月25日月曜日
2012年6月11日月曜日
パララックス
あのかっこいいのパララックスというんですね。早速仕事はいったので調べとこう。
例
http://adidas.jp/baseball/fixmetal/index.html
http://johnpolacek.github.com/scrolldeck.js/decks/parallax/
あと日本代表のユニのサイトとか。
http://www.skuare.net/test/jYTPlayer.html
これは背景にyoutubeながすサンプル
始まる前にみておこう。
例
http://adidas.jp/baseball/fixmetal/index.html
http://johnpolacek.github.com/scrolldeck.js/decks/parallax/
あと日本代表のユニのサイトとか。
http://www.skuare.net/test/jYTPlayer.html
これは背景にyoutubeながすサンプル
始まる前にみておこう。
2012年6月8日金曜日
joomla!2.5でのjsの効果について
joomla!2.5でjsを使うときはテンプレのを引き継がれないので、直接記事に入れたらうごきまいした。
jQuery.jsはテンプレのを引き継げたので、記事内に書かなくてもよい。
あ〜。時間かかったけど、わかってよかったー。
jQuery.jsはテンプレのを引き継げたので、記事内に書かなくてもよい。
あ〜。時間かかったけど、わかってよかったー。
2012年6月7日木曜日
joomla!2.5 フロントエンドから編集
joomla!2.5でどうやったらフロントエンドからできるか悩んでましたが、簡単でした。
ログインフォームをだしてそこからログインすればでます。
アイコンを表示させないといけない。
ログインフォームをだしてそこからログインすればでます。
アイコンを表示させないといけない。
2012年5月26日土曜日
joomla!2.5テンプレの複製でのメモ
忘れない内にサクッとメモ。
joomla!2.5のテンプレを複製をするには
まず、フォルダ事丸々コピーして、フォルダの名前を変更。
xmlに書いて名前もフォルダと同じ名前に変更し、そのxmlに書いてるパスも変更した名前通りに変更。
ちなみに、元データは「アトミック」ものすごいシンプルなので,これから全部これからでいいと思う。
次に言語フォルダの元の日本語データを拝借し、名前を変更する。(ja-JP.tpl_atomic.ini,ja-JP.tpl_atomic.sys.iniの2種類)元々ある langの英語の方もファイル名を変更する。(ここよく忘れるから気をつける)
フォルダを圧縮したら、
管理画面よりインポートしてできあがり。だったとおもう。
また、詳しくはゆっくり書きます。
joomla!2.5のテンプレを複製をするには
まず、フォルダ事丸々コピーして、フォルダの名前を変更。
xmlに書いて名前もフォルダと同じ名前に変更し、そのxmlに書いてるパスも変更した名前通りに変更。
ちなみに、元データは「アトミック」ものすごいシンプルなので,これから全部これからでいいと思う。
次に言語フォルダの元の日本語データを拝借し、名前を変更する。(ja-JP.tpl_atomic.ini,ja-JP.tpl_atomic.sys.iniの2種類)元々ある langの英語の方もファイル名を変更する。(ここよく忘れるから気をつける)
フォルダを圧縮したら、
管理画面よりインポートしてできあがり。だったとおもう。
また、詳しくはゆっくり書きます。
2012年2月9日木曜日
2012年1月30日月曜日
ボタンのマウスオーバーで便利なCSS
マウスオーバーは画像2枚作ってましたー。が、このやりかただと1枚でよさそう。
スタイルシートに
a:hover img.hoverimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
を設定して(数値は調整)
マウスオーバーのイメージに
class="hoverimg"
をいれるだけ。
<p class="arc_mid"><img src="images/photo02.jpg" class="hoverimg" /></p>
スタイルシートに
a:hover img.hoverimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
を設定して(数値は調整)
マウスオーバーのイメージに
class="hoverimg"
をいれるだけ。
<p class="arc_mid"><img src="images/photo02.jpg" class="hoverimg" /></p>
登録:
投稿 (Atom)