FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。



←人気ブログランキング・ブログ村の一括応援です。
   他のスキンケア・コスメ情報をチェック♪♪
拍手 | FC2ブックマークに追加 | スポンサー広告 | トラックバック(-) | コメント(-)

フッターを常に画面下に固定する。

hutta-.jpg

(拡大可)
スクロールしても常にフッターを画面下に固定する方法。
CSS Lecture様の記事を参考にさせて貰いましたーキラキラY
参考にしてちょっと悩んだとこだけ補足すると、

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.2");</script>
<script type="text/javascript" src="js/fixed.js"></script>

head内に何も考えずに上のスクリプトを貼る。
js/fixed.js部分には、

jQuery(function($j){
$j('#footer').positionFixed()
})

上のjavascriptをメモ帳にコピペしてfixed.jsという名前で保存してサーバーにアップロード。
そのURLをjs/fixed.jsに入れます。
そしてブログのhead内に貼る。

CSSのフッターの記述を探して、

width: 100%;
background: url(フッター画像.jpg) repeat-x;
position: fixed;
bottom:0;
left:0;

を追加して完成うるうる
fc2ブログでは動作確認しましたが他は分かりませんー。
CSSは全く初心者なので、聞かれても仕組み全く分かりませぬが、CSS Lectureさんのサイトはブログカスタマイズにいっぱい役に立ちそうなCSS・javascript満載なので勉強がてら覗いてみる価値大かと。

フッター固定して、そこにマイスクラップブックとか入れてもきっと可愛いくり抜きハート1

TABLE by.CAPSULE



←人気ブログランキング・ブログ村の一括応援です。
   他のスキンケア・コスメ情報をチェック♪♪
ご紹介ありがとうございます!

今後も役に立てるような記事をかけるように頑張りたいと思いますv-29

[ 2009/09/18 14:28 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する
カレンダー
カテゴリー
コード
QR


[Bling]ブログにクチコミを書いて話題の製品やおこづかいをゲット
ブリング♪ [プレスブログ]価値あるブログに掲載料をお支払いします。 サンプル・イベント・モニターならBloMotion

ブログ広告ならブログ広告.com
検索フォーム