リンク文字の色と下線の変更 Templ8@FC2blog

FC2ブログテンプレートの無料配布とカスタマイズでSEO対策(検索エンジン最適化)

ホーム > スポンサー広告 >リンク文字の色と下線の変更ホーム > 基本カスタマイズ >リンク文字の色と下線の変更

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


--/--/-- --:-- スポンサー広告

リンク文字の色と下線の変更

FC2ブログテンプレートカスタマイズ「リンク文字の色と下線の変更」

リンクの色と下線の有無を変更してみましょう。

リンクのカスタマイズをするときはスタイルシートから
「a:link」というところを探しましょう。

a:link { color: #0000FF; text-decoration: underline; }
a:visited { color: #0000FF; text-decoration: underline; }
a:hover { color: #0000FF; text-decoration: underline; }
a:active { color: #0000FF; text-decoration: underline; }

上記のように4つ並んでいたり、3つだったりすることもあります。

4つのリンクの意味は以下のようになります。

a:link → 通常(未アクセス)
a:visited → アクセス済み
a:hover → マウスカーソルを合わせた時
a:active → クリックをした時

a:linkだけの設定でもいいのですが、
4つ設定することで様々なカスタマイズができます。

リンク文字の色の指定は下記の赤字部分の変更で行うことができます。
指定方法はカラーコードでなくてもカラーネーム(blue、redなど)でもOKです。

a:link { color: #0000FF; text-decoration: underline; }
a:visited { color: #0000FF; text-decoration: underline; }
a:hover { color: #0000FF; text-decoration: underline; }
a:active { color: #0000FF; text-decoration: underline; }


リンク文字の下線の有無を指定は下記の赤字部分の変更で行うことができます。

a:link { color: #0000FF; text-decoration: underline; }
a:visited { color: #0000FF; text-decoration: underline; }
a:hover { color: #0000FF; text-decoration: underline; }
a:active { color: #0000FF; text-decoration: underline; }

下線有りの場合は text-decoration: underline;
下線なしの場合は text-decoration: none;
とします。

2008/10/30 19:00 基本カスタマイズ
メールフォーム
僕のカスタマイズしたテンプレート、その他テンプレートについて、何か解からないことがあれば何でも聞いてください。具体的に書いて頂けるとありがたいです。

名前:

メール:

件名:

本文:



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。