エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【はてなブログ-カスタマイズ】グローバルナビゲーションのデザインを変更してみる - みやもとブログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【はてなブログ-カスタマイズ】グローバルナビゲーションのデザインを変更してみる - みやもとブログ
数日前から適用していますが、グローバルナビゲーションのデザインを少し変更してみました。 変更した理... 数日前から適用していますが、グローバルナビゲーションのデザインを少し変更してみました。 変更した理由は、なんとなくの気分です。 グローバルナビゲーションは全ページに共通するため、少しの変更でも意外と影響が大きく感じました。 それではサクッと本題へ。 変更内容(画像) 変更前 変更後 変更前(動作) 変更後(動作) 参考サイト デザインテーマ アイコン 適用したコード CSS HTML デザインの適用手順 注意事項 おわりに 変更内容(画像) まずは変更前後の画像を載せます。 変更前 変更前 変更後 変更後変更前は「HOME」にだけアイコンを設置していました。 変更後は「その他」を除いた全てのリンクにアイコンを設置するように変更しました。 また、変更前にあった「∨」みたいなアイコンを削除してみました。 あとはホバー時の動作を変更してみました。 こちらはgifを載せます。 変更前(動作) 変更