So-net無料ブログ作成
検索選択
メッセージを送る

kuu♪からのお知らせ

■スキンを作るコツは、とにかくプレビューで確認することです。
 数字を替えた! 色を替えた! 画像を替えた!そのたびにプレビュー! で確認!
 そしてこまめに保存してください。

■コメントをたくさんいただいているのですが返信もままならない状況ですのでしばらくの間コメントの受付を停止させていただきます。ごめんなさい。

また、管理人kuuがしばらくソネブロを離れている間に随分仕様の変更等あったみたいですので、当ブログの記述では対応できないものも出ているかもしれません。

文字リンク色の変え方 [文字]

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

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

 


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

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

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

 全体のリンク色
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; }

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

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

 


nice!(4)  コメント(4) 
共通テーマ:blog

nice! ありがとう 4

コメント 4

コメントの受付は締め切りました
空月氷柳

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

kuu♪

★空月氷柳さん

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

空月氷柳

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

kuu

★空月氷柳さん

とんでもないですよ[ニコッ]
変えることができそうな気もするのですけどね[ウーン]

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

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

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

  

         

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。