2007.04.05 (Thu)
リストマークの変更方法
管理者だけに表示でご質問いただいたので、プラグインのメニュー項目に出るリストマークの変更方法を書いておきますね。
ご質問は、do_blueskyのメニューの左横に出る■を消したいというものでしたので、それで説明しますが、他の私のリストマークが記号のテンプレも同様です。
スタイルシートの編集を見て、↓の部分を探してください。
list-style-type:square; /* リストマークの種類 */
これがメニューの横に出るリストマークの指定なので、いらない場合は
list-style-type:none;
と書き換えてくださいね。
リストマークは
noneだとなしに
squareだと■に
diskは●に
circleは○に
なりますので、お好みで変えていただいてもOKですよъ( ゜ー^)
また
padding:0 0 0 17px;
は、リストマークを出すために左に余白を取っていますので、もしnoneにしたのなら、
padding:0;
にしてしまえば、左に詰められますよ。
リストマークについて、もっと詳しいことが知りたい場合は css リストマーク等で検索してみrてくださいね♪
ご質問は、do_blueskyのメニューの左横に出る■を消したいというものでしたので、それで説明しますが、他の私のリストマークが記号のテンプレも同様です。
スタイルシートの編集を見て、↓の部分を探してください。
/* メニューリスト */
/* リスト親要素 */
.menu_body ul {
text-align:left; /* 左寄せ */
color:#69c; /* リストの文字色 */
line-height:1.5; /* 行間 */
text-decoration:none;
list-style-type:square; /* リストマークの種類 */
margin:0;
padding:0 0 0 17px;
}
list-style-type:square; /* リストマークの種類 */
これがメニューの横に出るリストマークの指定なので、いらない場合は
list-style-type:none;
と書き換えてくださいね。
リストマークは
noneだとなしに
squareだと■に
diskは●に
circleは○に
なりますので、お好みで変えていただいてもOKですよъ( ゜ー^)
また
padding:0 0 0 17px;
は、リストマークを出すために左に余白を取っていますので、もしnoneにしたのなら、
padding:0;
にしてしまえば、左に詰められますよ。
リストマークについて、もっと詳しいことが知りたい場合は css リストマーク等で検索してみrてくださいね♪
このコメントは管理人のみ閲覧できます
|
2007年04月07日(土) 00:10 | 【コメント編集】
解決したようでよかったですъ( ゜ー^)
私の場合、リストマークをアイコンにしている場合は、上で書いたリストの親要素で、リストスタイルをなしにして、子要素でアイコンを入れてますから、その設定(画像のURLのあるところ)を削除してしまえば、同様にリストマークをなしに出来ますよ。
必要に応じて、リストマークのための余白も詰めてくださいね。
私の場合、リストマークをアイコンにしている場合は、上で書いたリストの親要素で、リストスタイルをなしにして、子要素でアイコンを入れてますから、その設定(画像のURLのあるところ)を削除してしまえば、同様にリストマークをなしに出来ますよ。
必要に応じて、リストマークのための余白も詰めてくださいね。
どこ |
2007年04月09日(月) 00:02 | URL 【コメント編集】
コメントを投稿する
この記事のトラックバックURL
この記事へのトラックバック
| HOME |
