注目タグ

テンプレート・プラグイン

トピック詳細

記事タイトルのリンク下線を外したい

初めまして、最近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  山下 浩

コメント一覧 10件中、1~10件表示

  •  
    「もしかして…」と思い、ブラウザのキャッシュを
    クリアしてみたら解決しました。

    標野さん、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 標野ゆき