作業効率化@情報商材
Amebaでブログを始めよう!
1 | 2 | 3 | 4 | 5 | 最初次のページへ >>

アメブロでスクロール追尾型バナー広告

出来るかなと思って試してみました。

右上に出ているはずですが、こんな感じになりました。

やり方はフリースペースに

<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タグのコーディングが無駄に場所を取っていますが

画像などを一つ貼るだけならシンプルになりますね。
1 | 2 | 3 | 4 | 5 | 最初次のページへ >>