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


Изменение Цвета Навигации

Автор Ast, 01 окт. 2016 10:22
движение цвета навигации

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

#1 Ast

Ast

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

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

Отправлено 01 Октябрь 2016 - 10:22

Аккаунт SL-393872
Здравствуйте
Подскажите пожалуйста где меняются цвета навигации в шаблоне. Пояснение вопроса на скрине
Спасибо

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

  • colore.jpg

#2 Firefly

Firefly

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

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

Отправлено 01 Октябрь 2016 - 10:56

Просмотр сообщенияAst (01 Октябрь 2016 - 10:22) писал:

Аккаунт SL-393872
Здравствуйте
Подскажите пожалуйста где меняются цвета навигации в шаблоне. Пояснение вопроса на скрине
Спасибо

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
Строка меню:
.nav-container {background: #000000;margin-bottom: 0px;position: relative;display: block;float: left;bottom: 0;width: 100%;}

#000000 - цвет основной заливки блока (черный)

Кнопка поиска:
#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:40px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ff0000;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}

#ff0000 - цвет в обычном состоянии

Кнопка поиска при наведении:
#header input[type="submit"]:hover, #shopping_cart_mini .button:hover{background-color:#999;}

#999 - цвет при наведении

Выбранный пункт меню:
.selected {background: #ff0000;color: #fff;}

#ff0000 - цвет пункта в активном состоянии

Пункт меню при наведении:
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background-color:#FF0000;}

#FF0000 - цвет при наведении

Левый блок:
.box-heading{padding: 6px 15px 6px 40px;background: #000 url('{ASSETS_IMAGES_PATH}box-heading.png?design=movement') no-repeat left center;color:#fff;font-size:17px;line-height: 30px;font-family: Calibri;font-weight: lighter;}

#000 - цвет заголовка левого блока (каталога и других).

#3 Ast

Ast

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

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

Отправлено 01 Октябрь 2016 - 12:10

Просмотр сообщенияFirefly (01 Октябрь 2016 - 10:56) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
Строка меню:
.nav-container {background: #000000;margin-bottom: 0px;position: relative;display: block;float: left;bottom: 0;width: 100%;}

#000000 - цвет основной заливки блока (черный)

Кнопка поиска:
#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:40px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ff0000;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}

#ff0000 - цвет в обычном состоянии

Кнопка поиска при наведении:
#header input[type="submit"]:hover, #shopping_cart_mini .button:hover{background-color:#999;}

#999 - цвет при наведении

Выбранный пункт меню:
.selected {background: #ff0000;color: #fff;}

#ff0000 - цвет пункта в активном состоянии

Пункт меню при наведении:
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background-color:#FF0000;}

#FF0000 - цвет при наведении

Левый блок:
.box-heading{padding: 6px 15px 6px 40px;background: #000 url('{ASSETS_IMAGES_PATH}box-heading.png?design=movement') no-repeat left center;color:#fff;font-size:17px;line-height: 30px;font-family: Calibri;font-weight: lighter;}

#000 - цвет заголовка левого блока (каталога и других).

Спасибо за помощь, всё понятно.

#4 Ast

Ast

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

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

Отправлено 01 Октябрь 2016 - 13:10

Просмотр сообщенияFirefly (01 Октябрь 2016 - 10:56) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
Строка меню:
.nav-container {background: #000000;margin-bottom: 0px;position: relative;display: block;float: left;bottom: 0;width: 100%;}

#000000 - цвет основной заливки блока (черный)

Кнопка поиска:
#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:40px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ff0000;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}

#ff0000 - цвет в обычном состоянии

Кнопка поиска при наведении:
#header input[type="submit"]:hover, #shopping_cart_mini .button:hover{background-color:#999;}

#999 - цвет при наведении

Выбранный пункт меню:
.selected {background: #ff0000;color: #fff;}

#ff0000 - цвет пункта в активном состоянии

Пункт меню при наведении:
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background-color:#FF0000;}

#FF0000 - цвет при наведении

Левый блок:
.box-heading{padding: 6px 15px 6px 40px;background: #000 url('{ASSETS_IMAGES_PATH}box-heading.png?design=movement') no-repeat left center;color:#fff;font-size:17px;line-height: 30px;font-family: Calibri;font-weight: lighter;}

#000 - цвет заголовка левого блока (каталога и других).
Все получилось за исключением цвета шрифта при наведении. На желтом фоне цвет должен меняться на черный ( скрин прилагаю) Подскажите пожалуйста где поменять? Спасибо

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

  • menu.jpg

#5 Firefly

Firefly

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

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

Отправлено 01 Октябрь 2016 - 13:22

Просмотр сообщенияAst (01 Октябрь 2016 - 13:10) писал:

Все получилось за исключением цвета шрифта при наведении. На желтом фоне цвет должен меняться на черный ( скрин прилагаю) Подскажите пожалуйста где поменять? Спасибо


Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.et_categ_box a:hover, #scroll-box a:hover{color:#fff;background-color:#ff0000}

Замените на:
.et_categ_box a:hover, #scroll-box a:hover{color:#000;background-color:#ff0000}

#6 Ast

Ast

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

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

Отправлено 01 Октябрь 2016 - 13:40

Просмотр сообщенияFirefly (01 Октябрь 2016 - 13:22) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.et_categ_box a:hover, #scroll-box a:hover{color:#fff;background-color:#ff0000}

Замените на:
.et_categ_box a:hover, #scroll-box a:hover{color:#000;background-color:#ff0000}

Сделал. Работает только при наведении мышкой. Черный цвет должен быть при наведении и оставаться на желтом фоне.  Посмотрите пожалуйста

#7 Firefly

Firefly

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

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

Отправлено 01 Октябрь 2016 - 14:12

Просмотр сообщенияAst (01 Октябрь 2016 - 13:40) писал:

Сделал. Работает только при наведении мышкой. Черный цвет должен быть при наведении и оставаться на желтом фоне.  Посмотрите пожалуйста

В таком случае в style.css найдите код:
.selected {background: #fedc00; color: #000;}

Замените на:
.selected {background: #fedc00;color: #000 !important;}

#8 Ast

Ast

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

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

Отправлено 01 Октябрь 2016 - 14:15

Просмотр сообщенияFirefly (01 Октябрь 2016 - 14:12) писал:

В таком случае в style.css найдите код:
.selected {background: #fedc00; color: #000;}

Замените на:
.selected {background: #fedc00;color: #000 !important;}

Спасибо, все получилось

#9 Ast

Ast

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

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

Отправлено 07 Октябрь 2016 - 17:29

Просмотр сообщенияFirefly (01 Октябрь 2016 - 10:56) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
Строка меню:
.nav-container {background: #000000;margin-bottom: 0px;position: relative;display: block;float: left;bottom: 0;width: 100%;}

#000000 - цвет основной заливки блока (черный)

Кнопка поиска:
#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:40px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ff0000;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}

#ff0000 - цвет в обычном состоянии

Кнопка поиска при наведении:
#header input[type="submit"]:hover, #shopping_cart_mini .button:hover{background-color:#999;}

#999 - цвет при наведении

Выбранный пункт меню:
.selected {background: #ff0000;color: #fff;}

#ff0000 - цвет пункта в активном состоянии

Пункт меню при наведении:
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background-color:#FF0000;}

#FF0000 - цвет при наведении

Левый блок:
.box-heading{padding: 6px 15px 6px 40px;background: #000 url('{ASSETS_IMAGES_PATH}box-heading.png?design=movement') no-repeat left center;color:#fff;font-size:17px;line-height: 30px;font-family: Calibri;font-weight: lighter;}

#000 - цвет заголовка левого блока (каталога и других).

Изменил цвета навигации на сайте, но при показе в мобильных устройствах остался черный цвет шаблона. Как поменять цвета при показе в мобильных устройствах? Спасибо

#10 Razon

Razon

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

  • Модератоpы
  • 321 сообщений

Отправлено 07 Октябрь 2016 - 17:44

Просмотр сообщенияAst (07 Октябрь 2016 - 17:29) писал:

Изменил цвета навигации на сайте, но при показе в мобильных устройствах остался черный цвет шаблона. Как поменять цвета при показе в мобильных устройствах? Спасибо

Здравствуйте,  в файле style.css
Строка: 
#header .nav-container  .nav_block_head_field{width: 420px;padding-left:10px;background-color: #000000;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer}

Где background-color: #000000; цвет(черный) фона выбора пункта меню.

Строка:
#header .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 460px;display:none;position:absolute;top:36px;left:0;z-index:99999;}

Где background-color: #000; цвет(черный) фона окна при выборе пункта меню.

Строка:
#header .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}

Где #000 отвечает за цвет(черный) фона стрелочки в выборе пункта меню.

Это цвета для планшетов и смартфонов в перевернутом положении.

Для смартфоном и мобильных устройств:
В том же файле.
Строка:
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #000000;float:left;height:36px;color: #868686;outline: none;text-decoration: none;line-height:36px;cursor:pointer}

Где background-color: #000000; цвет(черный) фона выбора пункта меню.

Строка:
.nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 300px;display:none;position:absolute;top:36px;left:0;z-index:99999;}

Где background-color: #000; цвет(черный) фона окна при выборе пункта меню.

Строка:
.nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}

Где #000 отвечает за цвет(черный) фона стрелочки в выборе пункта меню.

#11 Ast

Ast

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

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

Отправлено 06 Декабрь 2016 - 13:21

Здравствуйте
При клике в левом меню цвет фона становится серым #999. Не могу найти где поменять цвет. (скрин)
Буду очень благодарен за помощь. Спасибо

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

  • fon.jpg

#12 RayLi

RayLi

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

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

Отправлено 06 Декабрь 2016 - 14:25

Просмотр сообщенияAst (06 Декабрь 2016 - 13:21) писал:

Здравствуйте
При клике в левом меню цвет фона становится серым #999. Не могу найти где поменять цвет. (скрин)
Буду очень благодарен за помощь. Спасибо

Здравствуйте.
В данном случае вам необходимо произвести следующие изменения:
В шаблоне style.css найдите, пожалуйста, данный код:

.accordion a.selected {
	background: #aaa;
}

И замените его, например, вот этим вот кодом:

.accordion a.selected {
	background: #0072bc;
}

#13 Ast

Ast

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

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

Отправлено 06 Декабрь 2016 - 15:21

Просмотр сообщенияRayLi (06 Декабрь 2016 - 14:25) писал:

Здравствуйте.
В данном случае вам необходимо произвести следующие изменения:
В шаблоне style.css найдите, пожалуйста, данный код:

	.accordion a.selected {
	background: #aaa;
	}

И замените его, например, вот этим вот кодом:

	.accordion a.selected {
	background: #0072bc;
	}
Спасибо, все отлично. Не поможете еще с формой обратной связи? Открыл тему в этом же шаблоне "движение" несколько дней назад, но никто не обращает внимание) http://forum.storela...обратной-связи/  Спасибо
Обратно в Другое



Темы с аналогичным тегами движение, цвета навигации

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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Движение
  5. → Другое
  6. Privacy Policy