Несколько Вопросов По Шаблону Осень
#1
Отправлено 05 Февраль 2015 - 14:53
(подобные темы находил, но не все и не по всем инструкциям у меня что-то вышло). Поэтому прошу помочь (ответить) в данной теме).
1. Как перенести корзину чуть ниже?
2. Как перенести строку "ПОИСК" чуть правее на место корзины.
3. Как верхнее меню переместить чуть левее под логотип?
4. Посередине хочу написать контакты, но не знаю как это сделать?!(((
5. Выравнять картинки категорий в каталоге? и где можно менять их размер затем? (хочу их чуть-чуть вытянуть вниз).
Заранее спасибо.
#2
Отправлено 05 Февраль 2015 - 19:58
Ibragim2010 (05 Февраль 2015 - 14:53) писал:
(подобные темы находил, но не все и не по всем инструкциям у меня что-то вышло). Поэтому прошу помочь (ответить) в данной теме).
1. Как перенести корзину чуть ниже?
2. Как перенести строку "ПОИСК" чуть правее на место корзины.
3. Как верхнее меню переместить чуть левее под логотип?
4. Посередине хочу написать контакты, но не знаю как это сделать?!(((
5. Выравнять картинки категорий в каталоге? и где можно менять их размер затем? (хочу их чуть-чуть вытянуть вниз).
Заранее спасибо.
1.
найдите в style.css
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;замените на
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:76px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;2. далее найдите
#search_block_top { position: static; float: right; margin: 26px 10px 0 0; }замените на
#search_block_top { position: static; float: right; margin: 26px -173px 0 0; }3 далее найдите
#megamenu { position: absolute; height: 54px; top: 90px; left: 238px; }замените на
#megamenu { position: absolute; height: 54px; top: 130px; left: 35px; }
далее найдите
#header-logo { position: relative; display: table; float: left; margin-top: 30px; width: 210px; z-index: 30; margin-left: 10px; }замените на
#header-logo { position: relative; display: table; float: left; margin-top: 30px; width: 210px; z-index: 30; margin-left: 10px; margin-bottom: 24px; }5. Вы уверены что хотите вытянуть картинки или вам нужно расположить фон и под названием категории
#3
Отправлено 23 Февраль 2015 - 14:10
1) Шапка сдвинута вправо,слева поле шире,как разместить ее посередине,с равными белыми полями по бокам шапки
2) над шапкой-логотипом темная полоска,как ее удалить?
3) Разделы верхнего меню :главная,оплата,личный кабинет и т.д. сейчас под шапкой. Когда грузится сайт,сначала видно их,потом сверху шапка загружается. Как их опустить и разместить над поиском и корзиной?
#4
Отправлено 23 Февраль 2015 - 15:41
Виолетта (23 Февраль 2015 - 14:10) писал:
1) Шапка сдвинута вправо,слева поле шире,как разместить ее посередине,с равными белыми полями по бокам шапки
2) над шапкой-логотипом темная полоска,как ее удалить?
3) Разделы верхнего меню :главная,оплата,личный кабинет и т.д. сейчас под шапкой. Когда грузится сайт,сначала видно их,потом сверху шапка загружается. Как их опустить и разместить над поиском и корзиной?
Для начала нужно настроить отображение логотипа, т.к. он отображается не совсем корректно
в style.css найдите код
#header-logo { position: relative; display: table; float: left; margin-top: 30px; width: 210px; z-index: 30; margin-left: 10px; }и замените на
#header-logo { position: relative; display: table; float: left; margin-top: 30px; width: 220px; z-index: 30; margin-left: 10px; min-height: 120px; }так же найдите
#header-logo img { display: block; text-align: center; margin: 0 auto; }и замените на
#header-logo img { display: block; text-align: center; margin: 0 auto; width: 100%; }после пришлите скриншот с необходимыми изменениями.
#5
Отправлено 24 Февраль 2015 - 10:00
#6
Отправлено 24 Февраль 2015 - 11:36
Виолетта (24 Февраль 2015 - 10:00) писал:
#header-logo{position:relative;display:table;float:left;margin-top:30px;width:210px;z-index:30;margin-left: 10px;}На:
#header-logo{position:relative;display:table;width:210px;margin:auto;}Строчку:
#megamenu{position:absolute;height:54px;top:90px;left:238px;}Замените на:
#megamenu{position:[font=Consolas, 'Lucida Console', monospace][size=3]inherit[/size][/font];}
#7
Отправлено 24 Февраль 2015 - 13:34
Как теперь строку поиска и корзину сделать на одной линии с верхним меню:главная,оплата и т.д. подскажите пожалуйста
#8
Отправлено 24 Февраль 2015 - 14:51
Виолетта (24 Февраль 2015 - 13:34) писал:
Как теперь строку поиска и корзину сделать на одной линии с верхним меню:главная,оплата и т.д. подскажите пожалуйста
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;На:
#header_shopping_cart{position: static;width:170px;float:right;clear:both;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;Также найдите строчку:
#search_block_top{position: relative;float: right;margin: 16px 0px 0 0;clear: both;}И замените её на:
#search_block_top{position: relative;float: right;width: 100%;}
#10
Отправлено 24 Февраль 2015 - 19:10
Виолетта (24 Февраль 2015 - 17:29) писал:
1) убрать черную полоску
2) изменить шрифт и цвет текста
0) Повторите последний пункт предыдущего сообщения
#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}На
#header-fluid{position:relative; url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}2)В этой части кода прописан цвет и можно задать шрифт:
#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:11px; text-decoration: none;} #megamenu li .root_link:hover, #megamenu li.active .root_link {color:#da3b44}По поводу шрифтов можете почитать в этой теме: http://forum.storela...ты/page__st__20
#11
Отправлено 24 Февраль 2015 - 22:14
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных