はてなスターの画像を変更

あけましておめでとうございます。と言いつつ、いつものぬるい感じのエントリ。

はてなスターの機能拡張を行い、スタイルシートで設定するだけで簡単にはてなスターの画像を変更できるようになりました。この方法を使うと、はてなダイアリーなど、スタイルシートが編集可能な環境ならどこでも簡単に画像を変更できます。

はてなスターの画像が自由に変更できるようになりました - はてなスター日記

これはいいかも。方法は以下の通り。ウェブ上のアドレスが必要だが、はてなフォトライフの画像を指定できるから、適当なアイコンサイズ(22x22 pxにした)の画像をアップしてリンクをCSS内で書けばいいみたい。

/* Commentボタンの画像をurl()の中に指定します */
.hatena-star-comment-button-image {
  background-image: url(http://exapmle.com/comment.gif);
}

/* Addボタンの画像をurl()の中に指定します */
.hatena-star-add-button-image {
  background-image: url(http://exapmle.com/add.gif);
}

/* ☆の画像をurl()の中に指定します */
.hatena-star-star-image {
  background-image: url(http://exapmle.com/star.gif);
}

あまりスター付かないから目立たないが、僕もこのブログのスター画像を変えてみた。ちょっとスター付けてみてください（あざとい）。画像は、Macにデフォルトで入ってるiChatのアイコンを22px x 22pxに縮小し、フォトライフにアップロードしてURLを指定。紫のGem。緑に紫が趣味なので。