• ベストアンサー

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

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

  • ベストアンサー
  • ice-moon
  • ベストアンサー率65% (121/184)
回答No.2

h35bbsさん制作のkurokuroでよろしいでしょうか? 記載されているアドレスは質問者さんのブログ管理画面なので(;^_^A   cssを見たところ一括指定ではないので、少々面倒ですが a 指定のある場所をひとつずつ変更してはどうでしょうか。 それらを削除して一括指定に変えてもいいのですが、知識がないと崩れることになります。私はあまり知識がなくいつも適当にいじっています。 ひとつ直すたびにプレビューで確認し、いいようなら更新といった形にすれば不安はないかと思います。崩れたら再度ダウンロードしてくればいいだけですけども。

vanillafrench
質問者

お礼

お礼が遅くなり大変申し訳ありません。 >記載されているアドレスは質問者さんのブログ管理画面なので(;^_^A 大変すみません。言われて気が付きました。 お手間取らせてゴメンナサイ。 わざわざ確認していただき助かりました。 そうですね。私も何回か挿入しては元に戻す作業していたのですが、 素人の限界で、こちらに投稿させて頂きました。 教えて頂いたこと頭に入れながらトライしてみようと思います。 皆さん親切に教えて頂いて投稿してよかったです。 本当にどうもありがとうございました。

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

その他の回答 (1)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

CSSには優先順位があります(後書き優先やセレクタによって) わからなければ、書き換えるか、 !importantを追加するか他を削除。 要は、最初から設定されているリンク部のCSSと絡む場合があります。 書き換えたり、変更したり、削除しなければいけません。 メニューやタイトル部分も h1 a { .menu a:link { 等と初期設定されているかもしれませんので、追加する場合は、 色変更や削除もしくは、/* */コメントで適応外にして下さい。

vanillafrench
質問者

お礼

お礼が遅くなり大変申し訳ありません。 !importantがわからず検索しました。 私にはハードルが高いようですが教えて頂いた方法も 試してみたいと思います。 お時間とっていただいて本当にありがとうございました。

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

関連するQ&A

  • CSSでのリンク色の変更で

    HPのリンク色(a:link)の色をa:link{color:#ffffff;}(色は例です)で変えたんですが、 何故か色が反映されず、デフォルトの青色で表示されてしまいます。 ・hover、active、visitedも同じように変更しているが、そっちは反映されている ・リンクの色を変えようとするページにcss(仮にAとB)ファイルを2つ使っている ・Aではリンクに関する設定は記述してない。またAを省いても変わらない ・Bのリンク以外の指定を消しても同じ ・そもそも青色で設定している文字がない ・HTML文にも色変えの記述はない ・ブラウザ指定もしていない 何度自分で見直しても全く分からないのでお願いします

    • ベストアンサー
    • HTML
  • fc2ブログでリンクテキストの色が設定できない

    テンプレート名 Penetration です。テキストリンクの色を変更するためにcssを編集しましたが、記事内のテキストリンクに反映されません。 変更箇所は↓ /* ハイパーテキスト ------------------------------------------------- */ a { overflow: hidden; /* for Fx */ } a:link { color: #8bc9d7; text-decoration: none; } a:visited { color: #8bc9d7; } a:focus, a:hover { text-decoration: none; } a:active { } ↑上記箇所を、 /* ハイパーテキスト ------------------------------------------------- */ a { overflow: hidden; /* for Fx */ } a:link { color: #6699FF; text-decoration: none; } a:visited { color: #6699FF; text-decoration: none; } a:focus, a:hover { color: #FF9900; text-decoration: none; } a:active { } ↑に書き換えました。 記事タイトル・カレンダー・カテゴリ・コメント・トラックバックは希望通り、テキストリンク→水色  カーソルを重ねると→黄色になりましたが、記事内のテキストには反映されません。 ※訪問済みもアクティブも水色のままで良いので記述しなくてもいい気がしますが、原因が分からなくなりそうで、今のところ消していません。 cssを触りだして10日程度の初心者です。ご指導宜しくお願いします。

  • FC2 ブログ カスタマイズ

    Fc2ブログでアフィリエイトをやっています。 テンプレート mushroom を使わせていただいているのですが、リンクに下線を引くことは出来ないでしょうか? a { text-decoration: none; /*\*/ overflow: hidden; /**/ } a:link, a:visited, a:focus {color: #993300; } a:hover, a:active { position: relative; left: 1px; top: 1px; } /* Image このあたりが関係ありそうだと思うのですが text-decoration: none; を消してしまうと大きなタイトルにも小見出しにも下線がついてしまいます。 できれば記事中のアフィリエイトとフリーウエアのアフィリエイト部分に「フォントの色そのままで下線を入れる」か、「下線なしで青くする」かしたいのです。 どうぞよろしくお願いします。

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

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

  • ブログタイトルの文字色の変更方法

    htmlやスタイルシートのこともわからず ブログを始めた初心者ですが質問させてください。 FC2ブログでタイトルの色を変更したいのですが、できませんでした。 使用しているテンプレート名は「simple_002_fc2」です。 スタイルシートの /*-----タイトル&イントロダクション-----*/ #header_left { width:560px; float:left; } h1 { margin:10px; font-size:12px; line-height:100%; } h1 a {color:#000000;} h1 a:hover {color:#000000;} h1 a:visited {color:#000000;} #introduction { margin:0px 10px 10px 10px; font-size:80%; color:#000000; } この部分のどこを変更したら良いのか おわかりになりましたら教えていただけますでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • ブログテンプレートのカスタマイズ

    FC2ブログを使っているのですが、ブログテンプレートをカスタマイズしたいのですがいまいち分かりません。 カラーチャートなどを参考にして色の設定や、文字の大きさなども変更しているのですがやはりタグの意味(ここがどういう設定の場所なのか)が分かりません。 FC2お使いの方、もしできれば・・ですがタグの解説をしてもらえないでしょうか? ちなみに、テンプレートは「index_tab03_purple」です。

  • CSSでリンク色を設定したさいFireFoxで反映されません。

    FC2無料レンタルでホームページを作っているのですが、 <STYLE TYPE="text/css"> <!-- a:link { color: #000000; } a:visited { color: #000000; } a:hover { color: #CCFF66; } a:active { color: #CCFF66; } --> </STYLE> のCSSタグを使って、リンクした際の色を指定しています。 IE8.0でページを確認した際には、きちんと反映されているのですが、 FireFoxで確認すると、リンクが青色のままで、設定が反映されません。 (オンマウスのときの変更色のみ反映されています。) リンクする際は、aaa/aaa.htmlのような略した記述をしています。 一度リンクをクリックすると、設定が反映され、しばらくは有効なのですが、数日して、同じことをすると、また青色リンクに戻っています。 何か原因が分かる方いらしたら、教えて頂けると嬉しいです。 (URLを省略していない、もしくは同じディレクトリ内のページに省略した記述でリンクする際は、きちんと設定が反映されているようです。 これが、FireFoxの特徴なのか、こちらのPCの問題なのか、 分かりません。省略したURLは、使わないのが基本なんでしょうか…? 出来るなら、省略したURLを使いたいと思っています。)

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

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

  • 《Fc2ブログのテンプレート編集について》

    《Fc2ブログのテンプレート編集について》 こんにちは。 FC2ブログを使用しています。 以前使用していた共有テンプレートのリンク部分をHTML編集して、 リンク先を直接入力して表示させていました。 左メニューにある「環境設定」→「リンクの設定」では、 バナーが表示されないため、このように直接タグを打ち込んでいました。 ですが、先日テンプレートをシンプルなものに変えました。 すると、前のテンプレートに打ち込んだバナー付きのリンクが、 新しくしたテンプレートにもそのまま反映されていました。 リンクを外したいので、新しいテンプレートのHTML編集をして、 打ち込んだ部分を消そうと思ったのですが、打ち込んだリンクのタグがありませんでした。 テンプレートを変えたので、タグも変わり、当たり前だと思うのですが、 ブログを見ると、バナー付きのリンクが以前のテンプレートを使用していた時のように残っています。 以前のテンプレートで、打ち込んだ部分を消した後、 新しいテンプレートに変えても、まだリンクが表示されています。 左メニューの「リンクの設定」を確認してみたのですが、 もともと、その部分には打ち込んでいないので何もリンクしていない状態でした。 新しいテンプレートで、以前打ち込んだタグを反映させないようにするには どうしたらいいでしょうか? うまく説明ができないのですが、お答えいただけると助かります。 説明不足でしたら、質問ください。 よろしくお願いします。

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

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