記事タイトルのリンク下線を外したい
初めまして、最近FC2ブログを始めた者で、
テンプレート「o_tp_10_2_right」を利用しています。
現在、記事本文中のリンク設定を
「a:link」→「underline」
「a:hover」→「none」
としていますが、記事タイトルだけ下線を外したい、つまり
「a:link」→「none」
「a:hover」→「none」
にしたいと思っています。
どのようなタグを、どこに挿入すればいいのでしょうか。
ブログはこちらです。
http://ydsjapan.blog.fc2.com/
よろしくお願いします。
2012年04月20日 11:49 by 山下 浩
「もしかして…」と思い、ブラウザのキャッシュを
クリアしてみたら解決しました。
標野さん、paruparuさん、いろいろとご親切に
ありがとうございました!
2012年04月21日 18:45 by 山下 浩
シメノの環境はXPのIE8ですが、記事タイトルのアンダーラインは表示されていません。
IE間でも表示が一様ではないということでしょうか。
[ 画像]http://blog-imgs-48.fc2.com/s/h/i/shimenoyuki/uls.png[/画像 ]
2012年04月21日 18:26 by 標野ゆき
なんと・・・
ブラウザによって違うみたいです。
私の標準環境(WinXPのSleipnir)やIEだと変化ないんです。
でも、OpereやFirefoxだとちゃんと反映されていました。
これは仕方がないのでしょうか?
2012年04月21日 18:08 by 山下 浩
今度は 反映されてますね!
2012年04月21日 15:29 by paruparu
paruparu 様
まずプレビューでは反映されず、試しに更新しても変わらず
だったので、元に戻していました。
更新しましたので、確認して頂けますでしょうか。これで問題が
なければ「別テンプレート→元に戻す」やってみたいと思います。
2012年04月21日 14:11 by 山下 浩
はい、それでOKですが...
今現在適応されているCSS (テンプレの更新ボタンを押す毎にパスが変わるもの)
http://blog-imgs-48.fc2.com/y/d/s/ydsjapan/css/58520.css
を見る限り、それがどこにも入っていないのです。。
今現在、それをどこかに入れてある状態ですか?
もし、(管理画面では)それを追加してあるのに 適応中のCSS には反映されていないというのであれば、不具合の可能性もあ るのですが。。
ソースはテストしているので、追加すれば反映されるはずなのです。。
念のため、プレビューで反映されていなくても 「更新」ボタンを押し、
それでも反映されていなければ 適用中のテンプレートを一時的に別のものに変更し、
その後で、もう一度 本来適用したいテンプレートに(※再度、追加したソースが正しく入っているか確認し) 戻してもらうと 正常に反映する場合が稀にあるようです。
2012年04月21日 13:50 by paruparu
paruparu 様
アドバイスありがとうございます。
つまり、↓こういうことですよね。
/*---記事-------------------------*/
(中略)
background-color: none;
background-image: url('http ://blog-imgs-48.fc2.com/ y/d/s/ydsjapan/e-title-02-00.png');
background-repeat: no-repeat;
background-position: 0% 100%;
}
h2.e_header a:link {
color: #696969;
text-decoration: none;
}
h2.e_header a:visited {
color: #696969;
text-decoration: underline;
}
h2.e_header a:hover {
color: #CC0000;
text-decoration: none;
}
h2.e_header a:active {
color: #CC0000;
text-decoration: none;
}
div.e_body {
text-align: left;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 50px;
padding-right: 50px;
list-style-type: none;
overflow: hidden;
background-color: none;
でも、反映されないんです。
CSSの末尾に入れても同様でしたし、
困ったものです…。
あ、サイドカラムの件は理解できました。
2012年04月21日 11:40 by 山下 浩
横から失礼します。
標野さんの書かれた 最初の方法 で反映されると思いますよ。
今現在は CSS にそれが追加されていませんので、再度確認してみてください。
入れる場所も 標野さんの書いている 「div.e_body の(設定の)すぐ上」
( /*---記事------------------*/ のところ) で良いのですが、場所が探せなければ、CSS の 末尾などに追加 でもOKです。
ちなみに、サイドカラムのリンク設定は CSS のかなり下の方
/*---サイドメニュー関連------*/ のところを辿ってもらうと探せると思います。
2012年04月21日 01:06 by paruparu
標野ゆき 様
アドバイスありがとうございました。
最初の通りにしてみましたが、残念ながら変化なしでした。
さらにHTMLの「記事タイトル部分のタグ」がどこを指しているかが
いまいち分かりません(笑)
それにしても、確かにCSS編集欄では「リンク全体」という括り方に
なっていますが、記事とサイドカラムのリンク設定は違いますよね。
いったい、どの部分でどう差別化されているのやら…。
2012年04月20日 23:35 by 山下 浩
テンプレートは、作者が違うと 挙動も違うことが多いので、明言するのは難しいのですが
h2.e_header a:link {
color: #696969;
text-decoration: none;
}
h2.e_header a:visited {
color: #696969;
text-decoration: underline;
}
h2.e_header a:hover {
color: #CC0000;
text-decoration: none;
}
h2.e_header a:active {
color: #CC0000;
text-decoration: none;
}
のようなデザイン指定を
div.e_body {
のすぐ上に追加してみてはいかがでしょうか。
それで反映されない場合には
テンプレートHTMLの編集欄で 記事タイトル部分のタグに
直接スタイル指定を追加すれば、反映されるかもしれません。
しかしながら
このテンプレートのように
html全体でのリンク設定がなされているテンプレートでは
この「全体への設定」が最優先になっている場合、こうした指示を新しく追加しても うまく反映されないことがあります。
そうしたケースでは、恐らく
全体へのリンク設定を削除してから、各部ごとにリンク設定を追加する作業が必要になりますので、かなり面倒で煩雑になると思い ます。
2012年04月20日 22:34 by 標野ゆき
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー