1 | 2 | 3 | 4 | 5 |最初 次ページ >>
2013-02-17 19:44:14

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

テーマ:ブログ
出来るかなと思って試してみました。

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

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

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

画像などを一つ貼るだけならシンプルになりますね。
AD
いいね!した人  |  コメント(1)  |  リブログ(0)
1 | 2 | 3 | 4 | 5 |最初 次ページ >>

AD

ブログをはじめる

たくさんの芸能人・有名人が
書いているAmebaブログを
無料で簡単にはじめることができます。

公式トップブロガーへ応募

多くの方にご紹介したいブログを
執筆する方を「公式トップブロガー」
として認定しております。

芸能人・有名人ブログを開設

Amebaブログでは、芸能人・有名人ブログを
ご希望される著名人の方/事務所様を
随時募集しております。