実はビリヤード小林のホームページを
作っている自分ですが、ビリヤード小林に
所属するあるプロ選手から、ホームページの
リニューアルの時期にある要請を受けました。
俺システムをもし出来たら作って欲しいというもので、写真の手玉にマウスポインターを載せると、密かなメッセージが公開されるみたいな事は出来たら面白いねっ！なんて興味深い話を頂いた。
そこで考えたのは、手玉の画像にJavascript で マウスオーバーさせると言う発想だった。そうして、第一作目が完成したのだが、なんだか凄くインパクトが薄くなった。手玉の周辺にだけ文字が浮かび、なんとも不自然なものになってしまったのだ・・・。
そこで考えた･･･そして、画像そのものを入れ替える作戦に出た。
大きな文字でメッセージを加え、ロールオーバーで写真を完全に入れ替える物ができたんですが、、完成したらしたで、今度はもっとわがままになって、文字を写真から浮いた感じに仕上げたいと考え始めた。そこで思いついたのが、画像を少し大きめのdiv ボックスで囲み、スタイルシートのabsolute を使って写真の位置を固定しつつも、背景と同じ色の枠を画像に加える事で、自然な配置が出来上がった。
そこまで来ると、もうマウスオーバーなんか使わず、ＣＳＳだけで出来るんじゃないかと思い始め、追求し始めた。
そして、この効果が出来上がった。
http://kobayashi.silver-dice.com/content/pro.html#ore
凄く画期的だったのは、a:hover で width や height の枠を広げる事が出来るという事が解った事で、リンクは手玉の画像のみに貼ってあるんですが、マウスが手玉のリンクに乗ると、hover 効果で横幅と縦幅が広がり、写真が完全に入れ替わると言うもの・・・。
うーん・・・うまく表現できない・・・。
Javascript を使えば、簡単に出来ることなんだろうけど、あえて追求した事で、新たなＣＳＳの可能性が見えた。
ただ、問題点がいくつかある・・・。
一つは、hover 効果を使うために、手玉の画像にリンクを貼らなくてはならないという事・・・。
この画像については、リンク先を画像の入っているdiv ボックスのid にしてごまかしたけど、リンクを画像に貼らないでこの効果を作れるかというと、正直微妙・・・。
もう一つは、ＩＥでは最初に画像を読み込むのに、若干時間がかかる為、すこしイラっとすることと、OPERAブラウザでは、最初の一回はhover 効果による横幅と縦幅の広がりが行われない事だと思います。
いや、きっともっと問題沢山あるんだろうけど、現段階ではわかってないです。
だけど、ここからどんどん発展させる事はできると思いました。これは多分スタートラインなんだと思ってます。
これを発展させた形で、びり？ビリオフ会♪の公式サイトで面白い物を試しに作って見ました。
http://b-off.silver-dice.com/
更新履歴の左側にあるアイコンにポインターが乗ると、画像の横幅が広がって、文章が現れるというもの。
しょぼいけど、少しだけ使い方がマシになったと思う（笑）
もう少し研究したら、もっと使える技術になるかもしれないと、個人的にいろいろためしております。
でも、やっぱり Javascript を使った方が早いのかな･･･いや、javascript をオフにしている人をビックリさせることが、この技術を磨く事で可能になるに違いない・・・。
以上、自己満足でした。
2007年07月24日
2007年07月02日
びり？ビリオフ会♪のサイトが･･･。
エキサイトサークルが危ないと言ってましたが、
びり？ビリオフ会♪が先に危険な状態となってしまいました。
公式サイトを運営していたレンタルサーバーが、
12月をもってサービスを凍結すると連絡がありました。
サーバー管理者の熱意に心を打たれ、
なんとか頑張って頂きたいと思い、このレンタルサーバーを
継続して参りましたが、サーバーの利用者が思うように伸びず、
サービスの打ち切りをご判断されたようです。
その為、現在ある「びり？ビリオフ会♪」公式サイトの
サーバーを移転する事となります。
一ヶ月に４〜５人の入会者が出るなど、
今年に入り大幅な結果が出てきてましたので、非常に残念です。
また、サーバーの契約時期が８月末であった事も踏まえ、
恐らく契約の更新という形はできないと思いますので、
運営されているサーバーから、当サークルのサイトは、
９月ごろに消える可能性が予想されます。
（そのまま放置になるかも知れないんですが･･･。）
この事に対し、オーナーも大変動揺されているご様子で、
メールの配信は、月に一度をお約束をして参りましたが、
移転が完了でき次第、再びご連絡させて頂く方針を受理して
頂きました。
また、掲示板・ウェブログ・SNSなどのバックアップにつきましては、
サーバーが違う事で、今までどおり機能致しますので、
書き込み等が消える事はないのでご安心ください。
移転に関しましては、しばらくの間検索エンジンに
登録されるまでの期間や、順位の上がっていく期間も含めまして、
様々な問題を抱えております。
その為、今まで検索エンジンで見つかっていた当サイトが
簡単に見つからない状態になる可能性が大きいです。
しばらくの間は入会者数も激減する事と思います。
びり？ビリオフ会♪が見つかりにくい状態が続くと思いますので、
大変お手数をおかけいたしますが、
お気に入り登録の変更などを、お早めにお願いしたいと思います。
また、移転期間のメドについてですが、
それぞれのページにおいて、絶対リンクで作られている箇所もあり、
全てのリンク先を見直さなくてはならない事と、
デザインなどで使用される素材の整理なども行わなくてはならない為
見通しが全く立っておりません･･･。
相互リンクしていただいたサイト様にも、
リンク先の変更を通達しなくてはならない為、
多くの方にご迷惑をおかけする事と思います。
また移転先ですが、司馬亜（シヴァ）が個人的に持っている、
silver-dice.com のドメインを使用し、個人で借りている
サーバーでの対応を考えております。
サークルのメンバー様、関係者の方々には、
大変ご迷惑をおかけいたしますが、全力で対応させて頂きますので、
どうか今後とも宜しくお願い申し上げます。
司馬亜（シヴァ）
びり？ビリオフ会♪が先に危険な状態となってしまいました。
公式サイトを運営していたレンタルサーバーが、
12月をもってサービスを凍結すると連絡がありました。
サーバー管理者の熱意に心を打たれ、
なんとか頑張って頂きたいと思い、このレンタルサーバーを
継続して参りましたが、サーバーの利用者が思うように伸びず、
サービスの打ち切りをご判断されたようです。
その為、現在ある「びり？ビリオフ会♪」公式サイトの
サーバーを移転する事となります。
一ヶ月に４〜５人の入会者が出るなど、
今年に入り大幅な結果が出てきてましたので、非常に残念です。
また、サーバーの契約時期が８月末であった事も踏まえ、
恐らく契約の更新という形はできないと思いますので、
運営されているサーバーから、当サークルのサイトは、
９月ごろに消える可能性が予想されます。
（そのまま放置になるかも知れないんですが･･･。）
この事に対し、オーナーも大変動揺されているご様子で、
メールの配信は、月に一度をお約束をして参りましたが、
移転が完了でき次第、再びご連絡させて頂く方針を受理して
頂きました。
また、掲示板・ウェブログ・SNSなどのバックアップにつきましては、
サーバーが違う事で、今までどおり機能致しますので、
書き込み等が消える事はないのでご安心ください。
移転に関しましては、しばらくの間検索エンジンに
登録されるまでの期間や、順位の上がっていく期間も含めまして、
様々な問題を抱えております。
その為、今まで検索エンジンで見つかっていた当サイトが
簡単に見つからない状態になる可能性が大きいです。
しばらくの間は入会者数も激減する事と思います。
びり？ビリオフ会♪が見つかりにくい状態が続くと思いますので、
大変お手数をおかけいたしますが、
お気に入り登録の変更などを、お早めにお願いしたいと思います。
また、移転期間のメドについてですが、
それぞれのページにおいて、絶対リンクで作られている箇所もあり、
全てのリンク先を見直さなくてはならない事と、
デザインなどで使用される素材の整理なども行わなくてはならない為
見通しが全く立っておりません･･･。
相互リンクしていただいたサイト様にも、
リンク先の変更を通達しなくてはならない為、
多くの方にご迷惑をおかけする事と思います。
また移転先ですが、司馬亜（シヴァ）が個人的に持っている、
silver-dice.com のドメインを使用し、個人で借りている
サーバーでの対応を考えております。
サークルのメンバー様、関係者の方々には、
大変ご迷惑をおかけいたしますが、全力で対応させて頂きますので、
どうか今後とも宜しくお願い申し上げます。
司馬亜（シヴァ）
