062012

咲-Saki-まとめアンテナバナーについて

※
12/29　ニワカ咲きさんが懇切丁寧なバナーの貼り方解説をしてくださいました。
　　　　　イマイチ使い方が分からないという方は是非こちらをご覧下さい。
シズでもわかる咲-Saki-まとめアンテナバナーの貼り方教室

11/12　元ファイル消失により各所にご迷惑をおかけしました。
　　　　　再発防止のため、今後は各サイト内にて利用していただく方向でお願いします。ファイルはこちら
※

咲-Saki-まとめアンテナ

こちらのサイト、皆さん既に御存知でしょうか？
ネット上に点在する咲-Saki-関連サイトの更新情報を拾い集めてくれる素敵な咲-Saki-専門アンテナサイト、それが咲-Saki-まとめアンテナです。

ここまで回し者。

咲中毒＆ネット出不精な私のために作られたようなサイトなので、このアンテナを私にとってより有効なものにしようと、適当に目立つバナーを作って積極的に人を流し、情強な方々に掲載サイトを推薦させることで私の咲ライフ充実化を図ろうと企んだところ、~~何を血迷ったかこの手抜きバナーが公式に採用されてしまいました。~~管理人様のご慧眼により、我が渾身の一作であるこの自慢のバナーを公式に採用していただく運びと相成りました。

アンテナのほうでもバナーの貼り方については分かりやすく解説されていますが、気が引ければそれでいいという少々難のあるアニメーションgifなので、作った人間の責任としてひとつ有効な使い方の提案をさせていただきたいと思います。

ロールオーバー

文字を読んでいるときに視界の端で動くものがあると大変気が散ります。必要なとき以外は大人しくさせておくことが読者への配慮として求められるかと思います。そこで使うのがこのロールオーバーという手法。マウスを画像上に乗せたときとそれ以外の場合でJavascriptによって画像の切り替えを行うものです。詳しい知識はなくとも簡単。下記の通り行えばできるはず。詳しいことは私も知りません♪～ <(゜ε゜)>

貼り方

1
<a href="http://saki-daisuki.info/" target="_blank"><image src="2" onmouseover="this.src='3';" onmouseout="this.src='2';"></a>

赤の数字と上記画像の置かれているURLを置き換えてご利用ください。

2　マウスOff時

3　マウスOn時