あッちゃんのブログ一覧

どんもこんばんは(゜-゜)





暇人です。（汗



明日実に３週間ブリのご出社だす(^_^)vィェィ♪♪



んで３週間ぶりの出勤記念としてまたスタイルシートをイヂくりまわしました(V)o￥o(V)






今回はぁ～☆



ヘッダーです(^^♪






っと言っても・・・



普通のヘッダーの挿入じゃないですよん☆





なんかいつも同じヘッダーじゃつまんねぇなぁ～って方にはもってこいですよん(^_^)v




やり方は簡単だす☆




いつも画像のURLを入れてるヘッダーの所を消して変わりに




#Header
{
padding:0px;
height:400px;
background-image: url('普段入れときたい画像のURL');
background-repeat: no-repeat;
}
#Header .BlogTitle a
{
width: 750px;
height: 400px;
text-align: left;
margin: 0px;
padding: 0px;
font-size: 10px;
display:block;}
#Header .BlogTitle a:hover{
margin: 0px;
padding: 0px;
background-image: url('カーソルがあたった時の画像のURL');
background-repeat: no-repeat;}



を入れるだけ♪♪



そぅすると・・・☆




マウスカーソルがヘッダーに触れると画像が変わります(゜-゜)





うん。






そんだけです（汗





ネタコレといってないです・・・汗








んではっ(V)o￥o(V)

こんちーーーーっ(゜-゜)




はい。



暇人だす（爆




んで・・・汗
















今日は・・・













スタイルシートいぢりをまたおしえちゃいます(^_^)v







まず

画像みたいな95x27の画像を１０コ作ります☆






んで出来上がった１０個の画像をくっつけて950x27の画像にします☆



ソレがコレ！！







んでこの画像をアップロードしたら
次はスタイルシートのカスタムに行ってbodyの最後の｝の下に
body #UserHeader #gNav
{
filter: alpha(opacity=0);
-moz-opacity: 0.0;
opacity: 0.0;
}
#UserHeader
{
background-image: url('画像のＵＲＬ');
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
}


を追加します☆




すると・・・




画像みたく上のメニューバーが自分で作ったデザインに変更できちゃうんです(゜-゜)



よかたらやってみてくらはいねん☆




ではっ(^^♪