« バナーへの画像表示 | メイン | StyleCatcher »

メニューヘッダー部分の枠線指定

「カテゴリー」、「最近のエントリー」、「検索」などはすべてモジュールクラス(.module)となっています。
そこで、メニューヘッダー部分の枠線を変更してみましょう。

MT3.2のデフォルトのスタイルシート(styles-site.css)でmodule-headerを検索します。すると以下のような箇所が見つかります。

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto;

margin: 0;
border-left: 5px solid #36414d;
・・・略・・・
}

border-left: 5px solid #36414d;で左に5ピクセルの幅を持つ実線を指定しているのが分かります。
例えば、この部分を以下のように変更します。

   border: solid #eef0f1;
   border-width: 1px 0 1px 0;
   border-color: #000000;

これで上下に1ピクセルの黒い実線を持つメニューヘッダーに変更されます。もちろん、その他の変更も自由です。

トラックバック

このエントリーのトラックバックURL:
http://www.yumemaro.com/apps/mt-tb.cgi/10

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)