IDOL×IDOL STORY! 感想レビュー
ナツメグチャンネル
Luxeritas カスタマイズ サムネイル 05
【Luxeritas】記事一覧カスタマイズ【カード型】 サムネイル
【Luxeritas】ヘッダー下に画像リンク4つ並び【再利用ブロック】 サムネイル 02

【Luxeritas】文字の色はどうしよう!?【文字リンク】

2024/06/13Luxeritas

【Luxeritas】文字の色はどうしよう!?【文字リンク】 サムネイル
ナツメグチャンネル

もうダサくしないカスタマイズ第6回。

Luxeritas(ルクセリタス)の
めんどくさい
記事一覧のカスタマイズが終わったので
今度は細かいところを整えて行きます。

記事一覧のタイトルをマウスホバーすると
軽薄な赤。

Luxeritas 文字の色 01
ナツメグチャンネル

今回は文字の色のカスタマイズをして行きます。

【Luxeritas】文字の色のカスタマイズ

文字色は#333333
リンク色は#0066c0
リンクホバー文字色は#b22222
に統一します。

何でこの色にしたかと言うと
好きなブログと同じ色にしたかったから。

外観>カスタマイズ>文字色。

Luxeritas 文字の色 02
ナツメグチャンネル

こんな感じの色です。

外観カスタマイズの文字色を設定しても
記事一覧のタイトルのマウスホバー時の色は
軽薄な赤のままだったので
スタイルシートでCSSを書き込んで行きます。

/*記事一覧タイトルホバー時*/
.home h2 a:hover{
	color: #b22222;
}
Luxeritas 文字の色 03
ナツメグチャンネル

記事一覧のタイトルのマウスホバー時の色が
軽薄な赤じゃなくなって良い感じになりました。

というかメタ情報のカテゴリーの
軽薄な青の方が気になります。

なんで軽薄な青にしたかと言うと
Luxeritasのメニューの
マウスホバー時の色に
合わせたからです。

これがメニューバーのマウスホバー時の色。

メニュー デフォルトの色
ナツメグチャンネル

やっぱりLuxeritasのデフォルトの色がダサいのでは!?

後で変えよう。

追記

カテゴリー一覧のタイトルホバー時の色が
軽薄な赤のままだったので直しました。

/*カテゴリー一覧タイトルホバー時*/
#list div[id^=tile-] h2, div[id^=card-] h2 a:hover{
	color: #b22222;
}

もうダサくしないカスタマイズ

【Luxeritas】もうダサくしないカスタマイズ
【Luxeritas】サムネイルは正方形か長方形か!?
【Luxeritas】サムネイルを長方形に統一
【Luxeritas】メタ情報のカテゴリーのカスタマイズ
【Luxeritas】記事一覧カスタマイズ【カード型】
【Luxeritas】SNSシェアボタンを消します
【Luxeritas】ブログカードのカスタマイズ
【Luxeritas】デベロッパーツールの使い方【Google Chrome】
【Luxeritas】ヘッダー下に画像リンク4つ並び【再利用ブロック】
【Luxeritas】カルーセルスライダーのカスタマイズ【JIN風】
【Luxeritas】メニュー(グローバルナビ)とフッターの色を揃える
【Luxeritas】ページネーションのカスタマイズ
【Luxeritas】ヘッダー上の帯メニューのカスタマイズ
【Luxeritas】記事内のカスタマイズ【Snow Monkey Editor】
【Luxeritas】目次のカスタマイズ
【Luxeritas】サイドバーカテゴリーのカスタマイズ【AFFINGER風】
【Luxeritas】サイドバーカテゴリーのカスタマイズ【JIN風】
【Luxeritas】サイドバープロフィールのカスタマイズ
【Luxeritas】カテゴリーと記事一覧にタイトルを付ける
【Luxeritas】新着記事のカスタマイズ
【Luxeritas】グローバルナビのメニューにアイコンを付ける

Luxeritas