Помогите С Шапкой
#21
Отправлено 21 Февраль 2015 - 18:54
1)как убрать вот эту серу полосу которая проходит через весь экран?
2) как менять её цвет?
#22
Отправлено 21 Февраль 2015 - 19:05
Antsupov Vyacheslav (21 Февраль 2015 - 18:54) писал:
1)как убрать вот эту серу полосу которая проходит через весь экран?
2) как менять её цвет?
<div id="welcome"><a href="http://{NET_DOMAIN}/">Интернет-магазин:"All Inclusive"</a></div>на
<div id="welcome"><img src="{ASSETS_IMAGES_PATH}картинка?design=spring"></a></div>заменив слово картинка на название изображения. Данное изображение загрузите в редакторе шаблонов, размер 460х35 пикселей. Убрать полосу можно заменив в main.css
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png?design=spring') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; }на
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png?design=spring') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; display:none; }поменять ее цвет можно отредактировав параметр background-color:#f1f1f1; в данном блоке.
#24
Отправлено 21 Февраль 2015 - 19:21
Antsupov Vyacheslav (21 Февраль 2015 - 19:16) писал:
а так получается убираю и нарушаеться многое....
надо так...
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png?design=spring') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; }на
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png?design=spring') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 10px 15px 10px;clear:both; width: 1180px;margin: auto; }
#25
Отправлено 21 Февраль 2015 - 19:26
#27
Отправлено 22 Февраль 2015 - 10:53
Antsupov Vyacheslav (22 Февраль 2015 - 10:40) писал:
как приподнять её?
Попробуйте так:
в main.css найдите код
#header #welcome { float: right; font-family: Georgia; font-size: 30px; margin: 4% 3% 10px 10px; padding-top: 10px; position: relative; }и замените на
#header #welcome { float: right; font-family: Georgia; font-size: 30px; margin: -6px 60px 10px 10px; padding-top: 10px; position: relative; }
#29
Отправлено 22 Февраль 2015 - 11:13
Antsupov Vyacheslav (22 Февраль 2015 - 10:56) писал:
И да, как передвинуть меню в центр.. а то в левом углу не очень нравится
Если я вас правильно понял, то сделайте следующее:
В шаблоне main.css найдите код:
#header_colapse .inner { padding: 0 0 23px; z-index: 0; position: relative; background: #FFFAFA url('{ASSETS_IMAGES_PATH}inner_shadow.png?design=movement') 50% 0px no-repeat !important; }И замените его вот этим кодом:
#header_colapse .inner { padding: 0 0 6px; z-index: 0; position: relative; background: #FFFAFA url('{ASSETS_IMAGES_PATH}inner_shadow.png?design=movement') 50% 0px no-repeat !important; }
#30
Отправлено 22 Февраль 2015 - 11:23
а как сейчас сдвинуть в цент всё меню?
#31
Отправлено 22 Февраль 2015 - 11:27
Antsupov Vyacheslav (22 Февраль 2015 - 11:23) писал:
а как сейчас сдвинуть в цент всё меню?
В main.css найдите код
#header .links ul { list-style: outside none none; margin: 0 auto; padding: 0; background-color: white; }и замените на
#header .links ul { list-style: outside none none; margin: 0 auto; padding: 0; background-color: white; max-width: 600px; }так же найдите код
#header .links { background: #FFE4C4; clear: both; float: none; margin: 0 auto; width: 1200px; }и замените на
#header .links { background: #FFF; clear: both; float: none; margin: 0 auto; width: 1200px; }
#32
Отправлено 22 Февраль 2015 - 11:40
хочется также сделать каталог товаров как на приведённой картинке...
я выделил чёрным цветом...
Оставить хочу на месте, а вот именно само иозображение сделать как на картинке
И плюс к этому хоче расположить такую же штуку у себя на сайте)
помогите!
отметил в чёрный овал!
#34
Отправлено 23 Февраль 2015 - 09:40
Antsupov Vyacheslav (23 Февраль 2015 - 09:06) писал:
Если я вас правильно понял, то попробуйте сделать следующее:
В шаблоне main.css найдите код:
#header .links ul { list-style: outside none none; margin: 0 auto; padding: 0; background-color: white; max-width: 600px; }И замените его вот этим кодом:
#header .links ul { list-style: outside none none; margin: 0 auto; padding: 0; background-color: white; max-width: 50%; }
#36
Отправлено 23 Февраль 2015 - 10:28
Antsupov Vyacheslav (23 Февраль 2015 - 10:25) писал:
а вот в верхней части шапки, у меня получается что, виден оотенок серого... из-за этого приветствие не сливает с белым фоном..
как можно убрать этот оттенок серого?
#header_colapse .inner { padding: 0 0 6px; z-index: 0; position: relative; background: #FFFAFA url('{ASSETS_IMAGES_PATH}inner_shadow.png?design=movement') 50% 0px no-repeat !important; }И замените его вот этим кодом:
#header_colapse .inner { padding: 0 0 6px; z-index: 0; position: relative; }
#38
Отправлено 28 Февраль 2015 - 00:27
#39
Отправлено 28 Февраль 2015 - 04:29
<h2 class="heading_title"><span>Новинки</span></h2>замените на:
<h2 class="heading_title index"><span>Новинки</span></h2>
далее найдите:
<h2 class="heading_title"><span>Избранные товары</span></h2>замените на:
<h2 class="heading_title index"><span>Избранные товары</span></h2>
После этого зайдите в файл main.css и добавьте следующий блок стилей:
#content h2.index{ background:#E1E1E1; }значение стиля background подставьте свое
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных