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

  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などに増やしてみて下さい。

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

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

コメント

リストスタイル変更

お世話になります。
adult_affil_23のテンプレートを使用してますが、cssのどの部分を変更すれば良いのか分かりません。
リストを黒丸にしたいのですが、どうすればいいでしょうか?
  1. 2012/01/16(月) 10:52:41 |
  2. URL |
  3. kagio #-
  4. [ 編集]

リストスタイル変更

リストを黒丸になさりたい場合、
スタイルシートの中の、例えば“none”を
“disc”と書換えて下さい。

▼ 現在のテンプレート
list-style: none;
▼ 黒丸に変更
list-style: disc;
  1. 2012/01/18(水) 08:41:31 |
  2. URL |
  3. DTIブログ管理人 #-
  4. [ 編集]

コメントの投稿

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


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

トラックバック

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