スター画像2と☆とコメント画像の色を変更するスタイルシートメモ

はてな

スター画像2『干し大根』

パソコン向けです。詳細は2007年7月2日の日記をご覧ください。

☆の色変更

詳細デザインのスタイルシートの欄に貼り付け
スターadd画像 スター画像 標準、青っぽいの、青、ライトブルー、lightblue

.hatena-star-comment-button-image {
background-image: url(http://s.hatena.ne.jp/images/comment.gif);
}
.hatena-star-add-button-image {
background-image: url(http://s.hatena.ne.jp/images/add.gif);
}

スターadd画像 スター画像 緑っぽいの、緑、ライム、抹茶、green、tea

.hatena-star-comment-button-image {
background-image: url(http://s.hatena.ne.jp/images/comment_gr.gif);
}
.hatena-star-add-button-image {
background-image: url(http://s.hatena.ne.jp/images/add_gr.gif);
}

スターadd画像 スター画像 茶っぽいの、オレンジ、sepia、orange

.hatena-star-comment-button-image {
background-image: url(http://s.hatena.ne.jp/images/comment_br.gif);
}
.hatena-star-add-button-image {
background-image: url(http://s.hatena.ne.jp/images/add_br.gif);
}

スターadd画像 スター画像 赤っぽいの、赤、ピンク、red、pink

.hatena-star-comment-button-image {
background-image: url(http://s.hatena.ne.jp/images/comment_rd.gif);
}
.hatena-star-add-button-image {
background-image: url(http://s.hatena.ne.jp/images/add_rd.gif);
}

スターadd画像 スター画像 紫っぽいの、purple

.hatena-star-comment-button-image {
background-image: url(http://s.hatena.ne.jp/images/comment_pr.gif);
}
.hatena-star-add-button-image {
background-image: url(http://s.hatena.ne.jp/images/add_pr.gif);
}

スターadd画像 スター画像 グレーっぽいの、グレー、ライトグレー、白、gray、lightgray、white

.hatena-star-comment-button-image {
background-image: url(http://s.hatena.ne.jp/images/comment_dg.gif);
}
.hatena-star-add-button-image {
background-image: url(http://s.hatena.ne.jp/images/add_dg.gif);
}

スターadd画像 スター画像 黒っぽいの、black

.hatena-star-comment-button-image {
background-image: url(http://s.hatena.ne.jp/images/comment_bl.gif);
}
.hatena-star-add-button-image {
background-image: url(http://s.hatena.ne.jp/images/add_bl.gif);
}