こんにちは(*^_^*)
ただいま楽天スーパーSALE真っ最中ですね。
皆さんスーパーセールの調子はいかがでしょうか。
一部の情報では、初日のアクセスはとてもよく、過去最高を見込めると伺ってます。
そこで、来訪者に対してアピールする商品を、よりアピールする方法の一つに【帯】がありますね。
ここでいう【帯】とは画面の端にある縦長のバナーを指します。
一般的にクリックできない画像で生じされている方も多いですね。
そこで、クリックできるタイプの帯をご紹介します。
仕上がりはこんな感じです。
比較的簡単です。
■ここから■————————————————————————————
<style>
#hidari-obi {
position: absolute;
top:0px;
left:0px;
background: url(“ここに帯の画像URL”) repeat-y left top ;
}
#hidari-obi a {
display: block;
height:30000px;/*ページ全体の高さ*/
width: 180px;/*帯の幅*/
}
</style>
<div id=”hidari-obi”>
<a href=”クリックされた時のURL” target=”_blank”></a></div>
■ここまで■————————————————————————————
↑をヘッダー内に入れるだけでOKです(*^^)v
簡単でしょ?(笑)
ただ一つだけデメリットがあります。
ページの長さを強制的に決めてます。
上記記述は 30000pxに設定してますが、それ以下の場合でもページの長さ(高さ)が30000pxになるのでご注意ください。
この記事へのコメントはありません。