#21
Отправлено 24 Декабрь 2013 - 17:00
#22
Отправлено 25 Декабрь 2013 - 10:13
Сake (05 Декабрь 2013 - 01:43) писал:
body { background: url("{ASSETS_IMAGES_PATH}bg.png") no-repeat fixed left top !important; } #headerWrap, #contentWrap, #footer { background: none !important; } #content { background: #FFFFFF; }
после загрузите изображение фона bg.png в разделе редактора тем.
Подскажите, пожалуйста, а как растянуть фон на всю страницу? Шаблон Мокко. У меня он только посередине отобразился. Аккаунт SL-257070. И если можно, подскажите, а можно как-то картинке прописать свойство растягиваться и сжиматься под размер блока. Например боковое левое меню. Хочется фоном запихнуть картинку, и чтобы она автоматически сжалась, а не обрезалась. Возможно такое?/
#23
Отправлено 25 Декабрь 2013 - 10:31
peranja822 (25 Декабрь 2013 - 10:13) писал:
Ваша картинка слишком мала для того, чтобы она красиво растянулась на весь экран.
Но если все же вы хотите это сделать, то находим
body { background: url("http://handmadegifts.storeland.net/74924968.jpg") no-repeat fixed left top !important; }
Заменяем на
body { background: url("http://handmadegifts.storeland.net/74924968.jpg") no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -khtml-background-size: 100%; background-size: 100%; }
Если вы поставите картинку подходящего размера 1200х2400 то фон у вас будет хорошо смотреться
#24
Отправлено 25 Декабрь 2013 - 11:56
Castiel (25 Декабрь 2013 - 10:31) писал:
Но если все же вы хотите это сделать, то находим
body { background: url("http://handmadegifts.storeland.net/74924968.jpg") no-repeat fixed left top !important; }
Заменяем на
body { background: url("http://handmadegifts.storeland.net/74924968.jpg") no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -khtml-background-size: 100%; background-size: 100%; }
Если вы поставите картинку подходящего размера 1200х2400 то фон у вас будет хорошо смотреться
У меня почему-то все равно не растянулась А если ставлю 1200х2400, то только часть картинки влазит. И еще какая-то белая полоса появилась сверху
Сообщение отредактировал peranja822: 25 Декабрь 2013 - 11:58
#25
Отправлено 25 Декабрь 2013 - 12:09
peranja822 (25 Декабрь 2013 - 11:56) писал:
Ваше изображение не подходит, так как оно маленькое. Белые полосы появились потому что вы увеличили размер рамки изображения, а не само изображение. Рекомендуем вам использовать фоновое изображение размерами 1200х2000 .
#27
Отправлено 25 Декабрь 2013 - 12:44
#29
Отправлено 15 Февраль 2014 - 15:06
сам разобрался
#30
Отправлено 15 Февраль 2014 - 17:01
фон остаётся, а отступ слева пропадает
и получается, что тень слева как полоса посредине окна
можно это как-то исправить? или придётся вернуть всё назад, без боковых теней?
шаблон "Мокко"
#31
Отправлено 16 Февраль 2014 - 09:27
#33
Отправлено 18 Февраль 2014 - 01:04
#34
Отправлено 18 Февраль 2014 - 21:48
Причем это случилось когда я редактировал "виды доставки", хотя это наверное не влияет на страницу товара, а шаблоны не трогал.
#35
Отправлено 19 Февраль 2014 - 01:54
<!-- Блок информации по акции действующей на товар, если таковая есть --> {% IF GOODS_MOD_MAX_DISCOUNT_ID %} <tr> <td class="goodsDataMainDiscountBlock" colspan="2"> <div itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"> <!-- Акция на товар --> <strong>Товар участвует в акции «<a href="{GOODS_MOD_MAX_DISCOUNT_URL}">{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}</a>».</strong><br /> По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}% </div> </td> </tr> {% ENDIF %}
В данном случае код подразумевает таблицу, хотя он вставлен в список <ul>. Замените код на
<!-- Блок информации по акции действующей на товар, если таковая есть --> {% IF GOODS_MOD_MAX_DISCOUNT_ID %} <table> <tr> <td class="goodsDataMainDiscountBlock" colspan="2"> <div itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"> <!-- Акция на товар --> <strong>Товар участвует в акции «<a href="{GOODS_MOD_MAX_DISCOUNT_URL}">{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}</a>».</strong><br /> По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}% </div> </td> </tr> </table> {% ENDIF %}
Вторая ошибка в перенесенном блоке доставки
<!-- Условия доставки --> <div class="block"> <div class="delivery fnt12n txtalgnlft"> <p class="fnt12b"> </p> <!-- Способ --> {% FOR goods_delivery %} <div class="variant"> <div class="title fnt12b" rel="{goods_delivery.ID} "> О доставке товара: </div> <div class="info"C {goods_delivery.DESC} </div> {% IF goods_delivery.rules_empty %} <div class="delivmoney fnt11i"> </div> {% ELSE %} <div class="delivmoney fnt11i"> Стоимость доставки зависит от суммы заказа: </div> <div class="history" style="padding:0;"> <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt"> <tr class="title"> <td> Для заказов больше </td> <td width="30%"> Стоимость </td> </tr> {% FOR rules %} <tr class="delivery"> <td class="txtalgnlft"> {goods_delivery.rules.SUM_MORE_PRICE | money_format} </td> <td class="last"> {goods_delivery.rules.PRICE | money_format} </td> </tr> {% ENDFOR %} <tr class="delivery"> <td class="old txtalgnlft fnt10n"> Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} </td> <td class="last"> {goods_delivery.PRICE | money_format} </td> </tr> </table> </div> {% ENDIF %} </div> {% ENDFOR %} <!-- Способ-Конец --> </div> </div> <!-- Условия доставки-Конец -->
В данном случае тег <div> обрезан
<div class="info"C {goods_delivery.DESC} </div>
замените весь блок на
<!-- Условия доставки --> <div class="block"> <div class="delivery fnt12n txtalgnlft"> <p class="fnt12b"> </p> <!-- Способ --> {% FOR goods_delivery %} <div class="variant"> <div class="title fnt12b" rel="{goods_delivery.ID}">О доставке товара:</div> <div class="info"> {goods_delivery.DESC} </div> {% IF goods_delivery.rules_empty %} <div class="delivmoney fnt11i"> </div> {% ELSE %} <div class="delivmoney fnt11i"> Стоимость доставки зависит от суммы заказа: </div> <div class="history" style="padding:0;"> <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt"> <tr class="title"> <td> Для заказов больше </td> <td width="30%"> Стоимость </td> </tr> {% FOR rules %} <tr class="delivery"> <td class="txtalgnlft"> {goods_delivery.rules.SUM_MORE_PRICE | money_format} </td> <td class="last"> {goods_delivery.rules.PRICE | money_format} </td> </tr> {% ENDFOR %} <tr class="delivery"> <td class="old txtalgnlft fnt10n"> Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} </td> <td class="last"> {goods_delivery.PRICE | money_format} </td> </tr> </table> </div> {% ENDIF %} </div> {% ENDFOR %} <!-- Способ-Конец --> </div> </div> <!-- Условия доставки-Конец -->
#36
Отправлено 24 Май 2014 - 22:53
Спасибо
#37
Отправлено 25 Май 2014 - 10:15
artem.v (24 Май 2014 - 22:53) писал:
Спасибо
Вам нужно найти в main.css найти
#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;}заменяем на
#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;background: #456734;}меняете значение background: #456734; меняете цвет
#38
Отправлено 26 Май 2014 - 00:28
Ирина345 (25 Май 2014 - 10:15) писал:
Вам нужно найти в main.css найти
#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;}заменяем на
#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;background: #456734;}меняете значение background: #456734; меняете цвет
Аккаунт SL-293667. Фон необходимо изменить на бесшовное изображение.
И ещё вопрос: Как изменить размер слайдов в теме Весна? При добавлении своего изображения меньшего размера, оно увеличивается во весь экран.
Сообщение отредактировал artem.v: 26 Май 2014 - 01:40
#39
Отправлено 27 Май 2014 - 00:23
background: #456734;пропишите:
background: url('ссылка на фон') repeat left top;
Размеры стандартных слайдов в теме Весна: 1920х550px
Темы с аналогичным тегами фон
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных