CSS コメント下プレゼントを贈ろう | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

CSS コメント下プレゼントを贈ろう

知らないうちに記事記入欄が・・・・・

変っていました



で、

コメント欄の下に

プレゼントを贈ろう・・・なんてつまんないものが・・・

私にはプレゼントは不要ですよ~



と、言うことなので

消しちゃいます

CSSの編集で最後に付け加えてくださいな

/*コメント下プレゼントを贈ろう*/
#comment_module #comment_present {
display:none;
}

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




付いていてもいいけど・・・・・

なんで・・・2行になっちゃっているの?


/*コメント下プレゼントを贈ろう*/

#comment_module #comment_present {
width:400px;
}

#comment_module #comment_present ul {
width:400px;
}


※3カラムの場合・・表示が崩れる場合は400pxを小さくしてください(もとは320pxです)

 または・・下の方法で文字を小さくしても1行になります
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




タイトルも・・・・かわいくしてよ~

色やアイコンを変えちゃいましょう・・・・(文字サイズも)


/*コメント下プレゼントを贈ろう*/

#comment_module #comment_present h4 {

font-size: 12px;/*文字サイズ*/
color:#ff00ff;/*文字色*/
background:url(画像のURL ) ;/*アイコン*/

}
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



ついでにその下も・・・・・・・

/*コメント下プレゼントを贈ろう*/
#comment_module #comment_present li a{
color:#ff00ff;
}

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




このとき・・・

フォントサイズも小さくしても

1行になります


/*コメント下プレゼントを贈ろう*/
#comment_module #comment_present li a{
color:#ff00ff;/*文字色*/
font-size: 10px;/*文字サイズ*/
}

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


このときに・・・


/*コメント下プレゼントを贈ろう*/
#comment_module #comment_present li{/* /の色 */
color:#ff0000;/*文字色*/
font-size: 10px;/*文字サイズ*/
}
#comment_module #comment_present li a{
color:#ff00ff;/*文字色*/
font-size: 10px;/*文字サイズ*/
}


で、 / の色も変更できますよ
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!