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

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

今度は画像を使わないでやってみます・・・



本当はコメントについているクラスをブログ管理人と他の方と分けてもらえれば・・・

現在はclass="each_comment"コレを管理人のコメントにはclass="admin_comment"あたりにしてもらえれば

色を分けたりして一発で管理人のコメントだって判るように出来るですが・・・・・

ついでにトップで自分で書いたコメントは「コメントがあります」なんて出さないで・・・

他のブログではCSSで細工可能なところがありますがアメブロでは出来ません・・・・・


他にもニックネームの横にペタで使っているプロフィール画像のサムネイルなんかが

貼ってあったらいいとは思いませんか・・・?


以上、アメブロへの要望でした ( いまのところは実現不可能です )




で、今回はボーターと背景色を使います





色を設定したらCSSの最後にコピペしてください

※今回は探して削除は必要ありません


#comment_module .label{/*コメントタイトル*/
font-weight: bold;
font-size:12px;
color:#ff0000;/*タイトルの文字色*/
padding:10px 0 10px 10px;/*タイトルの位置*/
border-bottom:5px solid #66ffff;/*コメント上線*/
}
#comment_module .comment_body{/*コメント*/
margin: 0;
padding:10px 15px;/*コメント部分の上下、左右の余裕*/
background-color: #fafdfd ;/*コメント背景色*/
color:#66ffff;/*コメントの文字色*/
}

#comment_module .comment_footer{

border-top:1px solid #66ffff;/*コメント下線*/
}
.comment_footer span.comment_author{/*名前を右に*/
padding-left:30px;
}
.comment_footer span.comment_date{/*名前と日付の間隔*/
padding-left:20px;
color:#666666;/*日付の色*/
}



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


素材 コメント欄 背景画像

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

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


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

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