オリジナルスキンCSSの編集 コメント欄3 | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

オリジナルスキンCSSの編集 コメント欄3

知らない間に桜が咲いていました

毎日通っていても余裕がないと気が付かないんですね・・・



こんな吹出しはどうでしょう・・・









CSSの最後にコピペしてください


#comment_module .each_comment{/*コメント背景画像上*/
margin: 0;
padding:0 0 10px 0;
background: url(画像のURL) ;
background-repeat : no-repeat;
}
#comment_module .comment_body{/*コメント背景画像中*/
text-align: center;/*コメント中央寄せ*/
margin: 0;
padding:0 15px;/*コメント分の左右の余裕*/
background: url(画像のURL ) ;
background-repeat : repeat-y;
}
#comment_module .comment_footer{/*コメント背景画像下*/
margin:0;
padding-top: 55px;/*画像の高さが目安*/
background: url(画像のURL) ;
background-repeat : no-repeat;
}

#comment_module .label{/*コメントタイトル*/
text-align: center;/*タイトル中央寄せ*/
font-weight: bold;
font-size:12px;
padding:10px 0 10px 10px;/*タイトルの位置*/
}

.comment_footer span.comment_author{/*吹出し部分に合わせるため名前を右に*/
padding-left:30px;
}
.comment_footer span.comment_date{/*名前と日付の間隔*/
padding-left:20px;
}

#comment_module .comment_footer{
border-top:none;
}



オリジナルスキンCSSの編集 コメント欄

オリジナルスキンCSSの編集 コメント欄2

素材 コメント欄 背景画像

オリジナルスキンCSSの編集 コメント欄4


ゲストさまと自分のコメントを分けるためには

新・自分のコメントを "もっと"わかりやすく  を、フリープラグインに設置する必要があります