[戻る]
No.550

背景画像のタイリング続き

MUGUET ONLINE SHOPさん  投稿日:2013/12/11(Wed) 19:44
key

お知らせありがとうございます!

ご教授頂いた内容で変更はできたのですが、商品一覧がある背景部分に反映されました。

ロゴヘッダー部分〜フッターまで、全画面にタイリングさせたいです。

度々申し訳ございませんが、よろしくお願いいたします!

Re: 背景画像のタイリング続き

おたすけマイショップさん  2013/12/12(Thu) 13:25 No.551
key

店長ナビ>デザイン設定>適用中のスタイルシートカスタマイズ>No.1アプリスタイルシート {app_css_url}編集ボタン

アプリスタイルシート編集画面の以下のソースに前回同様、

background:url(【システム画像にて登録したファイルパス名】);

を追加して保存します。

______________________________________________________________________________*/
/* 基本タグ */
html,body{
margin: auto;
padding: 0;
height: 100%;
color: #444;
font-size: 12.0px;
line-height: 1.6;
font-family: verdana, Meiryo ,helvetica,tahoma,"Lucida Sans Unicode", "MS Pゴシック", Osaka, sans-serif;
 background:url(【システム画像にて登録したファイルパス名】);  ←こちらを追加
}




店長ナビ>デザイン設定>適用中のスタイルシートカスタマイズ>No.3スタイルシート {css_url}編集ボタン

次に、スタイルシート編集画面の以下のソースにあるurl(images/bg_foot_bar.png)を
表示したいファイルパス名に書き換えます。


/* 共通フッター
______________________________________________________________________________*/

.foot_bar{
width: 100%;
position: absolute; bottom: 0;
margin: 0;
padding: 10px 0px;
height: 20px;
background: url(【システム画像にて登録したファイルパス名】);
}


変更後、保存していただければ完了です。


Re: 背景画像のタイリング続き

おたすけマイショップさん  2013/12/13(Fri) 13:39 No.552
key

案内不足で申し訳ございません。
アプリスタイルシート編集画面の以下のソースに前回同様、

background:url(【システム画像にて登録したファイルパス名】);

を追加または書き換えて保存してください。


#contents{
height: 100%;
padding:10px 20px 50px 20px;
background:url(【システム画像にて登録したファイルパス名】); ←こちらに追加
}


次に以下のソースを編集してください。

/* 商品詳細ペイン
______________________________________________________________________________*/
.app_content .item_detail{ /* ペイン全体 */
width: 100%;
position: relative;


background:url(【システム画像にて登録したファイルパス名】);  ←このように書き換えてください。
border:1px #f0f0f0 solid;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
padding-top:20px;

}


次に以下のソースを次のように編集してください。

/* / 主画像+サムネイルペイン */

.app_content .item_detail .item_large_info_block{ /* 商品テキスト情報ペイン */
position: relative;
margin-left: 375px; /* 主画像分+15px シフト */
background:url(【システム画像にて登録したファイルパス名】);  ←このように書き換えてください。
padding:40px 20px;

}



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』