Изменения Вида Шаблона "весна"
#1
Отправлено 17 Декабрь 2014 - 11:26
2) как увеличить размер слайда в ширину. Сейчас у меня он узки, не помню как это сделал, но обратно вернут не могу)
3) как убрать корзину в шапку ( и кстати исчезла надпись над корзиной "Положить в корзину"
4) Как приподнять слайд ( после смещения логотипа и корзины у меня будет пространство, хотелось бы его убрать)
5) После того как логотип и корзина переместятся в шапку, наверно надо увеличить размер шапки? если да, то как?
Аккаунт SL- 323231
сайт - http://d58796.storeland.ru/
Да, забыл уточнить. При перемещения логотипа и корзину в шапку, её надо же будет увелить в размере? Если, да, то сразу вопрос. Как?)
#2
Отправлено 17 Декабрь 2014 - 12:36
Antsupov Vyacheslav (17 Декабрь 2014 - 11:26) писал:
2) как увеличить размер слайда в ширину. Сейчас у меня он узки, не помню как это сделал, но обратно вернут не могу)
3) как убрать корзину в шапку ( и кстати исчезла надпись над корзиной "Положить в корзину"
4) Как приподнять слайд ( после смещения логотипа и корзины у меня будет пространство, хотелось бы его убрать)
5) После того как логотип и корзина переместятся в шапку, наверно надо увеличить размер шапки? если да, то как?
Аккаунт SL- 323231
сайт - http://d58796.storeland.ru/
Да, забыл уточнить. При перемещения логотипа и корзину в шапку, её надо же будет увелить в размере? Если, да, то сразу вопрос. Как?)
Безымянный.png
В шаблоне main.css найдите следующие коды:
1. Найдите первый код:
#header_colapse { position: relative; background-color: #7FFF00; color: #DC143C; z-index: 1000; }И заменит его вот этим кодом:
#header_colapse { /* position: relative; */ background-color: #7FFF00; color: #DC143C; }2. Найдите второй код:
#header #logo { float: left; clear: both; margin: 12px 12px 12px 0; }И замените его этим кодом:
#header #logo { float: left; clear: both; margin: 12px 12px 12px 0; margin-top: -115px; z-index: 999999; }3. Найдите третий код:
#header #cart .heading { float: right; margin-top: 15px; padding-left: 14px; padding-right: 46px; position: relative; z-index: 1; }И замените его:
#header #cart .heading { float: right; margin-top: -80px; padding-left: 14px; padding-right: 46px; position: relative; z-index: 1; margin-right: -25px; }4. Найдите четвёртый код:
#module_area { width: 100%; text-align: center; padding: 5px 0; }И замените его вот этим кодом:
#module_area { width: 105.5%; text-align: center; padding: 5px 0; margin-left: -35px; }
Размер шапки увеличивается за счёт кода в шаблоне main.css :
#header_colapse { position: relative; background-color: #7FFF00; color: #DC143C; z-index: 1000; }Который вы должны заменить на вот этот:
#header_colapse { position: relative; background-color: #7FFF00; color: #DC143C; z-index: 1000; height: 100px; }
#5
Отправлено 17 Декабрь 2014 - 14:40
Остались вопросики
1) где, название магазина, там будет логотип. Как сделать так, чтобы логотип сместился вниз, а надпись добро пожаловать так и осталась там?
2) как изменить надпись ДОБРОЙ ПОЖАЛОВАТЬСЯ НА САЙТ
3) как приспустить корзину с надписью "Ваши покупки"
4) как убрать красную линию на зелёной шапке сверху
#6
Отправлено 17 Декабрь 2014 - 14:57
Antsupov Vyacheslav (17 Декабрь 2014 - 14:40) писал:
Остались вопросики
1) где, название магазина, там будет логотип. Как сделать так, чтобы логотип сместился вниз, а надпись добро пожаловать так и осталась там?
2) как изменить надпись ДОБРОЙ ПОЖАЛОВАТЬСЯ НА САЙТ
3) как приспустить корзину с надписью "Ваши покупки"
4) как убрать красную линию на зелёной шапке сверху
#header_colapse { /* position: relative; */ background-color: #7FFF00; color: #DC143C; }И замените его:
#header_colapse { /* position: relative; */ background-color: #7FFF00; color: #DC143C; height: 110px; margin-top: -3px; }Изменить надпись ДОБРОЙ ПОЖАЛОВАТЬСЯ НА САЙТ можно в шаблоне html в данной строке кода:
<div id="welcome"><a href="http://{NET_DOMAIN}/">Добро пожаловать на сайт!</a></div>
#8
Отправлено 17 Декабрь 2014 - 16:07
Antsupov Vyacheslav (17 Декабрь 2014 - 15:49) писал:
Сейчас другая проблема) как спустить квадратик ну или вообще его убрать.
В main.css найдите код:
.toggler { position: absolute; display: block; width: 25px; height: 22px; background-color: #ff0551; bottom: -22px; left: 0; text-indent: -9999px; cursor: pointer; z-index: 1000; }
и замените на:
.toggler { position: absolute; display: none; width: 25px; height: 22px; background-color: #ff0551; bottom: -22px; left: 0; text-indent: -9999px; cursor: pointer; z-index: 1000; }
#11
Отправлено 17 Декабрь 2014 - 18:12
Antsupov Vyacheslav (17 Декабрь 2014 - 16:41) писал:
2)Ребят, как сюда поставить фон, чтобы не было никаких переходов и разрывов. Фон использовать буду с форматом jpg
Ответили Вам в теме http://forum.storela...а-шаблон-весна/
#12
Отправлено 19 Декабрь 2014 - 13:00
2) А как потом выравнить картинку так, чтобы она была цельная, а не вырезанная.
чтобы наушники ровно в этом розовом контуре находились
#13
Отправлено 19 Декабрь 2014 - 13:05
Antsupov Vyacheslav (19 Декабрь 2014 - 13:00) писал:
2) А как потом выравнить картинку так, чтобы она была цельная, а не вырезанная.
чтобы наушники ровно в этом розовом контуре находились
#14
Отправлено 19 Декабрь 2014 - 13:49
#15
Отправлено 19 Декабрь 2014 - 14:02
Antsupov Vyacheslav (19 Декабрь 2014 - 13:49) писал:
#content .box .box-content { border-bottom: 4px solid #e1e1e1; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding: 20px 10px; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; border: solid 1px #e1e1e1\0/; position: relative; }на
#content .box .box-content { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding: 20px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; border: solid 1px #e1e1e1\0/; position: relative; }затем
#column-left + #content { margin-left: 235px; }замените на
#column-left + #content { margin-left: 235px; background: url("{ASSETS_IMAGES_PATH}картинка"); }заменив слово картинка на название изображения, и загрузив это изображение в Редакторе шаблонов.
#17
Отправлено 19 Декабрь 2014 - 14:32
Antsupov Vyacheslav (19 Декабрь 2014 - 14:07) писал:
найдите в main.css
#column-left + #content { margin-left: 235px; background: url("{ASSETS_IMAGES_PATH}Nayshniki.jpg"); }замените на
#column-left + #content { margin-left: 235px; background: url("{ASSETS_IMAGES_PATH}Nayshniki.jpg"); background-size: 100%; }
#19
Отправлено 19 Декабрь 2014 - 15:17
Antsupov Vyacheslav (19 Декабрь 2014 - 14:54) писал:
как на заданном зелёном контуре
перед внесением изменений создайте бекап шаблона.
найдите в main.css
.inner {margin:0 auto;width:1200px;padding:0;clear:both;background-color:#ffffff;box-sizing: border-box;}замените на
.inner {margin:0 auto;width:1200px;padding:0;clear:both;background: url("{ASSETS_IMAGES_PATH}semya.jpg");background-size: 100%;box-sizing: border-box;}
далее найдите
#column-left + #content { margin-left: 235px; background: url("{ASSETS_IMAGES_PATH}semya.jpg"); background-size: 100%; }замените на
#column-left + #content { margin-left: 235px; }
#20
Отправлено 19 Декабрь 2014 - 15:22
Ирина, спасибо!)
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных