３月１１日（日）
①フリプラにタグをコピペ
<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>
を足したい分だけ付け足してください。
②CSS欄にタグをコピペ
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#topmenu {
width:●px;/*横メニュー全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:●px;/*横メニューの上からの位置*/
left:●px;/*横メニューの左からの位置*/
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width:●px;/*1つの項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#topmenu li a {
color:#■;/*項目の文字色*/
font-size:●px;/*項目の文字サイズ*/
border:●px ▲ #■;/*項目の枠の太さ 種類 色*/
background-color:#■;/*項目の背景色*/
padding:●px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color:#■;/*カーソル乗せたときの文字色*/
border:●px ▲ #■;/*カーソル乗せたときの枠の太さ 種類 色*/
background-color:#■;/*カーソル乗せたときの背景色*/
}
/*横メニュー全体の横幅*/ゎ、
1つの項目の文字× 項目数 = 横メニュー全体の横幅
で計算してください。