- ベストアンサー
ヘッダーのリンク色が変更できません
ＦＣ２ブログで、テンプレートを変更してヘッダーにメニューリンクを作ったのですが、インク色 の変更ができません。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ソースがないので適切な回答かどうかわかりませんが… １．追加したメニューリンクを <div id="top_menu_link"> <!--追加したHTML--> </div> のように囲う。 ※id=""の中身は好きな文字列でかまいません。 ２．色を定義する ファイルの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> のように記入するといいと思います。
その他の回答 (1)
- live-x
- ベストアンサー率50% (20/40)
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側に記述が必要です。 このあたりを確認したらいかがでしょうか？ 回答が的外れならすみません。
お礼
live-xさん、丁寧なアドバイスありがとうございます。 CSSとHTMLに両方書き換えないといけなかったんですね。 おかげさまでやっとリンクの色が変わりました。 何時間も試行錯誤していたのですっきりしました。 本当にありがとうございましたm(_ _)m
お礼
m_toricocoさん、丁寧なアドバイスありがとうございます。 おかげさまでやっとリンクの色が変わりました。 何時間も試行錯誤していたのがウソの様です！ 本当にありがとうございましたm(_ _)m