2020/6.30/14:11
廣田 様
お世話になっております。ご確認有難うございます。
まず①で対応可能かどうかご確認いただき、難しいようであれば②でご対応をお願い致します。
① CSSを使用し、PC・SPバナーをブラウザの幅に合わせて表示を切り替え設置する場合
※注意点※
①CSSやHTMLの記載はあくまでデフォルトのものです。使用される場合は、サイト・ページ・他コンテンツに合わせて調整をお願い致します。
②サイトの仕様により、以下に記載しているCSSが他のCSSに影響を与えることがあります。使用前にサイト内の環境をご確認ください。
③サイトの仕様により、以下に記載しているCSSが反映されないことがあります。
④以下のCSS、HTMLの記載は国内版バナーのみになります。国内版バナーの設置が問題がないようであれば台湾版バナーも同じ要領で台湾版バナーも設置ください。
【CSS（外部ファイル用）】
▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼
/*----------------------
旅色バナー
----------------------*/.t_bannerPC {
display: block;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}.t_bannerSP {
display: none;
}@media screen and (max-width: 750px){
.t_bannerSP {
display: block;
width: 100%;
max-width: 640px;
margin-top: 15px;
margin-bottom: 15px;
}
.t_bannerPC {
display: none;
}
}▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲
【HTML用バナーソース】 国内版（PC用）・国内版（SP用）
▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼
<div class="t_bannerPC"><a href="https://tabiiro.jp/book/indivi/gourmet/307938/" target="_blank"><img src="https://tabiiro.jp/book/indivi/gourmet/307938/bnr/t960_200.jpg" border="0" alt="ウェブマガジン旅色の福岡グルメ＆観光特集に紹介されました"></a></div>
<div class="t_bannerSP"><a href="https://tabiiro.jp/book/indivi/gourmet/307938/" target="_blank"><img src="https://tabiiro.jp/book/indivi/gourmet/307938/bnr/t640_200.jpg" border="0" alt="ウェブマガジン旅色の福岡グルメ＆観光特集に紹介されました"></a></div>
▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
② PC用バナーのみでブラウザの幅に合わせて設置する場合
【HTML用バナーソース】 国内版（PC用）・ 台湾版（PC用）
▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼
<div style="text-align: center; margin-top: 15px; margin-bottom: 15px;"><a href="https://tabiiro.jp/book/indivi/gourmet/307938/" target="_blank"><img src="https://tabiiro.jp/book/indivi/gourmet/307938/bnr/t960_200.jpg" border="0" alt="ウェブマガジン旅色の福岡グルメ＆観光特集に紹介されました" style="width: 100%; max-width: 960px;"></a></div>
<div style="text-align: center; margin-top: 15px; margin-bottom: 15px;"><a href="https://tabiiro.travel/book/indivi/gourmet/307938/" target="_blank"><img src="https://tabiiro.travel/book/indivi/gourmet/307938/bnr/t960_200.jpg" border="0" alt="此雜誌介紹了本店" style="width: 100%; max-width: 960px;"></a></div>
▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲
ご確認よろしくお願い致します。
茅野
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
株式会社ブランジスタメディア ［Brangista Media Inc.］
〒812-0011 福岡県福岡市博多区博多駅前1-9-3 博多駅前シティビル6F
TEL：092-686-6140 FAX：092-473-3200
URL：https://www.brangista.com
NAME：茅野 純志［Junji Kayano］
E-MAIL：junji_kayano@brangista.com
mobile phone：080-4352-3937
株式会社ブランジスタメディアは、株式会社ネクシィーズグループ
［東証一部上場 4346］のグループ企業です。
URL：https://www.nexyzgroup.jp/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□