リストタグ(・や■)の編集

  1. テンプレート カスタマイズ
メニュー内にあるコンテンツに・や■がついていたりしますが、これをお好きな画像や、何も表示させないように編集することができます。

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

テンプレート名:[ pluging_3d_01 ]

リストタグ変更完了!



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

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

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

#center .menucontent li {
padding-left: 20px;
list-style: none;
}

#right .menucontent li {
padding-left: 20px;
list-style: none;
}


list-styleのプロパティを下記のように編集します

画像に変更するには: 管理画面にお好きな画像をアップして、そのURLに変更
例)
list-style: url(http://13.dtiblog.com/b/blogmanual/file/liststyle.jpg);
・に変更するには
list-style: circle;
■に変更するには
list-style: square;


#center .menucontent li {
padding-left: 20px;
list-style: url(http://13.dtiblog.com/b/blogmanual/file/liststyle.jpg);
margin-left: 10px;

}

#right .menucontent li {
padding-left: 20px;
list-style: url(http://13.dtiblog.com/b/blogmanual/file/liststyle.jpg);
margin-left: 10px;

}
*margin-left: 10px;の値はテンプレートによって異なります。10pxでも画像が切れてしまう場合は、20pxなどに増やしてみて下さい。

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

<<  サイドメニュー  |  もくじへ  |  ヘッダー画像、背景色の替え方  >>

コメントの編集

秘密にする


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

トラックバック

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