« ムーンゲートと鳥と交換。 | メイン | TOPのエントリー部分のカスタマイズ »
2005年05月01日
サイドメニューのカテゴリをカスタム
を参考に、開閉式にしました。
さらに、スタイルシートをいじって、○マークを非表示にしました。
.sidebar #categories li {
list-style-type: circle;
}
の circle を none に変更することで非表示に出来ました。
これは、調べればわかるだろうと思ってた矢先、知人にアドバイスいただきました。
ありがとうございます。
ついでに、図ではどちらも変更後なのでわかりづらいですが、
.sidebar #categories ul {
padding-left: 15px;
}
を 10px に変更して少し左に寄せました。
タイトルの上下を線で囲みました。
これは
を参考に、サイドメニューにも活用してみました。
太字部分を追加しただけです。
.sidebar h2 {
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
text-align: center;
font-weight: bold;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
text-transform: uppercase;
letter-spacing: .3em;
}
投稿者 あらやん : 2005年05月01日 12:41
トラックバック
このエントリーのトラックバックURL:
http://blog.memorialhall.net/mt-tb.cgi/9