• 文字サイズ


解決済

固定バナーのスタイルシートについて

  • 相談者:非公開
  • 2016/03/13 12:07
お世話になります。

PC右端に表示させる「固定バナー」の7つのリンク付き画像を付けたシートを作成したのですが、上から4つのみしか表示されず困っております。

知識が無い中、元のシートの項目数を継ぎ足しをしただけなのでどこが誤っているのかがわからない状態です。
(今回はバナーを飛び出させる事は考えていません。)

GOLDに入れる予定のシートは以下になります。

<style>
/* 固定バナースタイルシート */
html, body{
height: 100%;
margin: 0;
padding: 0;
}
.fix_gb{
width: 80px;
height: 180px;
position: fixed !important;
position: absolute;
right: 0;

-webkit-transition: width ease-in-out 0.3s;
-moz-transition: width ease-in-out 0.3s;
-ms-transition: width ease-in-out 0.3s;
-o-transition: width ease-in-out 0.3s;
transition: width ease-in-out 0.3s;
}
.fix_gb a{
display: block;
width: 100%;
height: 100%;
}
.fix_gb:hover {
width: 80px;
}

#fix01{
background: url(" ") 0 0 no-repeat;
top: 20px;
}
#fix02{
background: url(" ") 0 0 no-repeat;
top: 85px;
}
#fix03{
background: url(" ") 0 0 no-repeat;
top: 175px;
}
#fix04{
background: url(" ") 0 0 no-repeat;
top: 240px;
}
#fix05{
background: url(" ") 0 0 no-repeat;
top: 305px;
}
#fix06{
background: url(" ") 0 0 no-repeat;
top: 370px;
}
#fix07{
background: url(" ") 0 0 no-repeat;
top: 500px;
}
</style>
}
</style>

~~~~~~~~~~~~~~~~~~~~~~~~~

ヘッダーに入れるタグは以下を予定しています。

<!--***********固定バナーのタグ***********-->
<div id="fix01" class="fix_gb"><a href=" " TARGET="_blank" ></a>
</div>
<div id="fix02" class="fix_gb"><a href="http://coupon.rakuten.co.jp/getCoupon?getkey=SllXVy1DUU1GLVJNOEMtWUxZWQ--&rt= " TARGET="_blank" ></a>
</div>
<div id="fix03" class="fix_gb"><a href=" " ></a>
</div>
<div id="fix04" class="fix_gb"><a href=" " TARGET="_blank" ></a>
</div>
<div id="fix05" class="fix_gb"><a href=" " TARGET="_blank" ></a>
</div>
<div id="fix06" class="fix_gb"><a href=" " TARGET="_blank" ></a>
</div>
<div id="fix07" class="fix_gb"><a href=" " TARGET="_blank" ></a>
</div>

投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2016/03/14 00:15
ECマスターズの田中です。

最初に、GOLDに入っている外部スタイルシートファイル(kotei150915.CSS)の
書き方についてですが、
外部ス………(省略)………
  • 返信者:非公開(質問者)
  • 2016/03/14 00:45
ありがとうございます。
この様なお時間に恐縮です。。

>>
いただいた記述の先頭にある
<style>
と、最後の
</style>
}………(省略)………
  • 返信者:非公開
  • 2016/03/14 11:39
ECマスターズの田中です。

1商品ページにのみ反映させる際は、
ヘッダー・フッター・レフトナビをコピーし、
反映用のヘッダー・フッター・レフトナビをご………(省略)………
  • 返信者:非公開(質問者)
  • 2016/03/14 14:00
ありがとうございます。

ご指南戴きました様に、こちらの商品ページにのみ反映させることができました。

(今後他の場面でもこの方法を活用してきたいと思い………(省略)………
  • 返信者:非公開
  • 2016/03/14 14:45
ECマスターズの田中です。

ご対応いただきありがとうございます。
いただいた商品ページを拝見させていただいたところ、

<!--**********………(省略)………
  • 返信者:非公開(質問者)
  • 2016/03/14 15:22
自らの簡単な誤りに気が付かず、お時間を戴いてしまいすみませんでした。

無事に表示されました。この過程を今後に生かしてまいります。

ありがとうございま………(省略)………
  • 返信者:非公開
  • 2016/12/22 19:16
ECマスターズの田中です。

当質問にていただいたような、
画面に固定されるバナーを簡単に設置できる
「バナー設置君」を作成いたしましたので、
全体公………(省略)………
このフォーラムへの質問は終了しました