リンクのアンダーラインを消したい。
の回答どおりにしたのですがリンクのアンダーラインが消せません。私のブログは です。
アドバイス御願い致します。
回答(1)
1.

a:hover{color:#69c;text-decoration:none;}
となっていますので、マウスを乗せたときには下線が消えます。一方、
a:link{color:#69c;}
a:visited{color:#69c;}
a:active{color:#69c;}
となっているので、それ以外の状態では下線がついたままになります。これらについても、同様に、a:link{color:#69c;text-decoration:none;}
という風にすると、下線が消えます。類似箇所全てにこの作業をするとリンクの下線は全て消えます。ちなみに、linkは未訪問、visitedは訪問済み、activeはマウスを押したときの状態の意味です。
丁寧でわかりやすかったです。
用語まで教えて頂き勉強になりました!
ありがとうございました^^
コメント(7)
★オニキス☆さん、ありがとうございます。
a:link{color:#69c;}
a:visited{color:#69c;}
a:active{color:#69c;}
全部にtext-decoration:none;}を貼り付けないとアンダーラインが消せませんでした。
でも、今まであったアンダーライン全部が消えてしました。
変なところいじってしまったかもしれません、アドバイスお願いします。
また、逆にマウスをのせるとアンダーラインが付くようにはできるのでしょうか?
>>#1
えっと、リンクのアンダーラインを全部消したかったのではないのでしょうか?ご質問の文面にはなかったので、リンク全部だと解釈して、現状は意図通りで間違ったことはしていないと思います。「どこの」という限定があるなら、その旨コメント下さい。
マウスを乗せると下線が出るようにするなら、
a:hover{color:#69c;text-decoration:underline;}
とします。すいません、私の書き方が詳しくなかったですね。
サイドにあるLinksのところだけ消したかったのです。
現状ではコメントやカテゴリーなどブログ全部の下線がなくなってしまったので・・。
コメントをくれた人の名前の下線とかも全部。
たびたびすいません。
>>#3
「Links」のところは、プラグインの「リンク集」で作成されていると思いますが、他のサイドバーのプラグインと共通のCSSになっていますので、「Links」だけスタイルを変えるのは難しいです。
ここだけスタイルを変えるのであれば、「リンク集」ではなく、「フリーエリア」を作って自分でHTMLを書くとよいでしょう。
さきほどの変更は元に戻して、CSSにクラスを追加します。CSSの適当な位置に以下のコードを追加して下さい。
.sidebody a.mylinks:link{color:#666;text-decoration:none;}
.sidebody a.mylinks:visited{color:#666;text-decoration:none;}
.sidebody a.mylinks:active{color:#666;text-decoration:none;}
.sidebody a.mylinks:hover{color:#69c;text-decoration:underline;}
次に、プラグインの追加で、「上級者向け」から「フリーエリア」を追加して、以下のように書きます。
<!--ここから-->
<div class="sidebody"><a href=" http://slowlife1971.jugem.jp/" class="mylinks">スロウ・ライフ (ピュアな人柄が伝わる、まゆめの旧友haijiさんの素敵なブログ)</a></div>
<div class="sidebody"><a href="http://pois-pois.jugem.jp"/; class="mylinks">pois et pois(hand madeたくさん、あたたかく、かわいいmarippeさんのブログ)</a></div>
<!--ここまで-->
この後、改行を「変換しない」にして、[この内容で設定する]を押します。で、適当な位置に持っていって下さい。
この後、サイドバーとデザインを再構築すると反映されます。確認した後、前のLinksが不要になると思いますので、削除して下さい。
★オニキス☆ さんありがとうございました。
一部分だけ下線を消したりは出来ないということですね!
きちんと出来ました。
丁寧に教えて頂き助かりました。
ベストありがとうございます。
ご希望通りになってよかったです^^




