はてブのフッターを小さく固定にするユーザースタイルシート
はてなブックマークの注目エントリーなどで、AutoPagerize機能……つまりスクロールに応じて自動的にページを継ぎ足す機能を使っていると、どんどんエントリーが追加されていくのはいいのですが、まるで逃げ水のようにフッターが下へ下へと行ってしまうのが困ってました。
かと言って、その都度 AutoPagerize機能を止めるのもメンドイし……、というわけで私はこういうユーザースタイルシートを書いています。
(動作イメージ)
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("b.hatena.ne.jp") { #footer{ position: fixed; left: auto; bottom: 0px; height: 2.5em !important; z-index: 100; /* Google Adsと重なった場合の回避 */ border-top-width: 3px !important; /* 線の太さは好みで */ } #footer:hover{ height: auto !important; } }
イメージとしては、はてなブックマークのヘッダーの様に画面下部に小さく固定、でもってフッター部分にカーソルを合わせるとひょろんと表示されるという感じになります。
個人的には割と重宝してるので、
[どうぞご利用ください。]