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

オタクな　my　life

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

<< 前ページ次ページ >>

名前変更→洸へ！




名前を、山節れもん→洸へ変更します。



twitter、ニコニコと統一したいので。




宜しくです。

観覧なう




って、きた。

メールでｗ





見ないでーー

めっちゃ、恥ずかしいから(笑)

★リン素材風一発改造　迷子ライフ　アイフレ4

＜＞の中の文字の所にコピーして貼ってください。



二次配布×

自作発言×

画像の二次加工×


↑の事守って、使用してください。





＜ｃｓｓ＞


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


/*◆画像◆*/

/*▼背景*/
body{
background:url(http://stat.blogskin.ameba.jp/blogskin_images/20121118/14/2d/10/p/o0225022507096neko1353215632670.png);/ *≪カッコ内に背景画像URL★*/
min-width:1171px;/*「素材屋」画像幅★[1W]4ケ所-1*/
}

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

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


/*▼ヘッダ部*/
.skinHeaderFrame{
width:1171px;/*「素材屋」画像幅★[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:460px!important;/*記事部幅★[4W]*/
}

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

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

/*広告カラム*/
/*広告を「移動しない」ために、この「幅」で右カラムの左端位置を調整する*/
.skinSubA{
width:323px!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:#8A2BE2;/*色★*/
}

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

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

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

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

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


/*◇共通設定ここから◇*/
.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:15px;/* アイフレ左位置★[6L]*/
top:520px;/* アイフレ上位置★[6T]*/
width:230px;/*アイフレ幅-10★[6W]*/
height:160px;/* アイフレ高さ-10★[6H]*/
}
#aifure2{
left:15px;/* アイフレ左位置★*/
top:710px;/* アイフレ上位置★*/
width:230px;/* アイフレ幅-10★*/
height:170px;/* アイフレ高さ-10★*/
}
#aifure3{
left:300px;/* アイフレ左位置★[6L]*/
top:710px;/* アイフレ上位置★[6T]*/
width:230px;/*アイフレ幅-10★[6W]*/
height:170px;/* アイフレ高さ-10★[6H]*/
}
#aifure4{
left:580px;/* アイフレ左位置★*/
top:710px;/* アイフレ上位置★*/
width:230px;/* アイフレ幅-10★*/
height:170px;/* アイフレ高さ-10★*/
}
#aifure5{
left:880px;/* アイフレ左位置★*/
top:710px;/* アイフレ上位置★*/
width:250px;/* アイフレ幅-10★*/
height:170px;/* アイフレ高さ-10★*/
}

.footerNav{
display:none !important;
}
ul#amebaBar{
border:0;
background-color:transparent;/*背景透過*/
}
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#topmenu {
width:240px;/*横メニュー全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:413px;/*横メニューの上からの位置*/
left:20px;/*横メニューの左からの位置*/
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width:120px;/*1つの項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#topmenu li a {
color:#8A2BE2;/*項目の文字色*/
font-size:19px;/*項目の文字サイズ*/
border:0px ▲ #DDA0DD;/*項目の枠の太さ 種類 色*/
background-color:▲;/*項目の背景色*/
padding:15px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color:#9370DB;/*カーソル乗せたときの文字色*/
border:0px ▲ #9370DB;/*カーソル乗せたときの枠の太さ 種類 色*/
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">アイフレ４
中央寄せアイフレ
</div>


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




ここまで。



タグは

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

からお借りしました。

<< 前ページ次ページ >>