横メニューを設置

色々な項目のURLを載せました
最後にあります

▼ フリースペースに追記

★ 項目を増やす場合
</ul>の前に<li><a href="URL★">文字列★</a></li>を追記します
★ 項目を減らす場合
<li>～</li>までを削除します

CSSに追記
( 素材屋風スキンにしている場合は追記しなくてok)
(1度ある場合は追記しなくてok)

/*アイフレ・横メニューの準備*/
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}

CSSに追記

/*横メニュー*/
#topmenu{
width:800px;/*全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:50px;/*上から*/
left:50px;/*左から*/
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li{
width:100px;/*1項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#topmenu li a{
color:#000000;/*文字色*/
font-size:11px;/*文字サイズ*/
border:1px solid #000000;/*枠の太さ種類色*/
background-color:#ffffff;/*背景色*/
padding:3px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#topmenu li a:hover{/*マウスオーバー時*/
color:#ffffff;/*文字色*/
border:1px solid #000000;/*枠の太さ種類色*/
background-color:#ffffff;/*背景色*/
}

マイページ
http://www.ameba.jp/
ブログ
http://ameblo.jp/アメーバID/
プロフィール (旧ルーム)
http://profile.ameba.jp/アメーバID/
アメンバー (スペルはAmemberですよ……)
http://amember.ameba.jp/amemberRequest.do?oAid=アメーバID
メッセージ
http://msg.ameba.jp/pub/send/index?toAmebaId=アメーバID
読者登録
http://blog.ameba.jp/reader.do?bnm=アメーバID
なう
http://now.ameba.jp/アメーバID/

アメブロ改造! - 新CSS -

新スキン, 新CSS, 新デザイン, 配布, カスタマイズ, 批評

横メニューを設置