#1
Отправлено 01 Октябрь 2016 - 10:22
Здравствуйте
Подскажите пожалуйста где меняются цвета навигации в шаблоне. Пояснение вопроса на скрине
Спасибо
#2
Отправлено 01 Октябрь 2016 - 10:56
Ast (01 Октябрь 2016 - 10:22) писал:
Здравствуйте
Подскажите пожалуйста где меняются цвета навигации в шаблоне. Пояснение вопроса на скрине
Спасибо
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> 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
Отправлено 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
Отправлено 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 - цвет заголовка левого блока (каталога и других).
#5
Отправлено 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
Отправлено 01 Октябрь 2016 - 13:40
Firefly (01 Октябрь 2016 - 13:22) писал:
.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
Отправлено 01 Октябрь 2016 - 14:12
Ast (01 Октябрь 2016 - 13:40) писал:
В таком случае в style.css найдите код:
.selected {background: #fedc00; color: #000;}
Замените на:
.selected {background: #fedc00;color: #000 !important;}
#9
Отправлено 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
Отправлено 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 отвечает за цвет(черный) фона стрелочки в выборе пункта меню.
#12
Отправлено 06 Декабрь 2016 - 14:25
Ast (06 Декабрь 2016 - 13:21) писал:
При клике в левом меню цвет фона становится серым #999. Не могу найти где поменять цвет. (скрин)
Буду очень благодарен за помощь. Спасибо
Здравствуйте.
В данном случае вам необходимо произвести следующие изменения:
В шаблоне style.css найдите, пожалуйста, данный код:
.accordion a.selected { background: #aaa; }
И замените его, например, вот этим вот кодом:
.accordion a.selected { background: #0072bc; }
#13
Отправлено 06 Декабрь 2016 - 15:21
RayLi (06 Декабрь 2016 - 14:25) писал:
В данном случае вам необходимо произвести следующие изменения:
В шаблоне style.css найдите, пожалуйста, данный код:
.accordion a.selected { background: #aaa; }
И замените его, например, вот этим вот кодом:
.accordion a.selected { background: #0072bc; }
Темы с аналогичным тегами движение, цвета навигации
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных