北海道新幹線開業まであと…

ども。
歯の治療がようやく終了する担当ちゅんです。1年かかりました。

さて、本日はひとりの鉄道ファンとしても心が躍るような話題です。北海道新幹線は、現在新青森駅から新函館駅(仮称)に向けて延伸が進められていますが、7月5日をもって「開業まであと(遅くても)1000日」となります。具体的に○月○日という日にちはまだ決まっていませんが、平成27年度末には開業するということで、平成28年3月31日までの日数で計算しています。

それを記念して、沿線自治体では様々な「カウントダウンイベント」が行われる予定で、カウントダウンボードの除幕式などが行われると報道されています。
そして、我が八雲町はというと「ホームページでのカウントダウン」を行うとされていました。

ん?ホームページ??ということは…!!?

この大仕事はわたくし「ちゅん」の手にゆだねられました。記念すべき「あと最大1000日イベント」に関われることを、「ひとりの鉄道ファンとしても(しつこい?)」うれしく思います。

久しぶりのにわかデザイナーとなり、まずはバナーの図案作成。やっぱりイメージカラーはグリーンでしょう!ということで、うっすらとグラデーションをかけ、白抜きで『北海道新幹線開業まで』とし、その下に『あと○○日』としてみました。
が、ここで上司92氏からクレームが。「あと1000日じゃない。『遅くても』1000日だから」とのことで、申し訳程度に「遅くても」を追加。これでバナーは完成です。

数字がカウントダウンする仕組みについては、地デジ完全移行の際の使いまわしになりますが、javascript を仕込みました。

********************ここからは関係者用です********************
javascript と数字のgif 画像をセットにしたものを参考までに置いておきます。

カウントダウンjavascript 数字画像セット

これさえあれば色々と使い回しが可能です。例えば、北海道新幹線開業まであと遅くても日といった具合に、文中にも挿入できます。便利ですね。数字を出したい場所でjavascriptを読み込ませるだけです。
バナーに仕込む場合は、バナー画像をスタイルシートでbackground指定し、数字(javascript)はspanで囲んで、styleにて「position: sbsolute」とすれば自由な位置に配置できます。なお、その場合は親要素に position: relative が必要なのでご注意を。
*******************************************************

ということで、無事に完成したバナーは7月5日に登場します!
…と思ったのですが、上司92氏の「やれ!!」により、本日からカウントダウンを開始しています。今日現在であと1004日という、なんとも中途半端なバナーになってしまいました。

バナースクリーンショット
久しぶりのにわかデザイナー、楽しく仕事させていただきました。

(投稿者:ちゅん)

 


カテゴリー: つぶやき パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です