オリジナルカウンター作ってみた

(=ﾟωﾟ)ﾉ　こんにちは～

連日連夜、W杯漬けの満月ですｗ

好カードなど観たいものは、ライブで見て
あとはBSでやってる録画放送を観るのが日課になってますｗ
夜中のベルギー対アルジェリア面白かった～♪
今回の大会は、逆転が多いですね～
だから面白いですけどｗ
今日もこれからの↑の録画放送がありますので、
また見たいと思います～ｗ


さて、ベルギー戦を観た後、
急に思い立って、自分のサイトの
オリジナルカウンターの画像作りをしました♪

この前、リニューアルされたサバの関係で
そこで使用してたカウンターシステムが廃止されてしまったためです。(;´･ω･)

本来は、JavaScript　自分で書いちゃいばいいんだけど、
今回はサービスサイト様のを使いましたｗ

だから、σ(o･ω･o)が用意するのは、画像だけｗ

まず、そのカウンターサービスサイトの仕様をよく調べて、
用意する画像の大きさや幅、バイト数等をチェック。

それからその大きさの範囲内で
イラスト等を用意する。

今回は、自分のサイトの仕様に合わせて
数字下イラストを描く。

こんな感じ。



今回は、ゲームファンサイト（かなり古い物だけどｗ＾＾；）の物なので
そのゲーム内でも使用されている『マルクト教団マーク』にしましたｗ

これは、数字の下の下絵みたいな物です。
これプラス０～９までの数字をそれぞれ用意します。



要は、同じサイズの同じ物の数字だけ変わる物を１０個用意するって事。

で、次に
それを同じ感覚で順番に並べる。



↑のようにｗ
今回は自分のサイト仕様でバックは薄灰色にしてあります。

ちなみに、↑画像でも大きすぎますｗ
一回この大きさで始動していたら
HPに対して、大きすぎてバランス悪すぎたｗ　(;´▽`A``ｱｾｱｾ
という事で、縮小しましたｗ


で、カウンターサービスサイトにUPして、
細かい設定をして、そこに出てくるHTMLをコピーして
自分のサイトのカウンター置きたい場所の
HTMLの場所にそれを組み込めばOK！

ちなみに、ここではJPGでUPしてますが、
サイズにもよりますけど、自分の場合JPGだと許容範囲外だったんで
GIFに変えてます。
そこら辺は、カウンターサービスサイト各で違いがあると思うので、
もし作ってみたいと思った方は、使用サイトの仕様等で確認して下さいね。

正直、オリジナルを作るという事は、
簡単なようで結構面倒くさいですｗ

ただ、自分が作った物が
ちゃんと思い通りに動いた時は、ちょっと感動するので
お暇な方は挑戦してみてくださいｗ

レッツトライ！( v￣▽￣) イエーイ♪




今日は何の日？

海外移住の日
考古学出発の日
おにぎりの日

タグ：イラスト 今日は何の日？ オリジナルカウンター作り