kuu♪からのお知らせ

長年公開してきたカスタムスキンへの道ですが、
新しいサイト　Harbot's field内の「ssブログ（so-netブログ）のカスタマイズ方法」　へ引っ越しをします。

徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。

今後ともよろしくお願いいたします。

文字リンク色の変え方

文字のリンク色は下の4つから成り立ちます。
これを応用して、各部分の個別設定も可能です。

・a:link　は　ページ全体のリンク（まだ開いてない部分の色）
・a:visited　は　ページ全体のリンク（一度開いたことがある部分の色）
・a:active　は　ページ全体のリンク（その部分を選択しているときの色）
・a:hover　は　ページ全体のリンク（マウスを乗せているときの色）

 

---

■赤文字部分を変えることにより、色が変わります。

■青文字の
　　none　はリンク文字の下線なし
　　underline　はリンク文字の下線あり
　の指定です。

■色を選ぶには、『HTML　色一覧』もしくは『HTMLCOLOR』をＤＬするのが便利です。

全体のリンク色

a:link { text-decoration:none; color:#FFFFFF; } a:visited { text-decoration:none; color:#FFFFFF; } a:active { text-decoration:none; color:#FFFFFF; } a:hover { text-decoration:underline; color:#FFFFFF; }

記事タイトルのリンク色

.articles-title  a:link { text-decoration:none; color:#FFFFFF; } .articles-title  a:visited { text-decoration:none; color:#FFFFFF; } .articles-title  a:active { text-decoration:none; color:#FFFFFF; } .articles-title  a:hover { text-decoration:underline; color:#FFFFFF; }

記事本文のリンク色

.articles-body a:link { text-decoration:none; color:#FFFFFF; } .articles-body a:visited { text-decoration:none; color:#FFFFFF; } .articles-body a:active { text-decoration:none; color:#FFFFFF; } .articles-body a:hover { text-decoration:underline; color:#FFFFFF; }

サイドバータイトルのリンク色

.sidebar-title a:link { text-decoration:none; color:#FFFFFF; } .sidebar-title a:visited { text-decoration:none; color:#FFFFFF; } .sidebar-title a:active { text-decoration:none; color:#FFFFFF; } .sidebar-title a:hover { text-decoration:underline; color:#FFFFFF; }

サイドバー本文のリンク色

.sidebar-body a:link { text-decoration:none; color:#FFFFFF; } .sidebar-body a:visited { text-decoration:none; color:#FFFFFF; } .sidebar-body a:active { text-decoration:none; color:#FFFFFF; } .sidebar-body a:hover { text-decoration:underline; color:#FFFFFF; }

「読者になる」のリンク色

#rssRegist a:link { text-decoration:none; color:#FFFFFF; } #rssRegist a:visited { text-decoration:none; color:#FFFFFF; } #rssRegist a:active { text-decoration:none; color:#FFFFFF; } #rssRegist a:hover { text-decoration:underline; color:#FFFFFF; }

＊詳しくは各ページをご覧下さい。（この他の部分も設定できます。）

　　□文字のリンク色を変えよう
　　□記事タイトルの文字リンク色を変えよう
　　□記事本文の文字リンク色を変えよう
　　□サイドバータイトルの文字リンク色を変えよう
　　□サイドバー本文の文字リンク色を変えよう
　　□「読者になる」の文字リンク色を変えよう

 

タグ：ソネット ソネブロ ソネットブログ So-net blog カスタムスキン カスタマイズ 文字リンク色

コメント 4

コメントの受付は締め切りました

[ｺﾝﾆﾁﾊ]いつもお世話になってます^ω^*
文字のリンク色…のことで質問なんですが、
記事の「続きを読む」のリンク色はどこで変えることができますか?
お願いします[♪]
by 空月氷柳 (2009-02-24 12:27) 

★空月氷柳さん

.articles-bodyのリンク色と同じ設定になるので、そこだけ変える方法はちょっとわかりません^^;
わかったらお知らせしますね。
by kuu♪ (2009-02-24 14:47) 

こんにちは!
そ、そうなんですか…分かりましたらぜひお願いします!
お騒がせしてすいません[ｸﾞｽｯ]
by 空月氷柳 (2009-02-25 15:53) 

★空月氷柳さん

とんでもないですよ[ﾆｺｯ]
変えることができそうな気もするのですけどね[ｳｰﾝ]

ブログのソースを見て、これかな？っていうのを試しているのですがなかなかビンゴ！しないんですよね[ﾌｳ]
by kuu (2009-03-04 14:45) 

ありがとうございます♪♪

記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。