WEBフォントって何?超簡単ヘッダ固定メニュー作成!その2
はじめに
前回はWEBフォント導入、作成についてお話ししました。
WEBフォントって何?超簡単ヘッダ固定メニュー作成!その1 - ひなかな
はじめにこんばんわかなたです。昨日はヘッダーに固定メニューバーをつけるのに悪戦苦闘しておりました。現在付けておりますが、ブラウザによっては綺麗に見えないかもしれ...
今回はようやく本題のヘッダ固定メニューについて話して行きます。
流れは以下の通りです。
- CSSの記述
- HTMLの記述
それではいきましょう
CSSの記述
以下に私のCSSを載せますので自分に合わせて変更してください。
変更し終わったらデザインCSSに貼り付けでおkです。
HTMLの記述
次にHTMLの記述をしていきます。
- 「<li>~</li>」の中を変更します。
- 次にgoogle serchを変更しますが、まだ検索AdSenseを取得されてない方は先に取得してください。
もし、取得できないようでしたら「Google Serch」の部分は削除をよろしくお願いします。
まとめ
どうでしたか
無事に設置できましたでしょうか
私はプログラムをあちこち弄って「あーでもない、こーでもない」と言いながらやっていたので相当時間がかかりました
私の場合はてなブログを改造するときはいつもこんな感じなのですよね。
皆さんもぜひ「あーでもない、こーでもない」と言いながら試行錯誤してみてくださいね
編集後記
前回、今回の記事もだいぶ長くなると言っておきながら全然大した量じゃなかったですね
申し訳ないです。
他にも色々弄っている場所はあるのですが、そこは追々気が向いたら書いていきますね。
それでは