サイドメニュー

  1. テンプレート カスタマイズ
各メニューの背景画像、背景色などを編集してみましょう。

↓↓↓↓↓↓↓↓↓↓↓↓↓↓クリックで拡大↓↓↓↓↓↓↓↓↓↓↓↓↓↓

テンプレート名:[ pluging_3b_01 ]

サイドメニュー編集完了!



カスタマイズの前にテンプレートのコピーを取って下さい

デザインの編集>修正>スタイルシートより .menubox h4 を探して下さい

pluging_3b_01の場合 (下記の2箇所)

#left .menubox h4 {
color: #444444;
padding: 4px;
font-size: 12px;
font-weight: bold;
border-left: #f9a6b6 2px solid;
background: url(http://13.dtiblog.com/template/pluging_3b_01/image/entrytitle.jpg) repeat-x;
}

#right .menubox h4 {
color: #444444;
padding: 4px;
font-size: 12px;
font-weight: bold;
border-left: 2px solid #f9a6b6;
background: url(http://13.dtiblog.com/template/pluging_3b_01/image/entrytitle.jpg) repeat-x;
}


colorは文字色、backgroundが背景になります。カラーコードを参考に、編集して下さい

#left .menubox h4 {
color: #ffffff;
padding: 4px;
font-size: 12px;
font-weight: bold;
border-left: #f9a6b6 2px solid;
background: #000000;
}

#right .menubox h4 {
color: #ffffff;
padding: 4px;
font-size: 12px;
font-weight: bold;
border-left: 2px solid #f9a6b6;
background: #000000;
}

背景色の代わりに
background: url(画像のURL);
と設定することもできます。



背景画像の位置指定はこちらをご覧下さい
カラーコードはこちらをご覧下さい


更新ボタンをクリックします

<<  コンテンツ全体の背景編集  |  もくじへ  |  リストタグ(・や■)の編集  >>
<<  コンテンツ全体の背景編集  |  ホーム  |  リストタグ(・や■)の編集  >>

コメント

秘密のコメント

ブログ管理人への秘密コメントです
  1. 2008/04/29(火) 16:35:17 |
  2. |
  3. #
  4. [ 編集]

コメントの投稿

管理者にだけ表示を許可する


画像の文字を半角数字で下記ボックスに記入ください。
文字が読みにくい場合はブラウザの更新をすると新しい文字列が表示されます。

トラックバック

トラックバックURLはこちら
http://blogmanual.dtiblog.com/tb.php/95-380ab1f5
|
ブログ | 総合ポータル | ニュース | テンプレート
利用規約 | ||通報|| | Report Abuse