PCインストラクターの川上です。
このようなご質問いただきました↓↓↓
リンクの文字色って記事の中だけ青、サイドバーは別の色って出来たりするのでしょうか?
ある方のように記事の中のリンクだけを青にしたいなーと思ったのです。
この方のブログはウルトラマン先生のサインがあるから、素人ではできないのかなぁ…と思いつつ、もし、できたら素敵!!と思ったものですから^^
ん?
ウルトラマン先生?
もしかして、それは・・・
ウルトラ先生のことでは?(笑)
では、ウルトラ先生のブログを見てみましょう^^
・・・で、サイドバーを見ると、グレー色になっていますね。
そして、記事本文は、というと・・・
青色になっています。
これは、次のCSSソースを追加すると、できます↓↓↓
(CSSの編集デザインの方用です)
/*-- リンク --*/
a{
text-decoration:none;
color:#777777;
}
/*リンク:訪問済み*/
a:visited{
text-decoration:none;
color:#777777;
}
/*リンク:マウスオーバー時*/
a:hover{
text-decoration:none;
color:#777777;
}
/* 記事、メッセージボードのリンク文字 */
.articleText a,.skinMessageBoard a{
font-size:16px; /*文字サイズ*/
font-weight:bold; /*文字の太さ*/
color:#0000FF; /*文字色*/
text-decoration:underline; /*文字装飾*/
}
これで、あなたもウルトラ先生と同じリンクの色です^^!
(ウルトラ先生はグレーの色→#777777を使っていますね!ラッキーセブン・・・でしょうか^^オシャレです、ハイ・・・)
ついでに、マウスをのせたときに、ちょっと薄い青にしたい場合は、
/* マウスオーバーリンク */
.articleText a:hover,.skinMessageBoard a:hover{
font-size:15px; /*文字サイズ*/
font-weight:bold; /*文字の太さ*/
color:#408cff; /* 文字色 */
text-decoration:none; /* 文字の装飾 */
}
をさらに追加するとできますので^^!
どうしてこのようなカスタマイズをしているのか、は・・・
直接ご本人の記事でご確認くださいませ~(笑)
(すると、2人目の「この人」がご紹介されていますよ~^^)
以上、パソコンワンポイントレッスンでした。
LIDS澄川・ライフデザインスクール
川上 雄大