Перейти к содержимому


Помогите С Шапкой


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 43

#21 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 21 Февраль 2015 - 18:54

И сразу другой вопрос,
1)как убрать вот эту серу полосу которая проходит через весь экран?
2) как менять её цвет?

Прикрепленные изображения

  • Безымянный.png


#22 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 21 Февраль 2015 - 19:05

Просмотр сообщенияAntsupov Vyacheslav (21 Февраль 2015 - 18:54) писал:

И сразу другой вопрос,
1)как убрать вот эту серу полосу которая проходит через весь экран?
2) как менять её цвет?
Здравствуйте. В шаблоне HTML замените
<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; в данном блоке.

#23 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 21 Февраль 2015 - 19:16

я не то чтобы хотел убрать, а сделать так чтобы за края не выходила...
а так получается убираю и нарушаеться многое....

надо так...

Прикрепленные изображения

  • Безымянный.png
  • Безымянный.png


#24 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 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 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 21 Февраль 2015 - 19:26

спасибо вам! Оперативно работаете)

#26 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 22 Февраль 2015 - 10:40

вставля картинку а она перекрыват меню.....

как приподнять её?

Прикрепленные изображения

  • Безымянный.png


#27 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 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;
}


#28 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 22 Февраль 2015 - 10:56

Всё равно чуть-чуть перекрывает меню....
И да, как передвинуть меню в центр.. а то в левом углу не очень нравится

Прикрепленные изображения

  • Безымянный.png


#29 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 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 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 22 Февраль 2015 - 11:23

даа..
а как сейчас сдвинуть в цент всё меню?

#31 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 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 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 22 Февраль 2015 - 11:40

спасибо вам огромное!!!

хочется также сделать каталог товаров как на приведённой картинке...
я выделил чёрным цветом...
Оставить хочу на месте, а вот именно само иозображение сделать как на картинке

И плюс к этому хоче расположить такую же штуку у себя на сайте)
помогите!
отметил в чёрный овал!

Прикрепленные изображения

  • Безымянный.png
  • Безымянный.png


#33 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 23 Февраль 2015 - 09:06

отзывы сползли вниз....

Прикрепленные изображения

  • Безымянный3.png


#34 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 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%;
}


#35 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 23 Февраль 2015 - 10:25

спасибо!

а вот в верхней части шапки, у меня получается что, виден оотенок серого... из-за этого приветствие не сливает с белым фоном..
как можно убрать этот оттенок серого?

Прикрепленные изображения

  • фон.png


#36 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 23 Февраль 2015 - 10:28

Просмотр сообщенияAntsupov Vyacheslav (23 Февраль 2015 - 10:25) писал:

спасибо!

а вот в верхней части шапки, у меня получается что, виден оотенок серого... из-за этого приветствие не сливает с белым фоном..
как можно убрать этот оттенок серого?
В шаблоне main.css найдите код:
#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;
}


#37 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 23 Февраль 2015 - 10:36

Спасибо!
а можно ли присудить цвет категориям? Новинки и Избраные товары?
Пример в виде картинок

Прикрепленные изображения

  • фон.png
  • Безымянный.png


#38 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 28 Февраль 2015 - 00:27

Помогите..

#39 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 28 Февраль 2015 - 04:29

В шаблоне HTML найдите:
<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 подставьте свое

#40 Antsupov Vyacheslav

Antsupov Vyacheslav

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 199 сообщений

Отправлено 05 Март 2015 - 09:50

welcome1.jpg Получилось вот так
А возможно немного ли скруглить края, как показано тут welcome11.jpg




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных