ブログタイトルの文字色を変更する:初心者でもできるブログカスタマイズ

プロフィール

株式会社MIS沖縄で代表を務めております。

4年間のアメリカ生活を経て、2001年からホームページ制作会社を設立。

2010年4月に法人化。

これまでホームページの制作作業をやっていた男が、5年前ほどから社員を抱えるようになり、今や社長業。

全然なっていない社長ですが、良い社員に恵まれて、何とかここまでやってこれました。

来年はいよいよ10周年。何かイベントをやろうかなぁ。

趣味はシュノーケリング、釣り、空手、プログラミングなどいろいろありますが、最近は全然やれていない（涙。

早く会社を安定させて、ゆっくり趣味のできる生活がしたい！また、家族（嫁1人、愛娘1人）とゆっくり旅行がしたい！夢を実現すべく、日々奮闘しております。

ブログ内検索

QRコード

※カテゴリー別のRSSです。

アクセスカウンタ

オーナーへメッセージ

› 初心者でもできるブログカスタマイズ › ヘッダー部分をカスタマイズ › ブログタイトルの文字色を変更する

2012年02月09日

ブログタイトルの文字色を変更する

はいさい。山川です。

以前の記事のバックナンバーです。

－－－－－－－－－－－

前回紹介した、ブログタイトルの文字サイズの変更は上手くできましたか？

今回は、ブログタイトルの文字色のカスタマイズの方法です。

◆ブログタイトルの文字色の変更

分かりやすいように、赤色への変更例です。

#banner a{
text-decoration: none; /*文字装飾*/
color: #ff0000;/*文字色*/
}
#banner a:link{
text-decoration: none; /*文字装飾*/
color: #ff0000/;*文字色*/
}
#banner a:visited{
text-decoration: none; /*文字装飾*/
color: #ff0000;/*文字色*/
}
#banner a:active{
text-decoration: underline; /*文字装飾*/
color: #ff0000;/*文字色*/
}
#banner a:hover{
text-decoration: underline; /*文字装飾*/
color: #ff0000; /*文字色*/}

上記CSSコードを、コピーしてスタイルシートの一番下へ貼り付けて下さい。

（当ブログを使ってのカスタマイズの手順はこちら）

貼り付けた後、「color: #000000;」のカラーコードを変更することで、文字色を、好きな色に変えることができます。

（カラーコード一覧はこちら）

＜セレクターの説明＞
「a」　　　　　⇒リンク全般の設定
「a:link」　　　⇒まだ一度もクリックされていないリンクの設定
「a:visit」　　⇒一度でもクリックされているリンクの設定
「a:active」　⇒クリックされてからクリックが離されるまでのリンクの設定
「a:hover」　⇒マウスカーソルがリンクの上に乗った時の設定

なお、リンクのそれぞれの状態ごとに色を変えることもできます。

例）クリック前青色　⇒　マウスを上に乗せると赤色　⇒　クリック済み紫色　など

その場合は、各セレクター内の「color:」というプロパティに、別々のカラーコードを設定して下さい。

今回はわかりやすいように、すべてのセレクターに同じカラーコード（赤色）を設定しています。

変更前「color: #000000;」