女性必見！オフライン中でも稼げる！あなたが外で遊んでる間にもモンロー世界があなたの物に！
男性必見！趣味を活かして楽しく稼ぐ！この不景気の中、ブログなどでガッポリ副収入を狙おう！
2006年02月05日 日曜日
評価の星マーク画像 【ウェブログ】
ウェブログ上で、何かについての評価をしている場合がある。
当ブログでも映画レビューを書いてるが、その映画について自分なりの評価をしてる。
その評価なんだけど、自分の場合は5つ星で表現している。
自分の場合は評価3.5とか4.5とか、半分の0.5を表現したい場合もある。
そういう場合は星マークの画像を用意して使用するしかない。
というワケで、以下の4種類の星マークの画像を作った。
上記4つの画像をheightの指定でサイズ調整して使うと、以下のような表現が可能になる。
例１：<img src="白星画像" height="12" /><img src="白星画像" height="12" />
<img src="白星画像" height="12" /><img src="白黒画像" height="12" />
<img src="黒星画像" height="12" /> 3.5
3.5
例２：<img src="黒星画像" height="12" /><img src="黒星画像" height="12" />
<img src="黒星画像" height="12" /><img src="黒星画像" height="12" />
<img src="黒白画像" height="12" /> 4.5
4.5
自分も使用してるけど、誰か使いたい人がいたらご自由にどうぞ。
- 追記 -
上記のそれぞれの星画像をサイズ調整して使用すると、Mac OS Xではキレイに表示される。
しかし、Windows環境では星マークの表示が汚くなっていてショックを受けた。。
そこで、小さいサイズの画像を作ってみた。
以下の画像サイズは、width = 15px／height = 15pxで作ってある。
これをサイズ調整せずに、このまま使用するといいかもしれない。
例：<img src="白星画像" /><img src="白星画像" /><img src="白星画像" />
<img src="白黒画像" /><img src="黒星画像" /> 3.5
3.5
もっと小さい星マークがいいならサイズ調整すればいいが、また表示が汚くなるかも。
- トラックバック -
このエントリーへのトラックバックURL：http://capsule-net.sakura.ne.jp/cgi/mtype/mt-tb.cgi/63
当エントリーへの"言及リンク"が無い場合、すぐには反映されません。
また、宣伝目的や単発記事ブログからのトラックバックは反映されません。
- アフィリエイト -
- さくらインターネット：レンタルサーバー -
- ロリポップ：レンタルサーバー -
- チャットレディ募集 -
- DTI サービス：アフィリエイトサービス -
- アマゾンコム：ベストセラー -
わかば [11/09/08]
- コメント投稿フォーム -