ここから本文です

楽天のショップなどでよく見かけるのですが、サイトの右横に「ポイント10倍セー...

syo********さん

2009/4/2113:11:56

楽天のショップなどでよく見かけるのですが、サイトの右横に「ポイント10倍セール開催中」や「○○キャンペーン中」といった、
縦にずっと続いている帯をよく見かけるのですが・・・

楽天のショップなどでよく見かけるのですが、サイトの右横に「ポイント10倍セール開催中」や「○○キャンペーン中」といった、
縦にずっと続いている帯をよく見かけるのですが・・・。どのようなHTMLで作成できるのでしょうか?楽天でショップページを作成中ですが、初心者なもので出来ずに困っておりますm(_ _)mどなたか分かる方いらっしゃいましたら、ご教授頂けると大変ありがたいです。何卒よろしくお願いいたします!

補足ambre_gris11さん ご回答ありがとうございます。しかし楽天のシステムではCSSが使えないんですよ・・・。ですのでHMLだけで作るやり方があるはずなんですが。楽天に出店している店舗がどうやって作っているかほんと不思議です。

閲覧数:
986
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

amb********さん

2009/4/2220:56:35

HTMLとCSSを使用すれば簡単にできます。

まず、繰り返し表示したい文言(ポイント10倍セール中!●月●日~●日▲時まで)という縦長の画像を作成します。この画像は無理に縦いっぱいまで繰り返す必要はなく、1枚でOKです。
それを繰り返したい位置に固定して縦にリピート。
例えば

body{
background: url(繰り返したい画像のURL) repeat-y right top;
}

などとCSSに記述すれば指定した画像が右上から縦に繰り返される帯ができあがります。

この回答は投票によってベストアンサーに選ばれました!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる