◆ランキングアイコンのカスタマイズ

こんにちは、カスタマイズと復興支援で頑張るたっくんです。

たまには、こんな面白系のカスタマイズはいかがでしょうか？

ちょっとした遊び心も必要ですね。

お気に入りの絵文字を設定すれば、

ランキングダウンも、ある意味楽しみになるかも？

（メインブログから拝借してきました）

以下のCSSを追加してみてください。

注：新CSS編集デザイン用のカスタマイズです。

/*ランキング↑↓*/
/*ランキングアップ*/
.rankUp{
width:16px;
text-indent:-9999px;
background-image:url(http://stat.ameba.jp/blog/ucs/img/char/char2/304.gif);/*↑の画像*/
background-repeat:no-repeat;
background-position:bottom;
}
/*ランキングダウン*/
.rankDown{
width:16px;
text-indent:-9999px;
background-image:url(http://stat.ameba.jp/blog/ucs/img/char/char2/144.gif);/*↓の画像*/
background-repeat:no-repeat;
background-position:bottom;
}

/*ランキングステイ*/
.rankStay{
width:16px;
text-indent:-9999px;
background-image:url(http://stat.ameba.jp/blog/ucs/img/char/char2/106.gif);/*→の画像*/
background-repeat:no-repeat;
background-position:bottom;
}

画像URLは適宜変更してくださいね。

アメーバさんに、いろいろ絵文字が用意されていますので、

いろいろいじってみてください。

素材サイトで見つけるのもいいかもしれませんね。

あえて、ランキングの増減とは無関係な画像を設定するのも、

ひとつの作戦かもしれません。

いつもお世話になっています実験委員さん、

こんな面白ネタも紹介したりするので、

目が離せませんね。

ぜひ、あなたも参考にしてみてください。

⇒ランキングを遊んじゃおう？

@takumi_heigenをフォロー

---