メニュー
MENU
こんにちは、
ゲスト
さん
トップ
会員サイト
新着質問
新着回答
人気の質問
解決済
受付中
未回答
質問・返信の一覧
お気に入り
ニックネーム変更
E-mailアドレス変更
パスワード変更
ECマスターズ ツール
ログイン
TOP
フッター部分のHTML修正
文字サイズ
変更
小
中
大
解決済
フッター部分のHTML修正
相談者:非公開
2023/08/16 16:12
いつもお世話になっています。
業者にお願いして作ってもらいましたフッターですが
イベントバナーとURLを手動で付け替えしています為
バナーとURL部分を消して
「ただいま開催中のキャンペーン情報」の下に
可能ででしたらイベント告知君を貼り付けたいと思っています。
自分でしてみましたが表示が崩れてしまいます。
修正方法をご教授頂きたいです。
有償でしたらお見積りお願い致します。
フッターのHTML
<!--ここからがフッターコンテンツ-->
<style>
/* footer
----------------------------------------------------------------------------- */
.cam{
width:980px;
margin:100px 0 56px 0;
padding:0 0 56px;
background:url(
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/camback.jpg);
}
.camtop{
margin:0;
padding:0;
}
.cam p{
color:#473524;
padding:20px 0 0 20px;
font-size:12px;
}
.cam a{
float:left;
}
.cam1{
width:395px;
height:50px;
margin:35px 0 0px 81px;
}
.cam2{
width:395px;
height:50px;
margin:35px 0 0px 35px;
}
#footer{
width:980px;
margin:80px 0 0 0;
padding:0;
font-size:12px;
text-align:left;
}
.footbot{
margin-top:46px;
}
.fo-left{
float:left;
margin:0 0 0 50px;
padding:0;
width: 390px;
}
.fo-right{
float:left;
margin:0 0 0 90px;
padding:0;
width: 440px;
}
.infoimg{
margin:0px 0 30px 0;
}
.infoimg2{
margin:60px 0 30px 0;
}
#footer p{
padding:0;
color:#333333;
line-height:20px;
}
#footer p a{
color:#1f1e1e;
}
#footer p a:hover{
color:#ea6581;
}
#footer p.red{
margin-top:20px;
color:#d02a34;
}
#footer p.timetext{
font-size:18px;
font-weight:bold;
margin-top:30px;
}
.mgt30{
margin-top:30px;
}
.copy{
width:980px;
height:20px;
margin:17px 0 0 0;
padding:7px 0 3px;
font-size:10px;
background:url(
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/copyback.jpg);
text-align:center;
}
.page{
float:right;
margin:50px 22px 0 0;
}
/* CAE (css already existed) */
</style>
<!--ここからキャンペーン-->
<div class="cam cf">
<h2><img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/camtop.jpg"
alt="キャンペーン"></h2>
<div>
<a href="
https://event.rakuten.co.jp/campaign/card/pointday/
"><img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/point5.jpg"
class="cam1" width="395px"></a>
<a href="
https://event.rakuten.co.jp/campaign/point-up/everyday/point/
"><img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/spu-1.jpg"
class="cam2" width="395px"></a>
</div>
<div>
<a href="
https://event.rakuten.co.jp/campaign/sports/"><img
src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/point2.jpg"
class="cam1" width="395px"></a>
<a href="
https://ad2.trafficgate.net/t/r/6830/3629/198512_234039/"><img
src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/1bn6150.jpg"
class="cam2" width="395px"></a>
</div>
<div>
<a href=""><img src="" class="cam1" width="395px"></a>
<a href=""><img src="" class="cam2" width="395px"></a>
</div>
<div>
<a href=""><img src="" class="cam1" width="395px"></a>
<a href=""><img src="" class="cam2" width="395px"></a>
</div>
</div>
<div id="footer" class="cf">
<h2><img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/foottop.jpg"
alt="お買い物ガイド"></h2>
<div class="footbot cf">
<div class="fo-left cf">
<img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/foot1.jpg"
class="infoimg" alt="お支払いについて">
<p>お支払い方法は、クレジットカード(VISA、Master、JCB、Diners、Amex)、コンビニ決済、銀行振込、代金引換がご利用いただけます。</p>
<p class="red">※クレジットカードのセキュリティはSSLというシステムを利用しております。 カード番号は暗号化されて安全に送信されますので、どうぞご安心ください。</p>
<p><img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/footcard-2.jpg"
alt="クレジットカード" class="mgt15"></p>
<img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/foot2.jpg"
class="infoimg2" alt="営業時間帯について">
<p>ネットでのご注文は24時間受け付けております。お電話でのお問合せは下記の時間帯にお願いします。</p>
<p class="timetext">営業時間10時〜17時 <br>土、日、祝休業 水曜は発送業務のみ営業</p>
<p class="red">土、日、祝日は休業日です。<br>水曜日は発送業務とロールスクリーン製品ご注文者様へのサイズ確認業務のみしています。<br>電話でのお問い合わせ対応とメールのお問い合わせ返信は翌営業日となりますので、ご了承ください。</p>
</div>
<div class="fo-right cf">
<img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/foot3.jpg"
class="infoimg" alt="配送について">
<p>【佐川急便、ヤマト運輸又は西濃運輸でお届け致します。】</p>
<p>・商品によりお届けまでにかかる日数は異なります。商品ページで納期のご確認お願い致します。</p>
<p>・また、時間指定もうけたまわります。</p>
<p>指定出来る時間は下記となります。</p>
<p><img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/footshiptime.jpg"
alt="配送時間" class="mgt15"></p>
<p class="mgt20"></p>
<p></p>
<p></p>
<p></p>
<img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/foot4.jpg"
class="infoimg2" alt="プライバシーについて">
<p>お客様からいただいた個人情報は商品の発送とご連絡以外には一切使用致しません。当社が責任をもって安全に蓄積・保管し、第三者に譲渡・提供することはございません。</p>
</div>
</div>
<div class="page">
<a href="
https://www.rakuten.co.jp/SHOP-URL/"><img
src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/top/footpage.jpg"
alt="ページトップ"></a>
</div>
</div>
<div class="copy">
<p>Copyright © PuPuRu All Rights Reserved.</p>
</div>
<!--ここまでがフッターコンテンツ-->
宜しくお願い致します。
投稿内容について報告する
このフォーラムへの質問は終了しました
このテーマに関連する質問をする
別のテーマで新規に質問する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
セミナー詳細はこちら
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!
ご視聴はこちら
返信者:非公開
2023/08/16 18:05
ECマスターズの伊藤です。
先程はチャットからのご連絡ありがとうございました。
フォーラムへのご投稿、ありがとうございます。
> 「ただいま開催中………(省略)………
返信者:非公開
(質問者)
2023/08/16 18:42
ECマスターズ 伊藤様
ご回答ありがとうございます。
最初の説明がうまくできていなかったのですが
現在手動でバナー貼り付けをしています薄グレーの枠………(省略)………
返信者:非公開
2023/08/17 16:23
ECマスターズの伊藤です。
> 現在手動でバナー貼り付けをしています薄グレーの枠内のバナーを外し
> そこにイベント告知君を入れたいと思っていたのですが………(省略)………
返信者:非公開
(質問者)
2023/08/17 16:36
ご丁寧に教えて下さりありがとうございました。思っていた通りに修正が出来ました。………(省略)………
このフォーラムへの質問は終了しました
このテーマに関連する質問をする
別のテーマで新規に質問する
質問を検索する
すべて
初心者・はじめて
楽天市場
Yahoo!ショッピング
Amazon.co.jp
Qoo10
au PAY マーケット
LINE活用・LSEG
RPP運用自動化ツール「RAT」
らくらくーぽん
最強配送ラベル(配送品質向上制度)
ポンパレモール
会員専用ツール
本店サイト
共通の送料込みライン
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
ツール改善コミュニティ
RPA
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他
返信も検索対象にする
カテゴリーから探す
初心者・はじめて
楽天市場
Yahoo!ショッピング
Amazon.co.jp
Qoo10
au PAY マーケット
LINE活用・LSEG
RPP運用自動化ツール「RAT」
らくらくーぽん
最強配送ラベル(配送品質向上制度)
ポンパレモール
会員専用ツール
本店サイト
共通の送料込みライン
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
ツール改善コミュニティ
RPA
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他