Как изменить цвет горизонтального меню и цвет ссылок?

голоса: 0
Выбрала цвет #8470FF, а куда его вписать, не понимаю
Адрес сайта http://k335gepard.ucoz.net
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 2

Голоса: +1

Пропишите в стили в самый низ после всех стилей и кавычек:

#uNMenuDiv1 a {color:#8470FF;}

По поводу ссылок не понятно, где именно? Пример наведите.

| Автор:
Лучше так не делать. Это затронет ВСЕ ссылки в меню и в выпадающем блоке тоже.
Wallaby,
Если пользователю именно это и нужно, то это не создает проблемы.
Ой, изменился цвет шрифта в меню, а не цвет блоков многоуровневого меню
Nataliabondi,

Тогда удалите стили которые прописали. Далее в стилях ищем строки 91:

.main-menu li ul{display:none;background-color:#84ad6b;min-width:110px;text-align: left;}

и 96:

#catmenu li.uWithSubmenu:hover>ul{display:block;background:#84ad6b;}

выделенное красным изменить на нужный цвет.

Далее останется изменить цвет зеленого треугольника, в стилях ищем строки номер 97 и 98:

#catmenu .uMenuRoot>li.uWithSubmenu:hover>ul::before{content:'';position:absolute;left:20px;top:-20px;border:10px solid transparent;border-bottom:10px solid #84ad6b}
#catmenu .uMenuRoot>li.navItemMore:hover>ul::before{content:'';position:absolute;right:28px;top:-20px;border:10px solid transparent;border-bottom:10px solid #84ad6b}

выделенное красным заменить на свой цвет. После сохранения изменений очистить кеш в браузере https://ukit.com/ru/help/kak-ochistit-cahe

Yuri_Geruk,
Выше ответ с номерами строк. Выполните требуемые манипулиции и после будет как вы хотите.
Nataliabondi,

Зеленое подчеркивание меняется в стилях в строке номер 78:

.main-menu .uMenuRoot>li:hover>a span{border-bottom:2px solid #7eab6c}

выделенное красным измените на ваш цвет.

Голоса: +1

Добрый вечер, Наталья.

Чтобы изменить цвет меню, Вам необходимо добавить в таблицу стилей: Панель управления -> Дизайн ->Управление дизайном (CSS) добавить:

#catmenu li.uWithSubmenu a, li.uWithSubmenu a {color: #8470ff}

Это изменит цвет ссылок. 

Чтобы изменить цвет "галочек" возле ссылки, добавьте следующий код:

.menu_tog {color:#ВАШ ЦВЕТ;}

Не совсем понятно, что Вы имеете ввиду под "цвет горизонтального меню". Его фон?

| Автор:
В меню у меня прописаны разные заголовки "планируем визит", "коллекции", выставки". При наведении курсора на них выпадают "подстраницы" (не знаю как еще их назвать). Они - на зеленом фоне, который мне нужно изменить на цвет #8470ff.  Извините, если я непонятно объясняю))
Nataliabondi,

Наталья, чтобы изменить фон выпадающего меню, следует найти строку #catmenu li.uWithSubmenu:hover>ul на 96 строке и ЗАМЕНИТЬ значение тега COLOR на цвет #8470ff. В итоге, у Вас должнен получится такой код

#catmenu li.uWithSubmenu:hover>ul {
    display: block;
    background: #8470ff;
}

Wallaby,
О чудо!! С П А С И Б О
Nataliabondi,

И еще, Наталья, когда Вы изменяете/добавляете стили, не забудьте нажать CTRL+F5 несколько раз, чтобы обновить кеш браузера. Потому что, стили кешируются браузером. И изменения, которые вы вносите, не сразу отображаются из-за кеширования этих самых стилей.
Или же, если Вы используете Google Chrome, Вы можете зайти через "Режим инкогнито". Тогда точно ничего не будет кешироваться

Wallaby,
Да, спасибо, это я уже научилась делать))
Nataliabondi,

Вам еще нужно изменить цвет треугольника:

Для этого, найдите стиль:

#catmenu .uMenuRoot>li.uWithSubmenu:hover>ul::before

И измените значение свойства border-bottom на 10px solid #8470ff. У Вас должно получится следующее:

#catmenu .uMenuRoot>li.uWithSubmenu:hover>ul::before {
    content: '';
    position: absolute;
    left: 20px;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #8470ff;
}

Wallaby,
Добрый человек, благодарю Вас! Все сделала, все получилось.  Может быть Вы ответите на вопрос, как изменить зеленые подчеркивания слов с гиперссылками? Этот цвет осталось поменять только там...
Nataliabondi,

Рад, что смог Вам помочь. Вот тут, на 78 строке: 

.main-menu .uMenuRoot>li:hover>a span {border-bottom: 2px solid #8470ff;}

Wallaby,
Спасибо! Вы мне очень помогли
...