アメブロカスタマイズ　グローバルナビ

Tue, 21 May 2013 10:05:22 +0900

フリースペースに

cssに

#navi {
position:absolute;
top:250px; /*-- ヘッダー画像との距離 --*/
margin-top: 20px;/*--上と下の間隔--*/
}
#menu01 {
position:absolute;
display: block;
top:0px;/*--トップからの位置--*/
left:0px;/*-- ヘッダー左端からの位置 --*/
width:160px; /*-- メニューバーの幅 --*/
height:80px; /*-- メニューバーの高さ --*/
background:url(メニューの画像URL) no-repeat;
}

#menu01:hover {
background:url(マウスを載せたときの画像URL) no-repeat;
}

#menu02 {
position:absolute;
display: block;
top:0px;/*--トップからの位置--*/
left:0px;/*-- ヘッダー左端からの位置 --*/
width:160px; /*-- メニューバーの幅 --*/
height:80px; /*-- メニューバーの高さ --*/
background:url(メニューの画像URL) no-repeat;
}

#menu02:hover {
background:url(マウスを載せたときの画像URL
) no-repeat;
}

#menu03 {
position:absolute;
display: block;
top:0px;/*--トップからの位置--*/
left:0px;/*-- ヘッダー左端からの位置 --*/
width:160px; /*-- メニューバーの幅 --*/
height:80px; /*-- メニューバーの高さ --*/
background:url(メニューの画像URL) no-repeat;
}

#menu03:hover {
background:url(マウスを載せたときの画像URL) no-repeat;
}

#menu04 {
position:absolute;
display: block;
top:0px;/*--トップからの位置--*/
left:0px;/*-- ヘッダー左端からの位置 --*/
width:160px; /*-- メニューバーの幅 --*/
height:80px; /*-- メニューバーの高さ --*/
background:url(メニューの画像URL) no-repeat;
}

#menu04:hover {
background:url(マウスを載せたときの画像URL) no-repeat;
}

#menu05 {
position:absolute;
display: block;
top:0px;/*--トップからの位置--*/
left:0px;/*-- ヘッダー左端からの位置 --*/
width:160px; /*-- メニューバーの幅 --*/
height:80px; /*-- メニューバーの高さ --*/
background:url(メニューの画像URL) no-repeat;
}

#menu05:hover {
background:url(マウスを載せたときの画像URL) no-repeat;
}

#menu06 {
position:absolute;
display: block;
top:0px;/*--トップからの位置--*/
left:0px;/*-- ヘッダー左端からの位置 --*/
width:160px; /*-- メニューバーの幅 --*/
height:80px; /*-- メニューバーの高さ --*/
background:url(メニューの画像URL) no-repeat;
}

#menu06:hover {
background:url(マウスを載せたときの画像URL) no-repeat;
}

ラピネス案一発目

Sun, 27 May 2012 20:15:28 +0900

クリックしたら大きくなるよ

とりあえずすずらんシルエットに文字つけただけ。

色とか文字の種類とか（フォント名で指定しても良いしゴシック体とか明朝体が良いとか）

ここはいいけどここはだめとかもっと具体案
もっとこうしてほしいあったら言ってね

激安デザインちゃんのブログ

アメブロカスタマイズ グローバルナビ

ラピネス案一発目

アメブロカスタマイズ　グローバルナビ