最後にあります
▼ フリースペースに追記
<div id="topmenu"><ul><li><a href="URL①">文字列①</a></li><li><a href="URL②">文字列②</a></li><li><a href="URL③">文字列③</a></li><li><a href="URL④">文字列④</a></li><li><a href="URL⑤">文字列⑤</a></li></ul></div>
★ 項目を増やす場合
</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/