質問: ブログの下線 fc2ブログでアフィリエイトをしています。 私のブログのテンプレートは、ブログタイトルと記事のタイトルにカーソルをもって行くとリンクの下に下線が表示されるのですが、それ以外は色が変わるだけで下線が表示されません。 画面右側(プラグインカテゴリ2)のフリーエリアは、テキストリンクに常に下線が表示されるようにしたいんです。 他のリンクはカーソルがきた時だけ、下線がでるようにしたいです。 ブログ初心者なので分かりやすくお願い致します。 /* リンクの設定 */ a{cursor : pointer ;} a:link{ color : #000000; text-decoration: none; } a:visited{color : #000000; text-decoration: none; } a:active{color : #008b8b;} a:hover{color : #2f4f4f;} .entry a{font-weight: nomal;} h1, h2, h3{ color : #808080; text-decoration: none; margin: 0px; padding: 0px; font-weight: normal; } h2 a{ text-decoration: none; }
回答: ・ブログタイトルと記事タイトルは、カーソル重なり時のみ下線表示 ・それ以外は、全て常に下線表示 の方が簡単に出来ます。 以下をcssの最後に追記すれば可能です。(確認はfirefox3とie8のみ) ---------↓ここから↓--------------- /* 一度全てのリンクを常に下線表示に初期化 */ a , a:link , a:visited , a:hover { text-decoration: underline; } /* h2=記事タイトル:カーソルが重なり時以外は下線なし=重なり時のみ下線表示 */ h2 a , h2 a:link , h2 a:visited { text-decoration: none; } ---------↑ここまで↑--------------- #2、#4で追加したcssを残したままでも、削除しても、 一番後ろに上記cssを追記すれば希望の様に下線が表示されるはずです。 また#2,#4のcssを削除した場合は、#4で修正したhtmlを元に戻しても大丈夫です。 本来なら質問時のcss(/* リンクの設定 */)の該当箇所を直接修正した方がいいのですが、 間違える可能性があるかも知れませんので追記にしました。 以上でアフェリのリンクも常に下線表示になるはず。 (#4でリンクが常時下線になりませんでしたか?) なおアフェリタグをさらにタグで囲むとは、#4のhtml修正でしたように < ~元々のアフェリのタグ~ > として、追記したmy_affili_tagクラスにcssを設定することです。