アイフレを設置 | アメブロ改造! - 新CSS -

アメブロ改造! - 新CSS -

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

▼ フリースペースに


<div id="aifure01">文字列</div>



▼ CSS編集に (下記は1度追加してあれば追加しなくてok)
( 素材屋風スキンにしている場合は追加しなくてok)




/*アイフレの準備 1度あれば追加しなくてok*/
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}



▼ CSS編集に



/*アイフレ01を設置*/
#aifure01{
display:block;
position:absolute;
top:50px;/*上から*/
left:50px;/*左から*/
width:200px;/*横幅*/
height:300px;/*高さ*/
overflow:auto;
padding:10px;/*中のスキマ*/
border:1px solid #000000;/*枠の太さ 種類 色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
background-color:#ffffff;/*背景色*/
}



背景を透過する場合はbackground-color:#ffffff;
background-color:transparent;に変更


枠をつけない場合はborder:1px solid #000000;
border:none;に変更


2個目からはaifure01の数字や英字を変更します
→ 例:aifure02など