グローバルナビを設定しました。
じゃん!
これです!
⬆ここんとこです!
変なところこだわり子な私
フォントがちょっとだけ小さくてスキッとしてるところと、
このアイコンのところが地味に気に入っています!
がしかし
ページを読み込んでるときになんか上の棒が向こうから出現して飛んでくるーー!
なにこの何かがうまくいってない感じ!
は〜気になるヨ〜〜!!
どうぞみなさま…
存分にページを読み込んでいただき棒が飛んでくるのをお楽しみください、、笑
あのね、なんとなく原因はわかるんだ。ナビのサイズがブログページの横幅いっぱいに作ってあるからその左端から棒が出現して飛んで来るってことだよね?ね!?でも横幅を560pxくらいに設定したら今度はTOPの上の棒が半分くらいしか表示されないんだよなぜか!も〜なんで〜〜!もう今の状態が一番マシだしこのままにしてあるんだも〜〜(どうでもいいので小文字)。
あと!
ナビのすぐ下から本文が始まるのもすごく気になる。
あとちょっと!あとちょっとだけ隙間が欲しい!
でもここの数値をどこで調節してるかわからナーイ!
なんかjavaScript(?)も渋滞してるみたいだし、まだまだ直さなきゃいけないところがいっぱいみたいで思考停止中です。もう我は疲れたよ…( ˘ω˘ )これって私が理解してどうにかできるレベルなのだろうか…
*
このグローバルナビ、MenuMakerというサイトで作りました。
CSS MenuMaker | HTML, CSS, & jQuery Menus
英語のサイトだけど、とても簡単に使えます。
でもね!
読んでくださった方があとでガッカリされないように言っておきますと‥
このサイト、有料です!
デザインするまでは無料でできるんだけど、最後cssとかを表示するのに「ここからは19ドル払ってください」みたいな画面出ます。なにげに高いじゃないか!
私は試しにデザインしてみたら気に入っちまったので払いました、19ドル。
2000円くらいかな〜と思ったら2200円くらいしました。笑
せっかくなので使い方をざっとご紹介します♪
デザインの種類が豊富〜!
ドロップダウンメニューも簡単に作れます。
デザインを選んで編集します。
プレビューを見ながら編集できるから、もうこの時点で楽しい!!
「Home」を編集する時は、左の一覧の「Home」の編集ボタンをポチッとすれば簡単に編集できます。私は「Home」を「TOP」にしています。
アイコンの種類もいっぱい!♡
(お気に入りポイント)
⬇
もちろんナビの色も簡単に変更できます。
細かく色を変えると自分の好みのデザインに早変わりします。
おお〜!
このデザインもいいかな!?
ピンクの圧がすごいかな!?
デザインが完成したらプレビュータブの横のタブをポチポチしていくと、html、cssなどなどが表示されますので、それぞれコピーしてブログのデザイン設定のとこに貼り付けます。
ちなみに19ドル払ってアカウントを作れば、デザインを記憶しておいてくれます。
…
以上、紹介おわり!
わ〜
ざっと〜すごいざっと〜〜
「デザイン設定のとこに貼り付け」 のとことかもっと詳しく説明しておきたいんだけど、私もあんまりうまくいってないし、これが合ってるのかも定かでないから今回は書かないでおきます…orz
ちゃんと解決できるかな…
解決できたらリライトします!!😭
デザインしてみるまでは無料だし、とっても簡単でなかなかオシャレにナビが作れちゃうので、結構面白いと思います。ぜひ使ってみてくださいね♪
CSS MenuMaker | HTML, CSS, & jQuery Menus