FC2ブログの文字色とリンク色の変更方法＠3分で変える！

コメントは7件です

1. 質問させてください より:

   2017年6月11日 4:15 午後

   こんにちは。

   FC2ブログをやっていますが、こちらの記事で教えていただいたとおり
   リンクの色を変えようとスタイルシートに追記したところ、
   記事内のリンクだけでなくサイドバー（最新記事や記事ランキング等）や
   ヘッダー？部分のリンクまで青くなってしまいました。

   サイドバーやヘッダーのリンクは今まで通りで
   記事本文のリンクのみ青色に変えるには
   スタイルシートにどのように記載すればいいのか
   教えていただけないでしょうか？

   返信
   • shimizu より:

     2017年6月11日 9:54 午後

     こんばんは。ご訪問ありがとうございます。

     ご質問の件ですが
     こちらの記事で追加するように書かれているタグを
     すでに設置済みでしたら、すべて削除した後

     #main a{
     color:#0044CC;
     text-decoration:none;
     }

     このタグをCSSの最後に貼り付けてみてください。
     これで記事内のリンク色だけ変更されるはずです。

     ご参考になれば幸いです。

     返信
2. 質問させてください より:

   2017年6月11日 11:48 午後

   さっそく回答ありがとうございます。

   早速教えていただいたタグを追加したところ、記事本文下のカテゴリーやユーザータグ、前後ページへのリンクや、トップページの最新記事一覧（サイドバーではない部分）の記事リンクやユーザータグなどまで青くなってしまいました。

   トップページ⇒http://rikejomama.jp/
   （現在、余分なところも青くなった状態にしています）

   これらは青くせず、「記事本文」のみのリンクを青くするにはどうすればいいでしょうか？

   お手数おかけしますが、再度教えていただけると大変助かります。
   よろしくお願いいたします。

   返信
3. 質問させてください より:

   2017年6月11日 11:58 午後

   先程の補足です。

   記事本文に関しては訪問有無関係なく
   リンク色を教えていただいたとおり#0044CCにし、
   マウスを合わせた時のみ#cc6699になるのが希望です。

   よろしくお願いいたします。

   返信
   • shimizu より:

     2017年6月12日 1:16 午後

     前回追加したコードを削除し
     代わりにこちらのコード

     #main p a{
     color:#0044CC;
     text-decoration:underline;
     }

     #main p a:hover{
     color:#cc6699;
     text-decoration:underline;
     }

     をCSSの最後に追加してみてください。

     これで記事本文のpタグで囲んだリンクだけが
     色が変わるはずです。お試しください！

     返信
4. 質問させてください より:

   2017年6月12日 9:08 午後

   無事変更できました！
   ありがとうございました。

   返信
   • shimizu より:

     2017年6月12日 9:56 午後

     お役に立てたようで良かったです！
     またお越しください。

     返信

コメントフォーム