解決済

clip!clip!
Ads By Google

リンクのアンダーラインを消したい。

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

2006-07-10 10:06の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-07-10 10:47:03ベスト
CSSを拝見致しました。現状、
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はマウスを押したときの状態の意味です。
回答レベル : 回答

丁寧でわかりやすかったです。
用語まで教えて頂き勉強になりました!
ありがとうございました^^

Ads By Google

コメント(7)

#1.  まゆめ
2006-07-10 11:47:10

★オニキス☆さん、ありがとうございます。
a:link{color:#69c;}
a:visited{color:#69c;}
a:active{color:#69c;}
全部にtext-decoration:none;}を貼り付けないとアンダーラインが消せませんでした。
でも、今まであったアンダーライン全部が消えてしました。
変なところいじってしまったかもしれません、アドバイスお願いします。
また、逆にマウスをのせるとアンダーラインが付くようにはできるのでしょうか?

2006-07-10 12:11:10

>>#1
えっと、リンクのアンダーラインを全部消したかったのではないのでしょうか?ご質問の文面にはなかったので、リンク全部だと解釈して、現状は意図通りで間違ったことはしていないと思います。「どこの」という限定があるなら、その旨コメント下さい。

マウスを乗せると下線が出るようにするなら、

a:hover{color:#69c;text-decoration:underline;}
とします。

#3.  まゆめ
2006-07-10 12:18:14

すいません、私の書き方が詳しくなかったですね。
サイドにあるLinksのところだけ消したかったのです。
現状ではコメントやカテゴリーなどブログ全部の下線がなくなってしまったので・・。
コメントをくれた人の名前の下線とかも全部。
たびたびすいません。

2006-07-10 12:52:30

>>#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;}

2006-07-10 12:52:56

次に、プラグインの追加で、「上級者向け」から「フリーエリア」を追加して、以下のように書きます。
<!--ここから-->
<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が不要になると思いますので、削除して下さい。

#6.  まゆめ
2006-07-10 13:40:37

★オニキス☆ さんありがとうございました。
一部分だけ下線を消したりは出来ないということですね!
きちんと出来ました。
丁寧に教えて頂き助かりました。

2006-07-10 14:02:02

ベストありがとうございます。
ご希望通りになってよかったです^^

トラックバック(2)

トラックバックURL: