Главная » Файлы » Вид навигации> |
·
| 29.09.2013, 13:19 |
Как вы видите пред вами обычное меню выбор категорий uCoz и как многие могли заметить, первое, что бросается в глаза, так это отсутствие квадратных скобок в контейнере с количеством материала. Но это не единственный плюс данного решения. Самое главное это то, что теперь мы сможем создать свой html каркас данного меню, вписав в него нужные значения для отображения нужной информации. Из-за чего нам больше не надо будет прогибаться под HTML код uCoz с определёнными классами и идентификаторами. И так давайте рассмотрим подробно данный пример кода и узнаем какие значения можно в него вписать: JS
'+cat[i].id+' - идентификатор категории в данном html примере я не буду использовать описание категории, так как он будет лишнем, поэтому давайте вернёмся к нашему коду: благодаря выше написанному html каркасу мы получим его дублирование и будет это выглядеть так: HTML
обратите сразу внимание на идентификаторы mc , которые размещены в хаотичном порядке, они отображаются согласно вашим расположением категорий в общих настройках того или иного модуля в админ панели сайта. Благодаря данным идентификатором можно реализовать всё что угодно, к примеру установить через css стили нужную иконку категорий, используя метод спрайтов, а не использовать дополнительные скрипты или прописывать иконку в кратком описании. А в данном html примере я использовал идентификаторы, чтобы у последний категории убрать средствами css нижнею точечную рамку, мелочь, а приятно когда всё выглядит красиво и правильно. Ну и как я написал выше, мы убрали квадратные скобки в теги span, что тоже радует. Шаг 1 - Установим HTML-JS: А теперь давайте взглянем на готовый html код данного решения, который вы устанавливаете в нужное место на странице сайта: HTML
Шаг 2 - Установим CSS: а также пропишем css стили: CSS-Code
Как я писал выше про идентификаторы mc, вам следует в данном css коде заменить #mc5 на свой номер идентификатора который прописан последней рубрике в данном меню. Примечание: Безусловно я не мог промолчать о ложки дёгтя в данном решении, а именно когда вы выберите нужную категорию и перейдёте в неё, то в данном меню эта категория не будет выдела каким либо способом, в отличии когда вы используете стандартную системную переменную $CATEGORIES$ от uCoz. В целом на этом всё, спасибо за внимание! | |
Просмотров: 768 | Загрузок: 314 | Источник: center-dm.ru | Рейтинг: 3.5/2 |
Всего комментариев: 0 | |