オタクな　my　life
Amebaホームピグアメブロ
芸能人ブログ人気ブログ
新規登録
ログイン

オタクな　my　life

かなり、オタクなブログなので
心して読んで下さい。

Amebaでブログを始めよう！
次ページ >>

おひさです！




試験勉強で中断してました！





これからは、更新頑張ります。

★寝下呂　素材風一発改造　横メニュー４　アイフレ６

＜＞のなかの文字の所にコピーして貼って下さい。





自作発言×

二次配布×

画像の二次加工×



↑のことを守って使用して下さい。




＜ｃｓｓ＞


@charset "utf-8";
/*「素材屋」風CSS(3カラム・右ワイドメニュー用）
CSS：(C) http://adan.noor.jp/ameba_new/sozaiya
■パスワード貸し借りでの使用禁止■
記事部スクロールは違反の疑いゼロではありません。自己責任でご使用ください。
*/


/*◆画像◆*/

/*▼背景*/
body{
background:url(http://stat.blogskin.ameba.jp/blogskin_images/20130101/14/3c/2b/j/o0192025607096neko1357018370467.jpg);/ *≪カッコ内に背景画像URL★*/
min-width:1120px;/*「素材屋」画像幅★[1W]4ケ所-1*/
}

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

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


/*▼ヘッダ部*/
.skinHeaderFrame{
width:1100px;/*「素材屋」画像幅★[1W]4ケ所-4*/
height:9px;/*「ヘッダ部」高さ★[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:556px!important;/*記事部幅★[4W]*/
}

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

/*ページング*/
.pagingNext {
left:250px;
}
.pagingPrev {
right:250px;
}

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

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

/*◆色◆*/

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

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

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

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

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

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

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


/*◇共通設定ここから◇*/
.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:6px;/* アイフレ左位置★[6L]*/
top:11px;/* アイフレ上位置★[6T]*/
width:182px;/*アイフレ幅-10★[6W]*/
height:240px;/* アイフレ高さ-10★[6H]*/
}
#aifure2{
left:6px;/* アイフレ左位置★*/
top:289px;/* アイフレ上位置★*/
width:182px;/* アイフレ幅-10★*/
height:263px;/* アイフレ高さ-10★*/
}
#aifure3{
left:6px;/* アイフレ左位置★[6L]*/
top:591px;/* アイフレ上位置★[6T]*/
width:182px;/*アイフレ幅-10★[6W]*/
height:181px;/* アイフレ高さ-10★[6H]*/
}
#aifure4{
left:6px;/* アイフレ左位置★[6L]*/
top:802px;/* アイフレ上位置★[6T]*/
width:182px;/*アイフレ幅-10★[6W]*/
height:165px;/* アイフレ高さ-10★[6H]*/
}
#aifure5{
left:794px;/* アイフレ左位置★[6L]*/
top:677px;/* アイフレ上位置★[6T]*/
width:304px;/*アイフレ幅-10★[6W]*/
height:128px;/* アイフレ高さ-10★[6H]*/
}
#aifure6{
left:794px;/* アイフレ左位置★[6L]*/
top:842px;/* アイフレ上位置★[6T]*/
width:304px;/*アイフレ幅-10★[6W]*/
height:117px;/* アイフレ高さ-10★[6H]*/
}

.footerNav{
display:none !important;
}
ul#amebaBar{
border:0;
background-color:transparent;/*背景透過*/
}
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#topmenu {
width:400px;/*横メニュー全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:620px;/*横メニューの上からの位置*/
left:220px;/*横メニューの左からの位置*/
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width:100px;/*1つの項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#topmenu li a {
color:#FA8072;/*項目の文字色*/
font-size:14px;/*項目の文字サイズ*/
border:0px ▲ #FA8072;/*項目の枠の太さ 種類 色*/
background-color:▲;/*項目の背景色*/
padding:5px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color:#FF69B4;/*カーソル乗せたときの文字色*/
border:0px ▲ #FF69B4;/*カーソル乗せたときの枠の太さ 種類 色*/
background-color:▲;/*カーソル乗せたときの背景色*/
}


＜フリースペース＞


★の所に自分のIDを入れて下さい。

★は消して下さい。

（この文はコピーしない。）


<div id="topmenu"><ul><li><a href="http://ameblo.jp/★/">top</a></li><li><a href=http://amember.ameba.jp/amemberRequest.do?oAid=★ >アメンバー</a></li><li><a href=http://blog.ameba.jp/reader.do?bnm=★ >読者</a></li><li><a href="http://peta.ameba.jp/p/addPeta.do?targetAmebaId=★&service=blog_e&key=11387971614&sig=b14fab8f93023ad340669f5b372f79cd ">ペタ</a></li></div>


<div id="aifure1" align="center">アイフレ１
中央寄せアイフレ
</div>


<div id="aifure2" align="center">アイフレ2
中央寄せアイフレ
</div>


<div id="aifure3" align="center">アイフレ３
中央寄せアイフレ
</div>


<div id="aifure4" align="center">アイフレ4
中央寄せアイフレ
</div>


<div id="aifure5" align="center">アイフレ5
中央寄せアイフレ
</div>


<div id="aifure6" align="center">アイフレ6
中央寄せアイフレ
</div>





使う時は、アイフレ○中央寄せアイフレは、消して下さい。





ここまで。







タグは

<a href="http://adan.noor.jp/ameba_new/ ">自分で★カスタマイズ</a>

からお借りしました。

次ページ >>