更新日: 2011-03-28 16:17:56

サーバータイトル色と下線色を変更する方法(アメブロ)

著者: takanome0128

編集者: おばばばば

閲覧数: 1334

Okgn btn gudie info favorite

0

関連タグ:

はじめに

Photo by takanome0128

「スィート」スキンのサイドバータイトル色と下線色を変更する方法です。

STEP1

まずはサイドバーのタイトル色を変更してみましょう。お好きな色を指定してCSSを追加。

CSSの編集の一番下もしくは該当個所に以下のコードを入れます。

.menu_title {
color:#0099FF;
}

カラーはコードを参照して入力しましょう。

STEP2 次にタイトル下の破線の色を変更。

上記のように一番したもしくは、該当箇所に以下のコードを入れます。

.menu_title {
border-bottom:1px dashed #0099FF;
}

STEP3 応用してみる。

①:dashed を変更することによって、点線や実線になります。

点線: dotted / 実線: solid / 二重線: double

②:1px を 2 や 3 へ増減することによって、線が太くなったり細くなったりします。

③:下線を画像にしても良いです。

その場合は、下記のように下線を非表示にし、画像を指定します。

.menu_title {
border-bottom:none; /* 下線の非表示 */
background-image:url(http://xxx.xxx/xxx/xxx.gif); /* 画像のアドレス */
background-position:center bottom; /* 画像の位置 */
background-repeat:no-repeat; /* 画像の繰り返し */

まとめ

編集する前に、編集前のコードをコピーしておきましょう。

【PR】

このガイドは役に立ちましたか?ガイドの著者にお礼を伝えよう!

Okgn btn gudie info thunks b

42

関連タグ:

当ガイドは作成日時点での情報です。ガイド内容の実施はご自身の責任の元、ご利用いただきますようお願いいたします。

このガイドを通報する

著者名:
takanome0128

iPad目指して奮闘中!質の良いガイドラインを作れるように努力します!

これで少しでも【知ってよかった】と思えるような人が増えてほしい。

必要なもの

ブログ開設