改造らんど https://ameblo.jp/eijiz12/ ブログの説明を入力します。 ja クマ　一発改造 CSSは↓から

@charset "utf-8";
/*「素材屋」風CSS(3カラム・右ワイドメニュー用）
CSS：(C) http://adan.noor.jp/ameba_new/sozaiya
■パスワード貸し借りでの使用禁止■
記事部スクロールは違反の疑いゼロではありません。自己責任でご使用ください。
★マーク(「アイフレ」以外で31ケ所)を検索(ctrl+f)し、注釈にしたがって修正すれば、できあがります。
px測定のやり方＝http://adan.noor.jp/ameba_new/px/index.htm#soku
*/


/*◆画像◆*/

/*▼背景*/
body{
background:url(http://adan.noor.jp/ameba_new/sozaiya/fde5fd.gif);/*≪カッコ内に背景画像URL★*/
min-width:760px;/*「素材屋」画像幅★[1W]4ケ所-1*/
}

/*▼「素材屋」画像*/
.skinFrame2{
background:url(http://stat.blogskin.ameba.jp/blogskin_images/20130505/12/b4/3a/p/o08000800sasisuseso08041367726291731.png) no-repeat;/*≪カッコ内に「素材屋」画像URL(760x657.gifは加工使用可)★*/
width:800px!important;/*「素材屋」画像幅★[1W]4ケ所-2*/
height:800px!important;/*「素材屋」画像高さ★[1H]*/
position:relative;
margin:0 auto;
padding:0;
overflow:visible;
z-index:1;
}

/*◆レイアウト◆*/
.skinContentsArea{
width:760px!important;/*「素材屋」画像幅★[1W]4ケ所-3*/
padding:0;
overflow:visible;
}


/*▼ヘッダ部*/
.skinHeaderFrame{
width:800px;/*「素材屋」画像幅★[1W]4ケ所-4*/
height:20px;/*「ヘッダ部」高さ★[2T]*/
/*広告を「移動しない」ために、この「高さ」で右カラムの開始高さを調整する*/
}

/*▼ヘッダ部トップリンク*/
.skinTitle{
left:46px;/*トップリンク左位置★[3L]*/
top:34px;/*トップリンク上位置★[3T]*/
width:143px;/*トップリンク幅★[3W]*/
height:238px;/*トップリンク高さ★[3H]*/
position:absolute;
text-indent:-9999px;
display:block;
z-index:3;
}

/*▼メインエリア（記事部）幅*/
.skinMainArea,
.pagingArea{
width:398px!important;/*記事部幅★[4W]*/
}

/*メインエリア（記事部）位置*/
.skinMainArea{
left:29px;/*記事部左位置★[4L]*/
top:22px;/*記事部上位置★[4T]*/
height:310px;/*記事部高さ★[4H]*/
position:absolute;
overflow-y:auto;
overflow-x:hidden;
padding:0;
z-index:2;
}

/*ページング*/
.pagingNext {
left:250px;/*「記事部幅[4W]÷2+50」pxくらい★*/
}
.pagingPrev {
right:250px;/*「記事部幅[4W]÷2+50」pxくらい★*/
}

/*広告カラム*/
/*広告を「移動しない」ために、この「幅」で右カラムの左端位置を調整する*/
.skinSubA{
width:300px!important;/*広告カラム幅★[5W]*/
}
.skinSubA2{
width:300px!important;
}

/*広告なしカラム*/
.skinSubB{
width:0px!important;
height:0px!important;
}

/*◆色◆*/

/*▼文字色*/
body,
.skinTextColor,
.skinBaseTextColor,
.skinBlock,
.skinWeakColor,
.skinBaseWeakColor{
color:#555555;/*色★*/
}

/*▼リンク色 code＝http://html-color-codes.com/*/
a, a:link, a:visited,
.skinArticleTitle, .skinArticleTitle:visited,
.skinBlock a, .skinBlock a:visited,
.skinSimpleBtn, .skinSimpleBtn:link, .skinSimpleBtn:visited,
.skinAnchorColor,
.skinBaseAnchorColor,
.skinAnchorVisitedColor,
.skinBaseAnchorVisitedColor{
color:#ff00ff;/*色★*/
}

/*▼リンク色（hover)*/
a:focus, a:hover,
.skinArticleTitle:hover, .skinArticleTitle:focus,
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:focus, .skinBlock a:hover{
color:#ff55ff;/*色★*/
}

/*▼「NEW」など*/
.skinStrongColor, .skinBaseStrongColor{
color:#ff55ff;/*色★*/
}

/*▼前へ次へ*/
.skinSimpleBtn, .skinSimpleBtn:visited,
.skinSimpleBtn:hover, .skinSimpleBtn:focus{
border:1px solid #ddd;/*枠線 太さ 種類 色*/
background:#fff;/*背景色*/
}

/*▼記事タイトル脇の縦線*/
.skinArticleHeader {
border-left: 5px solid #ff00ff;/*枠線 太さ 種類 色★*/
}

/*▼スクロールバー*/
/*IE*/
html, body {
scrollbar-base-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ff00ff;/*線色★*/
scrollbar-shadow-color: #ff00ff;/*線色★*/
scrollbar-arrow-color: #ff00ff;/*三角色★*/
}
/*Google Chrome*/
div::-webkit-scrollbar{
background:#ffffff;
}
div::-webkit-scrollbar-button,
div::-webkit-scrollbar-thumb{
border:#ff00ff solid 1px;/*枠線 太さ 種類 色★*/
background:#ffffff;
}


/*◇共通設定ここから◇*/
.skinDescriptionArea{
display:none;
}

.subAdList{
text-align:center;
}
.skinArticle,
.skinMenuHeader,
.skinMenu,
.skinMenuBody{
border:none!important;
background:transparent!important;
}
.skinBgColor,
.skinBaseBgColor,
.skinBlock
.skinWeakBgColor,
.skinBaseWeakBgColor
.skinStrongBgColor,
.skinBaseStrongBgColor,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
background-color:transparent;
}
.skinBorderColor,
.skinBaseBorderColor,
.skinBlock,
.skinBorderHr,
.skinBorderList li,
.skinSubHr, .skinSubList li{
border:none!important;
}
/*◇共通設定ここまで◇*/


/*◆アイフレ◆*/
/*▼アイフレ共通*/
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
position:absolute;
overflow-y:auto;
overflow-x:hidden;
padding:5px 3px 5px 7px;/*左右余白(計)10、上下余白(計)10*/
}

/*▼アイフレ個別★*/
#aifure1{
left:10px;/*アイフレ左位置★[6L]*/
top:394px;/*アイフレ上位置★[6T]*/
width:223px;/*アイフレ幅-10★[6W]*/
height:140px;/*アイフレ高さ-10★[6H]*/
}
#aifure2{
left:262px;/*アイフレ左位置★*/
top:368px;/*アイフレ上位置★*/
width:170px;/*アイフレ幅-10★*/
height:181px;/*アイフレ高さ-10★*/
}


.registBtnArea {
display:none!important;
}

div.rss.skinFieldBlock {
display:none!important;
}

.columnC .skinSubA{
width:310px !important;
position:absolute;
right:18px;
top:30px;
}


フリスペは↓から

< div id="aifure1">好きな言葉を入れてね</div>

< div id="aifure2">好きな言葉を入れてね</div>


見本↓


つばさのブログ

]]> https://ameblo.jp/eijiz12/entry-11524409614.html Sun, 05 May 2013 13:33:38 +0900