その2ナビゲーションバーを枠いっぱいに広げて縦の枠線を消す。適度に働くくらいがちょうどいい。その2ナビゲーションバーを枠いっぱいに広げて縦の枠線を消す。その2ナビゲーションバーを枠いっぱいに広げて縦の枠線を消す。ナビゲーションバーが画面いっぱいまで広がっているのが。Minimalismのオリジナルはナビゲーションバーが両端の途中で切れちゃってますよねタイトル部分とコンテンツ部分のメリハリつけたいのでナビゲーションバーを画面いっぱいまで広ろげることにしました。タイトル部分とコンテンツ部分をナビゲーションバーで仕切るやり方。これから紹介しちゃう技法も先人の方々がやり方を残してくれているのでコピペで完結します。下の画像がそれになります。Minimalismのはスッキリしてしていいのだけど、両端の縦に区切り線がありシンプルさを損ねるてるような感じなので区切り線も一緒になくしてしまうというか線をなくさないとナビゲーションバーがいっぱいまで広がりません。ヘッダーとメニューを横幅いっぱいまで広げるデザインCSSに下記のコードを貼り付けします。デザインの両端の薄く残っている縦筋を消しメニューバーが枠いっぱいまで広がります。コード自体は弄ってないのでデフォルトのままです。none;}いろいろ調べて参考させていただいたブログはこちらになります。スキナコトワークスブログタイトルのカスタマイズブログのタイトル名と説明文の大きさを変えたり色変更をしたいときに使用するコードです。私はまだ今のところタイトルのフォントなど変更しないので大きさと色指定したくらいです。フォントを変更したい場合はグーグルフォントで変更ができます。以下をコピペしてデザインCSSに貼ります。赤部分を変更することで大きさや色変更指定ができるようになります。*/}メニューバーが広がらず両端の区切り線も消えないとき他のコードが邪魔してなのか上記のコードではメニューバーが自分のデザインには反映されなかったのでコードを追加して対処しました。デサインCSSに下記のコードを貼り付けします。その前に/*〇〇〇〇〇*/の部分のコードがわからなくなるため付け足したものです他の参考ブログなどで書かれてないときは分かりやすくコメントとして残しておくとよいかもです。touch;なるべくごちゃごちゃと書いてしまうとあちこち目移りしわかりにくくなりそうなので要点を突いてシンプルにわかりやすく書いてきたはずですが、それでもわかりにくいと感じてしまったら自身の能力不足ですのでご了承ください。参考にさせていただいたブログはこちらです。【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30シンプルな物からオサレなボックスまで揃ってますので迷ってしまいます。自分が選んだコードはシンプルなボックスです。CSSデサインに自身の選んだコードを貼り付けます。分り易く赤い部分のようにコメントを配置しておくと何のコードか判別します。次に貼り付けるHTMLコードを用意しますが、こちらのコードは自動生成されないので手動にて記事本文内のHTML編集の所に貼り付けます。08:14関連記事2022-10-21動画編集YMM4からAviutlに移行どうも、ご無沙汰しております。10月20日・...2021-01-08ブログデザインのMinimalismカスタマイズする。ナビゲーションメニュー設置からカスタマイズまで...おはようございます。ブログの更新が滞ってしまいました。ブロ...2021-01-05しれっとブログデザインを変更し、しれっとブログタイトルも変えました。ブログタイトル変えました。ブログタイトル名を...2020-05-10【DIY】部屋模様替えとデスク設置DIYの続きになりますが、部屋の壁紙張替えは後でもいいかなとは...2020-04-21シートベルト警告灯の不点灯、これって車検にパスできないレベルだから修理してみた。はてなブログProすっぽんは月になりたいそう私はすっぽん。プロフィール▶問い合わせ▶ランキング参加してます。クリックしていただけると喜びます。目新しく書くことないんですが。ワーキングプア実はひっそりと委託契約を結んでました。(3)ベイプリキッドhttps://xn--tckxa5c423yemxd.shop/a.cgi?p=3978&a=5665はてなブログをはじめよう!poor-zukunashiさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。