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


Цвет Текста В Меню В Подвале


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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 29 Март 2016 - 23:43

Добрый день!

Помогите пожалуйста задать другие цвета для нижнего меню:

NIZH.png

При обычном состоянии, активном и при наведении.

#2 Vaccina

Vaccina

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

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

Отправлено 30 Март 2016 - 02:28

В main.css найдите:
ul.head li a, nav.footer-menu li a {
	font-family: Roboto-Regular, arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
	font-size: 16px;
	position: relative;
	display: block;
	margin-right: .2em;
	margin-bottom: 0;
	padding: .5em .6em;
	text-decoration: none;
	text-transform: uppercase;
	color: #444;
	font-size: 14px;
}

замените на:
ul.head li a {
	font-family: Roboto-Regular, arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
	font-size: 16px;
	position: relative;
	display: block;
	margin-right: .2em;
	margin-bottom: 0;
	padding: .5em .6em;
	text-decoration: none;
	text-transform: uppercase;
	color: #444;
	font-size: 14px;
}
nav.footer-menu li a {
	font-family: Roboto-Regular, arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
	font-size: 16px;
	position: relative;
	display: block;
	margin-right: .2em;
	margin-bottom: 0;
	padding: .5em .6em;
	text-decoration: none;
	text-transform: uppercase;
	color: #444;
	font-size: 14px;
}

Во втором блоке измените стили для пунктов в обычном состоянии, далее найдите:
.menuResp a:hover, .menuResp .open > a, ul.head li a.selected, nav.footer-menu li a.selected {
	background: none repeat scroll 0 0 #fbf2c4;
	color: #444444;
	text-decoration: none;
}

замените на:
.menuResp a:hover, .menuResp .open > a, ul.head li a.selected {
	background: none repeat scroll 0 0 #fbf2c4;
	color: #444444;
	text-decoration: none;
}
nav.footer-menu li a.selected {
	background: none repeat scroll 0 0 #fbf2c4;
	color: #444444;
	text-decoration: none;
}
Во втором блоке произведите изменения для выбранного пункта меню, далее найдите:
ul.head li:hover a, nav.footer-menu li:hover a {
	background-color: #fbf2c4;
}

замените на:
ul.head li:hover a {
	background-color: #fbf2c4;
}
nav.footer-menu li:hover a {
	background-color: #fbf2c4;
}

Во втором блоке произведите изменения для пункта меню при наведении.




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

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