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


Вопрос По Изменению Дизайна И Структуры Шаблона. Help!

дизайнб лазурь

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

#1 sscreamerr

sscreamerr

    Новичок

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

Отправлено 08 Сентябрь 2015 - 12:49

Добрый день!

Прошу помочь, все пункты выделены на фото:
1) Как сделать шрифт и иконки  меню в шапке темнее?
2) Как убрать полоску с меню над слайдером и оставить только слайдер?
3 и 4) Как поменять их местами?
5) Как удалить поиск по магазину(на всякий случай)))?
6) Как сделать каталог товаров под слайдером, аналогично примеру?

Заранее спасибо!
Безымянный.jpg Безымянный2.jpg

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 08 Сентябрь 2015 - 16:38

Просмотр сообщенияsscreamerr (08 Сентябрь 2015 - 12:49) писал:

Добрый день!

Прошу помочь, все пункты выделены на фото:
1) Как сделать шрифт и иконки  меню в шапке темнее?
2) Как убрать полоску с меню над слайдером и оставить только слайдер?
3 и 4) Как поменять их местами?
5) Как удалить поиск по магазину(на всякий случай)))?
6) Как сделать каталог товаров под слайдером, аналогично примеру?

Заранее спасибо!
Прикрепленный файл Безымянный.jpgПрикрепленный файл Безымянный2.jpg

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header-top .topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;}

Замените на:
#header-top .topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #555;}

В конце шаблона main.css добавьте код:
#header-top .topheader-left ul li a {color: #555;}

Значки телефона и почты заданы с использованием одного изображения с иконками с названием ico-contactusnow.png. Вы можете либо изменить цвет этих иконок в графическом редакторе, скачав этот файл, отредактировав и загрузив заново или вставить другие иконки. Для второго варианта Вам нужно будет найти и загрузить 2 иконки (конверт и трубка) с размерами 36x36px через кнопку "Добавить файлы" в редакторе шаблонов, затем в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найти код:
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}
#header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;}
#header-top .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}

Замените на:
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;/* background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px; */font-size: 92%;}
#header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;background: url("{ASSETS_IMAGES_PATH}название иконки почты ") no-repeat;}
#header-top .topheader-left ul.contact-us-now li.c-phone {/* background-position: left -36px; */padding-left: 26px;background: url("{ASSETS_IMAGES_PATH}название иконки с телефоном ") no-repeat;}

Где измените названия картинок в зависимости от названия загруженных файлов.

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header {position: relative;padding: 32px 0 30px;}

Замените на:
#header {position: relative;padding: 32px 0 110px;}

Найдите код:
#menu {position: relative;margin: 0 0;max-height: 80px;}

Замените на:
#menu {position: relative;margin: 0 0;max-height: 80px; display:none;}

5. Чтобы скрыть поиск:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {margin: 0 0 0 20px;float: left;line-height: normal;position: relative;}

Замените на:
#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {margin: 0 0 0 20px;float: left;line-height: normal;position: relative;display: none;}






Темы с аналогичным тегами дизайнб, лазурь

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

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