2021年9月30日木曜日

[Blogger]固定ヘッダーをブログ上部に表示させる

こちらの通りなのですが、コードがおかしい所があるので(赤字にしようとしたのがそのまま入っているのと、heightの値)

以下をCSSに追加

/* Subin's Blog - http://subinsb.com */
.fixed-header{
 overflow: hidden;
 position: fixed;
 z-index: 999999;
 top: 0px;
 left: 0px;
 right: 0px;
 height: 36px;
 background: #EEE;
}

heightの値はNavbarと同じにするとして30までは落とせます(改めてnavbarのサイズを調べたら30でした)

レイアウト から HTML/JavaScript ガジェットを追加

<div class="fixed-header" style="text-align:center"><h1><a>Header Demo</a></h1></div>

上は例ですが、元のcenterタグを使わない様にしました

デモ:何か告知したい事がある時に使うと便利かも

F(uriouz)

欲しいものリスト
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comments:

コメントを投稿

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."