モジュールのタイトル部の編集

2008年02月 3日(日曜) 17:42 JST ヒット数: 757 はてなブックマークに追加はてなブックマークに追加　Yahoo!ブックマークに登録Yahooブックマークに追加
モジュールのタイトル部に彩りを加えました。



Joomla 1.5のモジュールヘッディングは、h3タグで囲まれています。そして、このサイトのテンプレートでは、sidebarという名前のdivにモジュールを設置してあるので、以下のようにスタイルシートを編集しました。

#sidebar h3 {
padding: 5px 5px 5px 20px;
text-align:left;
border-bottom: 2px dotted #dfdfdf;
color: #0d6bab;
background: url(./../images/mod_listmark.gif) no-repeat left center;
}

これで、スタイリッシュなアイコンがタイトルの左側に表示されるようになりました

アイコン提供はFAMFAMFAM。
 

拡張機能（エクステンション）を追加して、Joomlaを高機能化しよう


　　　

私も使ってますBBexcite光ブロードバンド

Joomlaなサイト