以前に横メニューバーをブログタイトル下に表示するカスタマイズを紹介しました。

今回はこのメニューバーに枠をつけるカスタマイズを紹介します。

スタイルシートを編集します。

/* ▼メニューバー▼ */
ul#menu_bar {
～
background-color:#000000; /* 背景色 */
～
}

～

#menu_bar li a {
～
border:1px solid #333333; /* 枠*/
}

#menu_bar li a:hover{
～
border:1px solid #333333; /* 枠*/
}
/* ▲メニューバー▲ */

青い箇所を削除し、
赤い箇所を追加してください。

枠の太さや色はお好みに合わせて設定してください。

関連記事

• コメントに敬称をつける (2009/04/25)
• タイトルを画像にしたときのSEO (2009/04/20)
• 横メニューバーを幅一杯に表示する（リキッドレイアウト） (2009/04/15)
• 横メニューバーに枠をつける (2009/04/11)
• ジャンルとテーマを記事下部に表示 (2009/04/11)
• サムネイルの画像サイズを設定する (2009/04/09)
• 記事ページを古い順に表示する (2009/04/05)