コメ必須!!!!!!!

















コメ必須!!!!!!!

















やり方ゎhttp://ameblo.jp/lojolb/entry-11189315773.html
に乗ってます!
↓のぉコピペすると
うちのブログと同じ
デザインになります!!
@charset "utf-8";
/*
-----------------------------------------
【CSS編集 目次】
(1) 文字のスタイル
(2) ボタンのスタイル
(3) エリアのスタイル
(4) その他、拡張
※CSS編集で広告を修正しないでください
(規約違反に該当する可能性があります)
-----------------------------------------
*/
/*
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::
*:::*
(1) 文字のスタイル
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::
*:::*
*/
/* (1-1) 全体の文字
--------------------------------------------*/
/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#808080;
}
/* リンク */
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
color:#FF9999;
}
/* 訪問済のリンク */
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBl
ock a:visited,a:visited{
color:#FF9999;
}
/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock
a:focus,.skinBlock a:hover,a:focus,a:hover{
color:#FFCCFF;
}
/* 弱い文字 (日付など)*/
.skinWeakColor,.skinBaseWeakColor{
color:#FFCCFF;
}
/* 強い文字 (NEW! 更新!など)*/
.skinStrongColor,.skinBaseStrongColor{
color:#FF9999;
}
/* (1-2) ブログタイトル文字
--------------------------------------------*/
/* skinTitle ブログタイトル文字 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:f
ocus{
color:#000000;
font-weight:bold;
font-size:2.11em;
}
/* skinDescription ブログの説明文字 */
.skinDescription{
color:#333333;
}
/* (1-3) 記事/メッセージボード内の文字のスタイル
--------------------------------------------*/
/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle
:focus,.skinArticleTitle:visited{
font-size:1.31em;
font-weight:bold;
color:#FF9999;
}
/* (1-4) サイドバー内の文字のスタイル
--------------------------------------------*/
/* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle{}
/*
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::
*:::*
(2) ボタンのスタイル
※ボタンの背景画像や文字の色などを指定
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::
*:::*
*/
/* (2-1) ボタン[横180px 縦35px]
--------------------------------------------*/
/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を
指定 */
.skinImgBtnM{
background-image:url
(http://stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn _
m.png);
}
/* ボタンの文字色 */
.skinImgBtnM:hover span,.skinImgBtnM:focus
span,.skinImgBtnM span{
color:#333333 !important;
}
/* (2-2) アイコン付きボタン[横128px 縦28px]
--------------------------------------------*/
/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタン
の背景画像を指定 */
.skinImgBtnS{
background-image:url
(http://stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn _
s.png);
}
.skinImgBtnS:hover span,.skinImgBtnS:focus
span,.skinImgBtnS span{
/*
アイコン画像は下記から指定
menu_icons_pastel.png (パステル)
menu_icons_gray.png(グレー)
menu_icons_black.png(黒)
menu_icons_white.png(白)
*/
background-image:url
(http://stat100.ameba.jp/common_style/img/skin/cmn/icons/me
nu_icons/menu_icons_pastel.png);
color:#333333 !important;/* ←ボタンの文字色 */
}
/* (2-3) ページ送りボタンの << 次へ 、前へ >> 、「次の記事
タイトル」 >> ボタン
--------------------------------------------*/
.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
border:1px solid #dddddd;
background:#ffffff;
color:#0066cc !important;
}
/* ボタンにマウスオーバー */
.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#f7f7f7;
}
/*
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::
*:::*
(3) エリアのスタイル
※背景画像、サイズ、ボーダーなどを各部分ごとに指定
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::
*:::*
*/
/* (3-1) ボディ(全体)
--------------------------------------------*/
/* skinBody ボディ */
.skinBody{}/* ←ブログ全体に背景を敷きたいとき */
.skinBody2{}
.skinBody3{}
/* (3-2) ブログヘッダー
--------------------------------------------*/
/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{}/* ←ブログヘッダーに背景画像を敷きたいと
き */
/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea{
padding:20px 0 30px;
}
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
padding-bottom:4px;
}
/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{}
/* (3-3) コンテンツエリア
--------------------------------------------*/
/* skinContentsArea コンテンツ980pxエリア */
.skinContentsArea{
/* 注 ベースのcssにwidth:980px;の記述有り */
}
/* (3-4) メインエリア
--------------------------------------------*/
.skinMainArea{}
/* (3-5) メッセージボード
--------------------------------------------*/
.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
border-top:1px dotted #979797;
border-bottom:1px dotted #979797;
background:#ffffff;/* ←メッセージボードに背景を敷きたいと
き */
}
.skinMessageBoard2{}
.skinMessageBoard3{
padding:16px 30px;
}
/* (3-6) 記事
--------------------------------------------*/
/* skinArticle 記事エリア */
.skinArticle{
/* 注 ベースのcssに margin-bottom の記述有り */
padding:16px 0;
border:1px solid #dddddd;
background:#ffffff;/* ←記事に背景を敷きたいとき */
}
.skinArticle2{}
.skinArticle3{}
/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
margin:0 29px;
padding:2px 10px;
border-left:5px solid #e4e4e4;
}
.skinArticleHeader2{}
/* skinArticleBody 記事本文エリア */
.skinArticleBody{}
.skinArticleBody2{
margin:0 29px;
}
/* skinArticleFooter 記事フッターエリア */
.skinArticleFooter{
margin:10px 29px 0;
border-top:1px dotted #949494;
}
/* (3-7) サイドバーエリア
--------------------------------------------*/
.skinSubArea{} /* サイドバーエリア共通 */
.skinSubA{} /* 300pxのサイドバーエリア */
.skinSubB{} /* 180pxのサイドバーエリア */
/* (3-8) サイドバー メニュー
--------------------------------------------*/
/* skinMenu サイドバー メニューのエリア */
.skinMenu{
/* 注 ベースのcssに margin-bottom の記述有り */
background:#f7f7f7;/* ←サイドメニューに背景を敷きたいとき
*/
}
.skinMenu2{}
/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader{
padding:5px 10px;
background:#e4e4e4;/* ←サイドメニューのタイトルに背景を敷
きたいとき */
}
/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
margin:10px;
padding:10px;
background:#ffffff;/* ←サイドメニューの本文に背景を敷きた
いとき */
}
/* (3-9) サイドバーの リスト画像、ボーダー ※要素のbottom
に指定すること
--------------------------------------------*/
.skinSubHr,
.skinSubList li{
margin-bottom:3px;
padding-bottom:3px;
border-bottom:1px dotted #b3b3b3;
}
/* (3-10) コメント欄、トラバ欄、記事一覧などの一覧
--------------------------------------------*/
/* 背景色 */
.skinBgColor,.skinBaseBgColor,.skinBlock{
background-color:#ffffff;
}
/* 弱い背景色 */
.skinWeakBgColor,.skinBaseWeakBgColor{
background-color:#f7f7f7;
}
/* 強い背景色 */
.skinStrongBgColor,.skinBaseStrongBgColor{
background-color:#f7f7f7;
}
/* 枠線の色 */
.skinBorderColor,.skinBaseBorderColor,.skinBlock{
border-color:#dddddd;
}
/* 境界線の色 */
.skinBorderHr,.skinBorderList li{
border-color:#b3b3b3;
}
/*
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::
*:::*
(4) その他、拡張
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::
*:::*
*/
/* その他、拡張があれば記述 */
/*★素材屋風スキン設定★*/
.skinFrame2{/*スキン画像*/
position:relative;
width:890px !important;/*横幅*/
height:550px;/*高さ*/
margin:auto;
margin-top:40px;/*最上部とのスキマ*/
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120331/23/93/d7/p/o08920546miyuumiyuudesu1333202552288.png
);
}
.skinMainArea{/*メインカラム*/
position:absolute;
top:180px;/*上から*/
left:500px;/*左から*/
width:370px !important;/*横幅*/
height:340px;/*高さ*/
overflow:auto;
overflow-x:hidden;
background-color:transparent;
}
.skinArticle{/*記事枠*/
background-color:transparent;
border:none;
}
.skinSubA{/*広告サイドバー*/
position:absolute;
top:555px;/*上から*/
left:660px;/*左から*/
width:230px !important;/*横幅*/
height:180px;/*高さ*/
overflow:auto;
background-color:transparent;
}
.skinSubB{
width:0 !important;
}
.skinContentsArea{
width:200px;
}
.pagingArea{/*ページナビ*/
width:99%;
margin:0px auto 0px auto;/*上 下のスキマ*/
}
/*背景を設定*/
body{
background-color:#ffffff;/*背景色*/
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120331/23/0e/bc/p/o01000100miyuumiyuudesu1333203896637.png
);
background-repeat:repeat;/*画像の繰り返し*/
background-position:top center;/*位置*/
background-attachment:fixed;/*固定*/
}
/*ブログタイトル・概要を消す*/
.skinTitle, .skinHeaderArea h2{
display:none;
}
/*Ameba会員登録(無料)を消す*/
.registBtnArea{
display:none;
}
/*RSSを消す*/
.rss.skinFieldBlock{
display:none !important;
}
/*※著作権についてのご注意*/
.rssDescription{
display:none;
}
/*フッターナビを消す*/
.footerNav{
display:none !important;
}
/*記事背景を設定*/
.skinArticle{
background-color:#ffffff;/*背景色*/
background-image:url();/*背景画像*/
background-repeat:repeat;/*背景の繰り返し*/
}
/*コメント投稿欄を画像に*/
.commentBtn{
width:220px;/*横幅*/
height:128px;/*高さ*/
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120318/01/15/63/g/o02200123s--miyuu1332001555090.gif
);
text-indent:-9999px;
}
.basicBtnS{/*枠・背景*/
border:none;
background-color:transparent;
}
/*アメ限記事画像を変更*/
.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
width:250px;/*横幅*/
height:110px;/*高さ*/
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120321/10/9a/31/p/o02200132s--miyuu1332292128431.png
);
background-repeat:no-repeat;
display:block;
overflow:hidden;
outline:none;
margin-left:auto;
margin-right:auto;
text-align:center;
}
/*アイフレ01を設置*/
#aifure01{
display:block;
position:absolute;
top:555px;/*上から*/
left:0px;/*左から*/
width:200px;/*横幅*/
height:160px;/*高さ*/
overflow:auto;
padding:10px;/*中のスキマ*/
border:1px solid #3399FF;/*枠の太さ 種類 色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
background-color:#ffffff;/*背景色*/
}
/*横メニュー*/
#topmenu{
width:1000px;/*全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:-35px;/*上から*/
left:0px;/*左から*/
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li{
width:178px;/*1項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#topmenu li a{
color:#3399FF;/*文字色*/
font-size:14px;/*文字サイズ*/
border:3px solid #3399FF;/*枠の太さ 種類 色*/
background-color:#ffffff;/*背景色*/
padding:8px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#topmenu li a:hover{/*マウスオーバー時*/
color:#ffffff;/*文字色*/
border:1px solid #3399FF;/*枠の太さ 種類 色*/
background-color:#3399FF;/*背景色*/
}
/*アイフレ02を設置*/
#aifure02{
display:block;
position:absolute;
top:555px;/*上から*/
left:225px;/*左から*/
width:200px;/*横幅*/
height:160px;/*高さ*/
overflow:auto;
padding:10px;/*中のスキマ*/
border:1px solid #3399FF;/*枠の太さ 種類 色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
background-color:#ffffff;/*背景色*/
}
/*アイフレ03を設置*/
#aifure03{
display:block;
position:absolute;
top:555px;/*上から*/
left:450px;/*左から*/
width:180px;/*横幅*/
height:160px;/*高さ*/
overflow:auto;
padding:10px;/*中のスキマ*/
border:1px solid #3399FF;/*枠の太さ 種類 色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
background-color:#ffffff;/*背景色*/
}
フリープラグイン↓
<!--カラースクロールバー/-->
<script src='http://www.color-scrollbar.com/scrollbar.js' type='text/javascript' charset='utf-8'></script>
<script type='text/javascript' charset='utf-8'>
<!--
scrollbar('#0033CC', '#33CCFF', '#0099FF', '#003366', '#99FFFF', '#006699');
-->
</script>
<a href="http://www.color-scrollbar.com
" target="_blank" title="スクロールバーの色を変更できるブログパーツ"><img src="http://www.color-scrollbar.com/ui/images/color-scrollbar.gif
" border="0" alt="カラースクロールバー"></a>
<!--/カラースクロールバー-->
フリースペース↓
<div id="topmenu"><ul><li><a href="http://www.ameba.jp/ ">マイページ</a></li><li><a href=http://profile.ameba.jp/自分のID >プロフ</a></li><li><a href=http://blog.ameba.jp/reader.do?bnm=自分のID >読者</a></li><li><a href=http://amember.ameba.jp/amemberRequest.do?oAid=自分のID >アメンバー</a></li><li><a href=http://msg.ameba.jp/pub/send/index?toAmebaId=自分のID >メッセージ</a></li></ul></div>
<div id="aifure01">入れたい文字</div>
<div id="aifure02">入れたい文字</div>
<div id="aifure03">入れたい文字</div>
例↓
ひまだから
あっちゃんの画像
作ってみたw
かわいぃ☆
今日、マジで
ウザイ事があった!!
それゎ6時間目の
学級委員会の時なんだけど
その時に
リア友が教室の外から
手ぉ振ってきたから
振り返したら
小野 教子って言う
ウザイババァが
突然怒ってきて
マジウザかった!!