Question

Ребят, такая проблема - если заходиш ко мне на сайт как не регестрированый пользователь, выбераешь     " каталог файлов" или "каталог статей", щелкаешь на любой из пунктов, он открывается. И выделеный пункт больше в шрифте и line height у него больше похоже. Где прописать стили для выделеного пункта "каталог файлов" "каталог статей"  "блог" "форум" "новости". извеняюсь что задаю много вопросов. Спасибо

Answer 1

1. В меню пока данной проблемы не заметил, увидел лишь в блоке категорий, найдите в таблице стилей CSS строку номер 83:

.catName  {
font-size:13px;
line-height:31px;
color: #BCBBBB;
height:30px;
display: block; 
}

замените на:

.catName,.catsTd  {
font-size:13px;
line-height:31px;
color: #BCBBBB;
height:30px;
display: block; 
}

2. Чтобы задать стили для определенного пункта, перейдите в Панель управления - Главная - Дизайн - Конструктор меню, далее смотрим на скриншот ниже:

Там где имя класса нужно прописать класс которому вы задали стили в таблице стилей CSS.

Как пример, создали мы класс и сохранили его в таблице стилей CSS:

.test-klass {color:red;}

Далее в поле - Имя CSS класса мы просто всталяем имя класса - test-klass вот и все.

Comments

Вы просто лучший, спасибо огромное!) А не подскажете, почему тогда перестает работать catName:hover? если трудно найти ошибку тогда не надо, оставлю так.

---

Не выделяется при наведении так как это активная категория.
Мы можем для активной задать доп стили и пользователь будет понимать, что он находится именно в данной категории, в таблицу стилей добавьте рядом возле строки номер 93:
.catNameActive  {display:block;background: rgb(45, 127, 157);}

Дополнительно найдите в таблице стилей строку номер 95 и удалите стили:
.catName:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.8);
 width: 190px;
}

Далее в строке номер 80, замените стили:
.uMenuItem:hover{
 box-shadow: 0 0 10px rgba(0,0,0,0.8);
 width: 190px;
}

На:
.uMenuItem:hover,.catName:hover{
 box-shadow: 0 0 10px rgba(0,0,0,0.8);
 width: 190px;
}

После, так же в таблице стилей строка номер 73 найдите и удалите стили:
.uMenuItem {
font-size:13px;
line-height:30px;
color: #BCBBBB;
height:30px;
display:block;
}

Далее в строке номер 84 найдите стили:
.catName,.catsTd {
font-size:13px;
line-height:30px;
color: #BCBBBB;
height:30px;
display: block;
}

Замените на:
.catName,.catsTd,.uMenuItem  {
font-size:13px;
line-height:30px;
color: #BCBBBB;
height:30px;
display: block;
}

Вот и все.

---

спасибо) сейчас буду экспериментировать)