飛び跳ねる画像バナーの作り方 | アフィリエイトツール情報ナビ

アフィリエイトツール情報ナビ

ネットビジネス・アフィリエイトに役立つツールを紹介しています。
作業効率のアップ、ホームページ作成、個性的な画像作成、バナー作成など、
あなたのビジネスを加速させるお役立ちツールのみを厳選して紹介します^^)/
 

このブログのトップに置いてる楽エディのBOXが飛び跳ねながら右に移動するバナーですが、これは僕が自分で作ったやつです^^

HTMLの知識がある方ならわかると思いますが、これはTABLEタグの一種である「マーキー」タグというのを使用しています。

そんなに難しいものではないので、応用してみるとおもしろいと思います^^)

楽エディのバナーをコードで表すと下記になります。↓

---------------------------------------------------

<marquee height="100" width="370" direction="up" behavior="alternate" style="border: 1px solid blue; padding: 3px;"><marquee direction="right"><a href="http://www.infotop.jp/click.php?aid=151724&iid=36604" target="_blank"><img border="0" src="http://imgdisp.infocart.jp/down/images/34041.jpg" /></a>

</marquee></marquee>

--------------------------------------------------

赤の数字を変更すると枠の大きさが変わります。

青の文字を変更すると枠の色が変わります( red,yellow,blue,whiteなど)

黄色のURLを変更すると飛び先が変わります(アフィリリンクなど)

緑のURLを変更すると画像が変更できます(画像のURLを記載する)

--------------------------------------------------

<a href="http://www.infotop.jp/click.php?aid=151724&iid=36604" target="_blank"><img border="0" src="http://imgdisp.infocart.jp/down/images/34041.jpg" />

--------------------------------------------------

の部分はテキスト(文字)だけでもかまいません。  例えば。。

--------------------------------------------------

<marquee height="60" width="350" direction="up" behavior="alternate" style="border: 1px solid red; padding: 3px;"><marquee direction="right">いらっしゃいませ(^^)/</a>

</marquee></marquee>

--------------------------------------------------

とすると

いらっしゃいませ(^^)/



(笑)

こんな感じになります^^)

< > ←この記号は必ず半角に直してくださいね!

色々変えて遊んでみてください(^^)/



そろそろ値上げらしいです↓
http://takabun.ws/dor/lc/af_treasure.html