FC2ブログでは、言葉にアンダーラインが付くことが多いですが、これが、必ずしも望ましい形になっていないことがあります。この調整方法を紹介します。
【リンクの色の変更】
リンクの最も理想的な色は青であることは、周知の感覚だと思いますが、なぜかしら、FC2では、テンプレートによっては青でないことが多々あります。
「テンプレートの設定」「スタイルのシート編集」を見てください。cssテンプレートに下のように書いてある部分がたくさんあります。
a:link{color:#009900;text-decoration:underline;}
a:visited{color:#222299;text-decoration:underline;}
a:hover{color:#ff2222;text-decoration:none;}
a:active{color:#ff2222;text-decoration:none;}
a:が付いていればリンクになっている文字の指定です。
文字色やアンダーラインを付けるかどうかを決めます（指定しないとアンダーラインが付きます）。
a:link←まだ一度もクリックされてない状態。
a:visited←すでにクリックされた事がある状態。
a:hover←カーソルが当てられた状態。
a:active←クリックされた瞬間の状態。
タイトル文字のように、文字色とリンク色が別に設定してある場合は、２箇所変更しないと色が変わりません。
text-decoration:underline;がリンク文字にアンダーラインが付き、text-decoration:none;とすればアンダーラインが消えます。
ちなみにバナーをクリックすればサイトにジャンプするように、画像にリンクを貼りたい場合にはHTMLタグを使って次のように書きます。
＜ａ ｈｒｅｆ＝“サイトのＵＲＬ” ｔａｒｇｅｔ＝“＿ｂｌａｎｋ”＞
＜ｉｍｇ ｃｌａｓｓ＝“ｐｉｃｔ” ｓｒｃ＝“画像のＵＲＬ” ａｌｔ＝“画像代わりのテキスト” ／＞
＜／ａ＞
と書けば画像をクリックすればサイトにジャンプします。
ｔａｒｇｅｔ＝“＿ｂｌａｎｋ”をいれれば、別ウィンドウまたは別タグで表示されます。
画像を使う場合は必ず ａｌｔ＝“画像代わりのテキスト” を予備のために入れる事が推奨されています。何らかのトラブルで画像が表示されない場合の対策です。
