アイフレ

アイフレをつける

通常

<div id="aifure01" align="center">もっじー</div>

をフリースペースに

.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#aifure01{
display:block;
width:●px;/*アイフレの横幅*/
height:●px;/*アイフレの縦幅*/
overflow:auto;
background-color:#■;/*アイフレの背景色*/
border:●px ◎ #▼;/*アイフレの枠の太さ種類色*/
text-align:center;/*中央寄せ*/
position:absolute;
top:●px;/*アイフレの上からの位置*/
left:●px;/*アイフレの左からの位置*/
}

をCSSに

ちょっと工夫して背景を画像にしたい！という方はこちら

をフリースペースへ

.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#aifure01{
display:block;
width:●px;/*横幅*/
height:●px;/*縦幅*/
overflow:auto;
border:●px ◎ #▼;/*アイフレの枠の太さ種類色*/
background-image:url(■);/*アイフレ内背景画像*/
text-align:center;/*中央寄せ*/
position:absolute;
top:●px;/*上からの位置*/
left:●px;/*左からの位置*/
}

をCSSへ

●には数字を入れて位置を調整してください。

■には画像ＵＲＬを入れてください

▼にはカラーコードを入れてください

◎には線の種類を入れてください。

注意点

フリースペースは必ず左サイドバーに配置してください。

aifure01というところ(フリースペース、CSSどちらとも)は名前みたいなものなので他の半角英数字ならなんでも結構です。

2個目以上作るときはaifure02など、英数字を変化させてください

newcss-shop

ブログの説明を入力します。

アイフレ