○＝数字を入れる。
☆＝画像URLを入れる。
△＝枠のタグをいれる。
♡＝色タグを入れる。
赤文字＝枠がいらない方は、消してください。
▼まずＣＳＳの一番最後にコピペです。
/*◎アイフレ 準備◎*/
#frame{
position:relative;/*frameの右上（左上）を基準に*/
}
▼フリースペースにコピペ
<div id="aifure01">
ここに好きバ￥な文字を書いてください。
</div>
▼次はアイフレの配置です。
#aifure01
{
position:absolute;
top:○px;/*上から A*/
right:○px;/*左から B ※注*/
width:○px;/*枠の横 C*/
height:○px;/*枠の縦 D*/
overflow:auto;/*スクロールをつける*/
padding:5px;/*中のスキマ E*/
background-color:#FFFFFF;/*枠内の背景色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=100); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
border:○px △ #♡;/*枠 太さ・線種・色*/
color:#666666;/*文字色*/
}
2個目です。
▼フリースペースにコピペ
<div id="aifure02">
ここに好きバ￥な文字を書いてください。
</div>
▼アイフレの配置です。
#aifure02{
position:absolute;
top:○px;/*上から A*/
right:○px;/*左から B ※注*/
width:○px;/*枠の横 C*/
height:○px;/*枠の縦 D*/
overflow:auto;/*スクロールをつける*/
padding:5px;/*中のスキマ E*/
background-color:#FFFFFF;/*枠内の背景色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=100); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
border:○px △ #♡;/*枠 太さ・線種・色*/
color:#666666;/*文字色*/
}
アイフレを何個も付けたい場合は、
ピングの文字で書いてある
数字を変えていってください。
これで終わりです。