趣味イラストレーターのオタク主婦のひっそりブログ。

とりとめのない日記です。メインサイト:http://hide.kanari.info/ ブログ:http://kanari.info/b/

はてなブログのコメント欄のIDアイコンを、ちょっとカスタマイズしてみました。

はてなブログのコメント欄、アイコンが小さすぎて寂しいなぁと思ったのでCSSでちょっとカスタマイズしてみました。

f:id:k-h:20140107003718j:plain

上の引用画像みたいな感じです。

.comment li .comment-user-name img.hatena-id-icon{

width:60px;
height:60px;
border-radius:30px;
moz-border-radius:30px;
-webkit-border-radius:30px;
text-shadow:1px 1px 3px #000;
-webkit-box-shadow:0 10px 6px -6px #777;
-moz-box-shadow:0 10px 6px -6px #777;
box-shadow:0 10px 6px -6px #777
}

 せっかくなので、丸く切り抜いて影をつけてみました(*´∀`)
コメント欄可愛くなって嬉しいです。
もし良かったら、ぜひぜひお気軽にコメントしてやって下さると嬉しいです!!

CSS3 スタンダード・デザインガイド

CSS3 スタンダード・デザインガイド

 
広告を非表示にする

▲TOPへ