Как Сделать Разными Фоны Шапки, Общего Тела И Подвала?
#1
Отправлено 21 Июль 2014 - 23:27
К примеру в шапке у меня островок с деревьями,
в теле вода, то есть река.
А в подвале уже другой берег реки к примеру?
#2
Отправлено 21 Июль 2014 - 23:46
Попробуйте обратится с данным вопросом к дизайнеру.
#3
Отправлено 22 Июль 2014 - 00:00
Сake (21 Июль 2014 - 23:46) писал:
Попробуйте обратится с данным вопросом к дизайнеру.
#4
Отправлено 22 Июль 2014 - 00:18
#header-fluid { background: url("{ASSETS_IMAGES_PATH}/bg-top.png") no-repeat fixed center top #fafafa !important; } #content-fluid { background: url("{ASSETS_IMAGES_PATH}/bg-center.png") no-repeat fixed center top #fafafa !important; } #footer-fluid { background: url("{ASSETS_IMAGES_PATH}/bg-bottom.png") no-repeat fixed center bottom #fafafa !important; }
где каждое изображение "bg-top.png", "bg-center.png", "bg-bottom.png" это отдельная часть общего фона. Так же можно попробовать использовать полноценное фиксированное изображение. Стиль примет вид
body { background: url("{ASSETS_IMAGES_PATH}/bg.png") no-repeat fixed center top #fafafa !important; }
#5
Отправлено 22 Июль 2014 - 20:49
Сake (22 Июль 2014 - 00:18) писал:
#header-fluid { background: url("{ASSETS_IMAGES_PATH}/bg-top.png") no-repeat fixed center top #fafafa !important; } #content-fluid { background: url("{ASSETS_IMAGES_PATH}/bg-center.png") no-repeat fixed center top #fafafa !important; } #footer-fluid { background: url("{ASSETS_IMAGES_PATH}/bg-bottom.png") no-repeat fixed center bottom #fafafa !important; }где каждое изображение "bg-top.png", "bg-center.png", "bg-bottom.png" это отдельная часть общего фона. Так же можно попробовать использовать полноценное фиксированное изображение. Стиль примет вид
body { background: url("{ASSETS_IMAGES_PATH}/bg.png") no-repeat fixed center top #fafafa !important; }
Спасибо.
Попробую использовать данный код, по результатам эксперимента отпишусь
#6
Отправлено 23 Март 2015 - 18:35
Сake (22 Июль 2014 - 00:18) писал:
#header-fluid { background: url("{ASSETS_IMAGES_PATH}/bg-top.png") no-repeat fixed center top #fafafa !important; } #content-fluid { background: url("{ASSETS_IMAGES_PATH}/bg-center.png") no-repeat fixed center top #fafafa !important; } #footer-fluid { background: url("{ASSETS_IMAGES_PATH}/bg-bottom.png") no-repeat fixed center bottom #fafafa !important; }
где каждое изображение "bg-top.png", "bg-center.png", "bg-bottom.png" это отдельная часть общего фона. Так же можно попробовать использовать полноценное фиксированное изображение. Стиль примет вид
body { background: url("{ASSETS_IMAGES_PATH}/bg.png") no-repeat fixed center top #fafafa !important; }
Доброго времени суток.
А подскажите пожалуйста, какого размера делать изображение, если использовать стиль вот такого вида?
body { background: url("{ASSETS_IMAGES_PATH}/bg.png") no-repeat fixed center top #fafafa !important; }И не отразится ли установка на адаптивности дизайна, то есть будет ли картинка сжиматься до размера экрана мобильных устройств?
Буду признателен за ответ.
#7
Отправлено 01 Апрель 2015 - 06:35
Чтобы фон был резиновым пропорционально, кроме написания самого фона, пропишите стиль background-size: cover;
Пример:
body { background: url("{ASSETS_IMAGES_PATH}/bg.png") no-repeat fixed center top #fafafa !important; background-size: cover; }
#8
Отправлено 02 Апрель 2015 - 08:14
Vaccina (01 Апрель 2015 - 06:35) писал:
Чтобы фон был резиновым пропорционально, кроме написания самого фона, пропишите стиль background-size: cover;
Пример:
body { background: url("{ASSETS_IMAGES_PATH}/bg.png") no-repeat fixed center top #fafafa !important; background-size: cover; }
Доброго времени суток!
Поясните мне пожалуйста, для тех кто в танке.
что, за что отвечает в данном файле стилей.
body { background: url("{ASSETS_IMAGES_PATH}bg1.png") no-repeat fixed center top, url("{ASSETS_IMAGES_PATH}bg2.png") no-repeat fixed center bottom, url("{ASSETS_IMAGES_PATH}bg3.png") repeat-y fixed center top; background-size: cover; }Желательно подробно, как младенцу.
За ранее спасибо.
#9
Отправлено 02 Апрель 2015 - 09:35
kislovodchanin (02 Апрель 2015 - 08:14) писал:
Поясните мне пожалуйста, для тех кто в танке.
что, за что отвечает в данном файле стилей.
body { background: url("{ASSETS_IMAGES_PATH}bg1.png") no-repeat fixed center top, url("{ASSETS_IMAGES_PATH}bg2.png") no-repeat fixed center bottom, url("{ASSETS_IMAGES_PATH}bg3.png") repeat-y fixed center top; background-size: cover; }Желательно подробно, как младенцу.
За ранее спасибо.
background: url("{ASSETS_IMAGES_PATH}bg1.png") no-repeat fixed center top, url("{ASSETS_IMAGES_PATH}bg2.png") no-repeat fixed center bottom, url("{ASSETS_IMAGES_PATH}bg3.png") repeat-y fixed center top;отвечает за изображения основного фона, а
background-size: cover;растягивает изображение на весь фон.
#10
Отправлено 05 Апрель 2015 - 01:55
Где копать и что подправить, подскажите?
#11
Отправлено 05 Апрель 2015 - 10:40
kislovodchanin (05 Апрель 2015 - 01:55) писал:
Где копать и что подправить, подскажите?
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css найдите код:
#header-logo a{display:table-cell;vertical-align:middle;text-align:center; text-decoration: none;font: normal 18px 'Open Sans',Helvetica,Arial;color: #da3b44;font-weight: 600;}
Замените его на:
#header-logo a{display:table-cell;vertical-align:middle;text-align:center!important; text-decoration: none;font: normal 18px 'Open Sans',Helvetica,Arial;color: #da3b44;font-weight: 600;}
#12
Отправлено 05 Апрель 2015 - 12:53
Cupuyc (05 Апрель 2015 - 10:40) писал:
#header-logo a{display:table-cell;vertical-align:middle;text-align:center; text-decoration: none;font: normal 18px 'Open Sans',Helvetica,Arial;color: #da3b44;font-weight: 600;}
Замените его на:
#header-logo a{display:table-cell;vertical-align:middle;text-align:center!important; text-decoration: none;font: normal 18px 'Open Sans',Helvetica,Arial;color: #da3b44;font-weight: 600;}
Всё получилось, спасибо.
#13
Отправлено 14 Апрель 2015 - 21:15
Столкнулся с проблемой, нужно сделать так, что бы у каждого сформированного заказа (нового) было определённое время жизни, до оплаты.
Например, создал юзверь заказ, а оплачивать его как бы не летит, теряя тапки.
Так вот, хотелось бы, что бы такой заказ жил 24 часа с момента оформления, а после автоматом удалялся, с восстановлением остатков и предыдущего номера заказа.
Реально ли вообще сделать подобное?
Заранее благодарен....
#14
Отправлено 15 Апрель 2015 - 01:16
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных