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

2008年 2月 03日(日曜日) 17:42 参照: 2831 はてなブックマークに追加はてなブックマークに追加　Yahoo!ブックマークに登録Yahooブックマークに追加

[PR]さくらのレンタルサーバ ライト
モジュールのタイトル部に彩りを加えました。



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。
< 前

 

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

Joomlaなサイト