05-31 今日の改造
近江公人ヘッダーメニューの変更
Stinger3のオリジナル ヘッダーメニューの変更をしています。
インストール直後のヘッダーメニューのデザインが物足りなく感じたのでCSSで編集してみようと思いました。
ヘッダーメニューオリジナル
上の画像の通り、左詰めの文字だけだったので、背景に色を被せて尚且つ透かしを入れ、左右の行長いっぱいに伸ばしてみようと取り掛かりました。そして、編集後のメニューは下記の画像です。この画面ではマウスカーソルをヘッダー枠に載せない状態のヘッダーメニューです。
ヘッダーメニューマウスOFF
そして、マウスカーソルをヘッダー枠に載せた状態のヘッダーメニューが、下記の画像です。マウスカーソルを置いた状態では選択された項目の背景と赤 の3px でアンダーラインを付加しました。
ヘッダーメニューマウスON
難儀しました
ここにたどり着くまで、バックグラウンドやマージンの設定など夢にまで出てくる始末でした(笑)
後ほど追記いたします。
投稿者プロフィール
最新の投稿
備忘録2022年2月4日拡張子とは、何ですか？
備忘録2021年9月22日VBAで出席名簿を作ってみた
HP作成講座2021年9月6日WordPressローカル環境構築 その１
お知らせ2021年6月1日2021年後半のカレンダーをアップロードしました
