• ベストアンサー

ヘッダーのリンク色が変更できません

FC2ブログで、テンプレートを変更してヘッダーにメニューリンクを作ったのですが、インク色 の変更ができません。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

ソースがないので適切な回答かどうかわかりませんが… 1.追加したメニューリンクを <div id="top_menu_link"> <!--追加したHTML--> </div> のように囲う。 ※id=""の中身は好きな文字列でかまいません。 2.色を定義する ファイルの2行~11行に<head>~</head>があるはずなので、その間に <style type="text/css"> <!-- #top_menu_link A:link {color:通常リンクの色名 !important;} #top_menu_link A:visited {color:訪問済リンクの色名 !important;} #top_menu_link A:active {color:クリック時の色名 !important;} #top_menu_link A:hover {color:マウスが上になったときの色名 !important;} --> </style> のように記入するといいと思います。

hama0202
質問者

お礼

m_toricocoさん、丁寧なアドバイスありがとうございます。 おかげさまでやっとリンクの色が変わりました。 何時間も試行錯誤していたのがウソの様です! 本当にありがとうございましたm(_ _)m

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • live-x
  • ベストアンサー率50% (20/40)
回答No.1

FC2に限らずだと思いますが、リンクの色はHTMLソースの書き方と、スタイルシートの両方が関係すると思います。 大体、下記のような感じで書くのが一般的だと思います。 a:link { text-decoration:none; color:#FF0000 } a:visited { text-decoration:none; color:#0000FF } a:hover { text-decoration:none; color:#FFFF00 } link(リンクの色)、visited(既に見たページのリンク色)、hover(マウスオーバした場合のリンク色) その他いろいろ設定できます。 CSSにこの記述をするのと同時に、スタイルシートの定義をちゃんとHTML側に記述が必要です。 このあたりを確認したらいかがでしょうか? 回答が的外れならすみません。

hama0202
質問者

お礼

live-xさん、丁寧なアドバイスありがとうございます。 CSSとHTMLに両方書き換えないといけなかったんですね。 おかげさまでやっとリンクの色が変わりました。 何時間も試行錯誤していたのですっきりしました。 本当にありがとうございましたm(_ _)m

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • FC2ブログの共有テンプレートのリンクの色を変更

    初めてブログを利用するのですがリンク色の変更で 既につまづいています、、。 FC2ブログのテンプレートでkurokuro(ユーザー共有テンプレート)の タイトルも含めすべてのページのリンクの色を変更をしようと思い 「はじめてのFC2ブログカスタマイズ」の"リンク色の変更"を見ました。 が、 a:link { color : #30C; /* 未閲覧のリンク色を青色に設定 */} a:visited { color : #30C; /* 閲覧済のリンク色を青色に設定 */} a:hover { color : #30C; /* マウスオーバー時のリンク色を青色に設定 */} a:active { color : #30C; /* アクティブ時のリンク色を青色に設定 */} を、自分で勝手に挿入したのですが全く変更されず どこに入れたらよいのか判らなくなりました。 お手数をお掛けし恐れ入りますが、教えて頂けたら大変助かります。 何卒どうぞよろしくお願い致します。 ・kurokuroテンプレート http://blog107.fc2.com/realbutterflywing/admin.php?mode=addtemp&user=true&no=11466 ・変更したい色 #3300CC

  • FC2ブログのヘッダーの文字の色を変えたい

    こんばんは。 宜しくお願いします。 ブログを始めようと思い、ネットで評判の高いFC2で登録をしたのですが、ヘッダーの紹介文が、後ろの背景と同じ様な色をしていて、見づらいです。 このヘッダーの文字の色を変更するにはどうすれば良いのでしょうか? 全くの素人で申し訳ありませんが、宜しくお願います。

  • FC2ブログ リンク文字 色変更

    リンクの文字の色を変更したいので教えて下さい。 リンクは下のようになっていて、管理画面以外の文字色を変えたいんです。 ・〇〇〇のブログ ・〇〇〇〇のブログ   ・管理画面 テンプレートは BLUENOIR-Drei- です。宜しくお願いします。

  • スタイルシートのリンクの色のついて教えてください

    FCブログのテンプレートをカスタマイズしているのですが、 リンクの色の設定でつまいずいてしまっています。 変えたいのは「記事のタイトル」の色なんですが、どうにもうまくいきません。 記事のタイトルはリンクになっているのでリンクの色を変えればよいんですが、 記事の部分の色だけを変えるというのができません。 タイトルの部分だけ部分的に変えるために次の設定を試みたがうまくいきません。 (他のパートの部分は下の設定で部分的に変えられました) スタイルシート .perple a { text-decoration: none; color: #F00783; } html部分 <span class="perple"> <h3 class="entrytitle" style="text-align:<%plugin_third_talign>"><%plugin_third_title></h3> </span> 実際にFC2ブログで「記事のタイトル」の色だけ変えることができたかたがいましたら どうぞご教授おねがいします。 ちなみにテンプレートは「simplest03_3c 」ですが構造的にはたぶんほかのテンプレートとあまり変わりないとおもいます。

    • ベストアンサー
    • CSS
  • FC2 ブログのヘッダー画像について

    自ブログとしてFC2ブログサービスを利用しておりまして、 共用テンプレートとして「SUP04_1」を利用させて頂いています。 自環境はFirefox(8.0)を利用しており、ヘッダー画像を変更し(自分で描いたイラスト) 問題なく表示されているのですが、IE9で見てみたところ、ヘッダー部が真っ黒で ブログタイトルのみしか表示されておりません。 ブログを作られた方のサポートページも見ましたが、画像の差し替え方、 また画像サイズ(ピクセル)も全く同じにしており、原因が分からない状態です。 FC2ブログでIE9に対応していないと言うことなのでしょうか? 解決法などがおわかりの方が居られましたら、ご教授お願い致します。 参照ページ:http://kururuzero.blog.fc2.com/

  • fc2ブログでの文字色の変更

    fc2ブログを開設しています。 いままで共有テンプレートを使っていましたが、ちょっと変えてみたくなったので、公式テンプレートからダウンロードしたもので テンプレートの編集をしてみました。 背景の画像は変更できたのですが、文字の色がどうしても変更できないのです。 本文とコメントの文字色を変更したいのです。 「はじめてのFC2ブログカスタマイズ」の「文字の色を変更」をみても どこをどうすればいいのか意味がわからなくて。。。 どうかわかりやすく説明していただければありがたいです。 よろしくお願い致します。

  • ブログのヘッダーの部分を変更したいのです。

    ブログのヘッダーの部分を変更したいのです。 自分で画像を加工しました。それを使用したいのです。 使用しているのはアメーバーブログです。 あと、私はテンプレートにそって文書を入力したりとか一般的な使い方しかできないのですが、 HTMLをいじったりとかしてみなさんオリジナルのブログをつくられているのですが、そういう作り方とか書いてある書籍やURLなどがありましたら教えていただけますか? それではよろしくお願いいたします。

  • ブログのリンク先が増えすぎてます。

    ブログのリンク先が増えすぎてます。 現在、リンクに約50個登録しているのですが、これからまだ増えると思います。 正確に言えば、メインのブログに50個、もう1つのブログに30個のリンクが あります(振り分けてます) でも、とても面倒なんです。 そこで、「テンプレートの右メニュー、左メニューにリンクをわけられないか」と思い いろいろ調べてみました。 でも、なかなかそんなテンプレートは見つかりません。 何かいい知恵はありませんか? 同じ悩みを持った方はおられますか?

  • FC2ブログの共有テンプレートのカスタマイズについてお伺いしたく

    FC2ブログの共有テンプレートのカスタマイズについてお伺いしたく ご質問させて頂きました。どうぞ宜しくお願いします。 こちら↓にて配布しております http://makeatemplate.blog95.fc2.com/ 「Honeymomo3c-b」(水色系のテンプレートです)を 使用したいのですが右サイドバーを上からではなく 左サイドバーと同じ高さからにしたいのですが HTML及びCSSの変更の仕方がわかりません。 ヘッダーの幅をフッダーと同じにする事はできたのですが 右サイドバーがヘッダーと重なった状態で表示されてしまいます。 どこを変更したら良いのかアドバイスお願い致します。

  • gooブログのリンクの色の変更設定の仕方

    gooブログのリンクの色の変更設定の仕方が分かりません。 せっかくリンクを貼っても 他の文字の色と同じでクリックしてもらえそうにありません。 他のブログでははっきりと違う色設定で こんなことを悩んだことがなかったので、困ってます。 どうぞよろしくお願いします。