賢威7のパンくずの文字色(マウスオーバー・リンク色)を変更する方法

スクリーンショット 2016-03-07 8.12.02

 

今回は賢威7のパンくずの文字色(マウスオーバー時、リンクあり。リンクなし)を変更する方法を解説していきます。
⇩賢威についての詳しい情報は下記から⇩
賢威公式サイト
 

賢威7のパンくずの文字色を変更しよう!

 

賢威7のパンくずの文字色を変更する手順は各々のコードをbase.css記述するだけで簡単にできます。

ちなみにデフォルトでは以下の感じ(クール版)

スクリーンショット 2016-03-07 8.16.05

 

単純な文字色変更

パン屑の単純な文字色変更をする場合は以下のコードをbase.cssに記述します。

 

.breadcrumbs-in a {
color: #F00;
}

※赤色になるようにしています。

 

スクリーンショット 2016-03-07 8.17.16

 

 

マウスオーバー時の文字色変更

マウスオーバー時の文字色変更をする場合は以下のコードをbase.cssに記述します。

.breadcrumbs-in a:hover {
color: blue;
}

※青色になるようにしています。

 

スクリーンショット 2016-03-07 8.17.49

 

 

リンク色ではない文字色変更

リンクがない文字色変更をする場合は以下のコードをbase.cssに記述します。

※現在見ているページのことです。

 

.breadcrumbs-in li.bcl-last {
color: #008080;
}

 

※深緑になるようにしています。

スクリーンショット 2016-03-07 8.19.16

 

簡単なコード記述で変更することができるので、サイトデザインに合わせてカスタマイズしてみてください。

 

賢威7カスタマイズ大図鑑へ戻る

副業から月収10万円以上を安定的に稼ぐ力を身につける無料メルマガ講座

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-10-16-37-15

一緒にビジネスや遊びを全力でシェアしよう!お気軽に申請どうぞ!

スクリーンショット 2016-08-17 0.43.46

2 Responses to “賢威7のパンくずの文字色(マウスオーバー・リンク色)を変更する方法”

  1. SANO より:

    いろいろわざがあるんですね。
    参考になります
    応援完了です

    • キラ キラ より:

      SANOさん

      コメントありがとうございます。

      賢威は初心者〜上級者まで使いやすいテンプレートですので、シンプルな部分もあり
      カスタマイズのやりがいもあるので個人的は好きですね!

コメントを残す

自己紹介・挨拶がないコメントに関しては返答を控えさせて頂きます。
サブコンテンツ

一緒にビジネスや遊びを全力でシェアしよう!お気軽に申請どうぞ!

スクリーンショット 2016-08-17 0.43.46

キラの公式LINE@

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-29-7-40-42

このページの先頭へ