TwentyTen グローバルナビゲーションのリンク/マウスオーバー時の色変更 | 初めてのワードプレスカスタマイズ

テクノロジーカテゴリーの変更を依頼記事元:

wakariyasui.net

2 usersがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fwakariyasui.net%2Fwp-customaize%2Ftwentyten-customize%2Ftwentyten-%25E3%2582%25B0%25E3%2583%25AD%25E3%2583%25BC%25E3%2583%2590%25E3%2583%25AB%25E3%2583%258A%25E3%2583%2593%25E3%2582%25B2%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%25E3%2581%25AE%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF%25E3%2583%259E%25E3%2582%25A6%25E3%2582%25B9%25E3%2582%25AA%25E3%2583" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://wakariyasui.net/wp-customaize/twentyten-customize/twentyten-%E3%82%B0%E3%83%AD%E3%83%BC%E3%83%90%E3%83%AB%E3%83%8A%E3%83%93%E3%82%B2%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83">TwentyTen グローバルナビゲーションのリンク/マウスオーバー時の色変更 | 初めてのワードプレス カスタマイズ</a><a href="https://b.hatena.ne.jp/entry/wakariyasui.net/wp-customaize/twentyten-customize/twentyten-%E3%82%B0%E3%83%AD%E3%83%BC%E3%83%90%E3%83%AB%E3%83%8A%E3%83%93%E3%82%B2%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83">はてなブックマーク - TwentyTen グローバルナビゲーションのリンク/マウスオーバー時の色変更 | 初めてのワードプレス カスタマイズ</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

TwentyTen グローバルナビゲーションのリンク/マウスオーバー時の色変更 | 初めてのワードプレスカスタマイズ

TwentyTenのグローバルナビゲーションのリンクにマウスを当てた時の背景色やリンク文字の色を変更させる... TwentyTenのグローバルナビゲーションのリンクにマウスを当てた時の背景色やリンク文字の色を変更させる方法です。個人的にはデフォルトのままでも良いとは思いますが、グローバルナビゲーションの色などを変更されてマッチしない場合はコチラも変更されると良いでしょう。それでは、スタイルシートから以下の部分を見つけて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを変更して下さい) #access ul ul a { background: #333; line-height: 1em; padding: 10px; width: 160px; height: auto; } #access li:hover > a, #access ul ul :hover > a { /* ココです!! */ background: #333; /* 背景色変更 */ color: #ff