アメブロでスクロール追尾型バナー広告
出来るかなと思って試してみました。
右上に出ているはずですが、こんな感じになりました。
やり方はフリースペースに
<div style="float:right;position:fixed; top:-70px; right:10px; width:150px;background-color:#ffffff;">
<table id="tmenu" style="width: 150px; margin: 0px 0px 0px 0px;background-color:#ffffff; border: 1px #000000 solid;">
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a>固定式メニュー</a></td></tr>
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a href="http://www.rakuten.co.jp/" class="amenu">楽天で検索</a></td></tr>
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a href="http://www.amazon.co.jp/" class="amenu">アマゾンで検索</a></td></tr>
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a href="http://www.google.co.jp/" class="amenu">Googleで検索</a></td></tr>
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a href="http://www.yahoo.co.jp/" class="amenu">Yahoo!で検索</a></td></tr>
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a href="http://www.goo.ne.jp/" class="amenu">Gooで検索</a></td></tr>
</table>
</div>
って書きました。
TR、TDタグのコーディングが無駄に場所を取っていますが
画像などを一つ貼るだけならシンプルになりますね。
右上に出ているはずですが、こんな感じになりました。
やり方はフリースペースに
<div style="float:right;position:fixed; top:-70px; right:10px; width:150px;background-color:#ffffff;">
<table id="tmenu" style="width: 150px; margin: 0px 0px 0px 0px;background-color:#ffffff; border: 1px #000000 solid;">
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a>固定式メニュー</a></td></tr>
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a href="http://www.rakuten.co.jp/" class="amenu">楽天で検索</a></td></tr>
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a href="http://www.amazon.co.jp/" class="amenu">アマゾンで検索</a></td></tr>
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a href="http://www.google.co.jp/" class="amenu">Googleで検索</a></td></tr>
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a href="http://www.yahoo.co.jp/" class="amenu">Yahoo!で検索</a></td></tr>
<tr style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><td style="width:150px;background-color:#ffffff;border: 1px #000000 solid;"><a href="http://www.goo.ne.jp/" class="amenu">Gooで検索</a></td></tr>
</table>
</div>
って書きました。
TR、TDタグのコーディングが無駄に場所を取っていますが
画像などを一つ貼るだけならシンプルになりますね。