これまでのyukoの 獲得合計金額¥140,155(イーバンク銀行のみ) 入金履歴こちらから
since 17 Sep 2004

トップ > スポンサー広告> [カスタマイズ]CSS,HTML > リンクの色を変更する

[Edit]

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
ランキング参加中!応援よろしくお願いいたします♪
ポチっと    FCブログランキング
web拍手励みになります

リンクの色を変更する

リンクの色を変更してみました。

参考にさせていただいたのは、
はじめてのFC2ブログカスタマイズ  の、 リンク色の変更
A:link 未閲覧のリンク
A:visited 閲覧済みリンク
A:hover マウスをのせた時のリンク
A:active 選択された(クリックした)時のリンク
で、設定できます。
色以外にも、下線の在り無しや、カーソルの形状や、背景なども指定できます。
1 ページ全体のリンクを設定する場合
カスタマイズ修正箇所
・テンプレートの設定-修正-スタイルシート編集

a:link{
color:○○
}
a:visited{
color:○○
}
a:hover{
color:○○
}
a:active{
color:○○
}

となっているところを修正します。
colorの部分を、変更すればOK。
色見本は、カラーコード一覧を参考にしてください。

2 指定した場所のみリンク色を変更する場合
カスタマイズ修正箇所
・テンプレートの設定-修正-HTML編集
・テンプレートの設定-修正-スタイルシート編集

まずは、HTML編集で、変更したい箇所に、識別子(なんだか、難しいですが、適当でたぶん?!OK)を付けます。
たとえば、
<div id="rightside">~変更したい箇所~</div>
というかんじで…。

次に、スタイルシート編集で、
#rightside a:link{
color:○○
}
#rightside a:visited{
color:○○
}
#rightside a:hover{
color:○○
}
#rightside a:active{
color:○○
}
と、さきほどと同様に色などを指定して、それを、スタイルシートの最後の部分に追加してください。

備考
:hoverを設定する際には必ずlink→visited→hover→activeに順に注意して下さい。
誤った順序で宣言すると正しい表示結果が得られない場合があります。
スポンサーサイト
ランキング参加中!応援よろしくお願いいたします♪
ポチっと    FCブログランキング
web拍手励みになります

+*+** カスタマイズ:ブログ +*+**


この記事のトラックバックURL

http://pointkasegi.blog19.fc2.com/tb.php/258-8e998287

コメント

コメントする


管理者にだけ表示を許可する

今週の逆アクセスランキングでございます。

毎週日曜日にログをリセットしてます。


T Y

Template Designed by DW99

Powered By The-Searchpointkasegi.blog19.fc2.com/のPageRankを表示しています。

相互リンク相互リンク アクセスランキング
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。