素材屋風スキンに変更 | アメブロ改造! - 新CSS -

アメブロ改造! - 新CSS -

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

素材屋風スキンにします


1. フリースペースフリープラグインを使う場合は
  広告のないサイドバーに移動します

2. CSSを追記します



/*★素材屋風スキン設定★*/
.skinFrame2{/*スキン画像*/
position:relative;
width:800px !important;/*横幅*/
height:400px;/*高さ*/
margin:auto;
margin-top:50px;/*最上部とのスキマ*/
background-image:url(画像のURL);
}
.skinMainArea{/*メインカラム*/
position:absolute;
top:100px;/*上から*/
left:300px;/*左から*/
width:350px !important;/*横幅*/
height:300px;/*高さ*/
overflow:auto;
overflow-x:hidden;
background-color:transparent;
}
.skinArticle{/*記事枠*/
background-color:transparent;
border:none;
}
.skinSubA{/*広告サイドバー*/
position:absolute;
top:100px;/*上から*/
left:800px;/*左から*/
width:300px !important;/*横幅*/
height:601px;/*高さ*/
overflow:auto;
background-color:transparent;
}
.skinSubB{
width:0 !important;
}
.skinContentsArea{
width:200px;
}
.pagingArea{/*ページナビ*/
width:99%;
margin:0px auto 0px auto;/*上 下のスキマ*/
}

/*★素材屋風スキン設定★*/



3. その他調整をして、完了です


★ フッターナビを消す場合
オレンジの部分この記事 のCSSに変更します


フッターナビではなくメインカラムにあるページナビでした
すみません