Hatena::ブログ(Diary)

はてなスター日記 このページをアンテナに追加 RSSフィード

はてなスタッフのはてなスターに関する日記です。
使い方に関するご質問、不具合報告やご要望は、お問い合わせ窓口で承ります。
使い方のコツなどを知りたい時は、人力検索はてなの「はてなの使い方」カテゴリーをご利用ください。
※コメント欄へのご質問には対応できない場合がございますのでご了承ください。
 | 

2007-09-07

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

07:38 | はてなスターの画像が自由に変更できるようになりましたを含むブックマーク

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

f:id:hatenastar:20070907073039g:image

今回の機能により、「Commentボタン」「Addボタン」「☆」のそれぞれの画像を変更することができます。それぞれ以下の項目を編集することで指定が可能です。

/* 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);
}

たとえば、☆をid:rikuoさんのはまぞうイラスト(f:id:rikuo:20070529235853g:image:small)に変える場合は以下のような指定を行います。

.hatena-star-star-image {
  background-image: url(http://f.hatena.ne.jp/images/fotolife/r/rikuo/20070529/20070529235853_m.jpg);
}

なお、これまでのようにJavaScriptで画像ファイルを指定する方法もご利用頂けますが、今後はこのスタイルシートを用いた方法を推奨としていきたいと思いますので、今後設定される方はこちらの方法で指定頂ければと思います。

また、この機能を使って、近日中にはてなの標準テーマの各色に合わせたボタンを用意し、それぞれのテーマ色にあわせたボタンが最初から表示されるよう対応を行う予定です。

どうぞご利用ください。

mohrimohri 2007/09/07 19:57 ドメインページのRSS配信については、まずidea:16518そのものを実装済みでクローズしてもらえませんか。
よろしくおねがいします。不具合の修正おつかれさまでした。

miharaseihyoumiharaseihyou 2007/09/08 22:41 DOSは苦手なので対話式のウィザードを用意してもらえれば幸いです。不自由な亡者が怨み節を合唱するかもしれませんよ。

miharaseihyoumiharaseihyou 2007/09/08 23:45 ついでにIDのアイコンもメニューから選べるようにしてもらえれば嬉しい。オリジナルを使いたいなら自分の日記にアップすれば使えるようにするとかで。

トラックバック - http://d.hatena.ne.jp/hatenastar/20070907/1189118289
 |