出来事etcをつづっています。方へ目次なんでも掲示板画像掲示板ブログペットキリぺた帳検索トップ--年--月--日スポンサーサイト上記の広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。この記事のURL2007年01月07日リンク文字の色の設定(CSS編集)ブログの壁紙やタイトルの画像などを変更したときに、それにあわせて、リンク文字の色を変更したいものです。そんなときには、次のようにリンク文字の色の設定を変更してみましょう。この記事の内容は、CSS編集が可能なブログならどのブログでもできます。リンク部分のCSSを編集するときには、下の擬似クラスとよばれるものを変更します。CSS編集の画面で、検索して色のコードを変更するだけです。4つ全てが指定されていないこともあります。そのときは追加して、好みの色を設定しましょう。この4つは必ずこの順番で指定されているはずです。この順番でないと正しく反映されないことがあるようですので、ご注意ください。特別にリンク文字の色を指定するクラスを自分で決めてください。ここでは、specialとしてみました。CSS編集で追加するコード/*リンク文字の設定*/a.special:link/*まだ見ていない状態*/{color:#339900;}a.special:visited/*すでに見た状態*/{color:#999999;}a.special:hover/*カーソルが上にある状態*/{color:#ff6600;}a.special:active/*クリックをしている状態*/{color:#660033;}ソースコードの例(特別にリンク文字の色を指定する場合は下の例のように入力します。特別にリンク文字の色を指定する範囲のクラスを自分で決めてください。ここでは、samplelinkとしてみました。a:active/*クリックをしている状態*/{color:#a2cf03;}ソースコードの例(特別にリンク文字の色を指定する範囲は下の例のように入力します。ここに書かれた文章中のリンク文字の色が特別に指定できます。href="http://yozoblog.blog48.fc2.com/">yozoのシスアドへの道</a>などのリンク文字の色の設定に利用しました。ここに書かれた文章中のリンク文字の色が特別に指定できます。yozoの気が向いたと記2.0やうさもの気が向いたと記、yozoのおすすめ本、yozoのシスアドへの道などのリンク文字の色の設定に利用しました。この記事のやり方は、yozoが実際にやってみたことを書いているだけです。この記事のやり方だけしかないというものではありませんし、もっと簡単で、すばらしい方法もあると思います。この点をあらかじめご了承ください。言うまでもないことですが、この記事を参考にされるのでしたら、「CSS編集」は自己責任で行ってください。この記事を参考にされた場合は、結果や感想を、CommentやTrackbackしていただけたら、うれしいです。「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。Old≫トラックバックURLこのエントリーのトラックバックURL:コメントyozoさん、こんにちは♪ヾ(=^▽^=)ノテンプレートを変更したときにはリンクの色も変更して合わせたいですよね♪(゚-゚*)(。*)ウンウン私は最近時間がなくてそこまで変更してないですが。(^^;;私もカスタマイズをやり始めたときにこの部分で苦労しました。どの部分がどこに対応しているか分からなかったんです。分かりやすい記事をありがとうございました。