ままりん さま | testのブログ

ままりん さま

サイズはどれも400×38pxです

上も中も下も同じサイズですので

好きに組み合わせて使用ください



見本
1-0








↓上と中の画像
1-1


↓下の画像
1-2


↓下の画像



見本
2-0











↓上と中の画像
2-1


↓下の画像
2-2


見本
3-0








↓上と中の画像
3-1


↓下の画像
3-2


↓下の画像


見本
4-0


↓上と中の画像
4-1


↓下の画像
4-2


↓下の画像


見本
5-0





↓上と中の画像
5-1


↓下の画像
5-2


↓下の画像






CSS用のブログのCSSの編集で画像のURLを入れてから貼り付けてください


好きな画像をダウンロードして自分の画像のフォルダーにアップしてから使ってください


上と中は同じ画像を使っています

下は2種類あるものもあります 好きな方を使ってください




/*
----------------
rakugaki-mamarin
----------------
*/
/*ゲストコメント欄*/
#comment_module .each_comment{/*コメント背景画像上*/
margin: 0;
padding:0 0 10px 0;
background: url(ゲスト用 上の画像のURL) ;
background-repeat : no-repeat;
}
#comment_module .comment_body{/*コメント背景画像中*/
margin: 0;
padding:10px 20px;/*コメント分の左右の余裕*/
background: url(ゲスト用 中の画像のURL) ;
background-repeat : repeat-y;
}
#comment_module .comment_footer{/*コメント背景画像下*/
margin:0 !important;
padding: 15px 0 25px !important;/*画像の高さが目安*/
background: url(ゲスト用 下の画像のURL) ;
background-repeat : no-repeat;
}
#comment_module .label{/*コメントタイトル*/
font-weight: bold;
font-size:12px;
padding:5px 0 0 20px;/*タイトルの位置*/
}
.comment_footer span.comment_author{/*吹出し部分に合わせるため名前を右に*/
padding-left:40px;
}
.comment_footer span.comment_date{/*名前と日付の間隔*/
padding-left:20px;
}
#comment_module .comment_footer{/*点線消す*/
border-top:none;
}


/* 管理人コメント欄 */

#comment_module .admin_comment{
margin: 0;
padding:5px 0 10px 0;
background: url(管理人用 下の画像のURL);
background-repeat : no-repeat;
color:#00008b;/*←管理人コメント文字色変更の場合*/
}
#comment_module .admin_comment .comment_body{
margin: 0;
padding:10px 20px;/*コメント分の左右の余裕*/
background: url(管理人用 下の画像のURL);
background-repeat : repeat-y;
}
#comment_module .admin_comment .comment_footer{
margin:0 !important;
padding: 15px 0 25px !important;/*画像の高さが目安*/
background: url(管理人用 下の画像のURL);
background-repeat : no-repeat;
}
#comment_module .admin_comment .label{/*管理人コメントタイトル*/
color:#663300;
}

/* Thickbox背景色 */
#TB_overlay,
* html #TB_overlay{
background-image:url(http://stat.ameba.jp/user_images/c4/f2/10067735612.jpg ) !important;
filter:alpha(opacity=60) !important;
-moz-opacity: 0.6 !important;
opacity: 0.6 !important;
}
#TB_window {
background-image:url(画像のURL) !important; /*枠の背景画像*/
color:#ff00ff !important;/*タイトルの色*/
}
#TB_Counter{
color:#ff00ff !important;/*ページカウンターの色*/
}





↓上、中、下の画像をそれぞれ変えてもOKです