Фильтр по:
  

Как прописать индивидуальную иконку к каждому пункту меню?

Как сделать...

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как прописать индивидуальную иконку к каждому пункту меню? (Оформление меню $CATEGORIES$ в зависимости от модуля. CSS.)
Как прописать индивидуальную иконку к каждому пункту меню?
Дата: Воскресенье, 15.01.2012, 04:02 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Оформить блок меню $CATEGORIES$ можно стилями.
Для этого, упаковываем блок с ID == $MODULE_ID$.

Например:
Code
<div id="$MODULE_ID$Cats">$CATEGORIES$</div>


Следовательно, в модуле «Новости» у блока будет ID == newsCats, в моделе «Фотоальбомы» == photoCats ...
...

Для того чтобы просто назначить разные иконки разным модулям, пишем в стилях:
Для новостей:
Code
#newsCats td.catsTd{padding-left:15px;background: url(/_theme1/_st/ico/news_ico.png) no-repeat left center;}

и для каталога файлов, например:
Code
#loadCats td.catsTd{padding-left:15px;background: url(/_theme1/_st/ico/load_ico.png) no-repeat left center;}

или фотоальбомов:
Code
#зрщещCats td.catsTd{padding-left:15px;background: url(/_theme1/_st/ico/photo_ico.png) no-repeat left center;}

...

Если же нужно поставить индивидуальную иконку каждому разделу, каждого модуля, пишем:
Для модуля «Новости», например:
Code
#newsCats td.catsTd{padding-left:15px;background:transparent no-repeat left center;}
#newsCats #cid1{background-image:url('/ico/news1.png');}
#newsCats #cid2{background-image:url('/ico/news2.png');}
#newsCats #cid3{background-image:url('/ico/news3.png');}
#newsCats #cid4{background-image:url('/ico/news4.png');}
#newsCats #cid7{background-image:url('/ico/news7.png');}

Где:
#newsCats td.catsTd{} - общие стили для ячеек.
#newsCats #cid1{} - индивидуальные, для каждой категории. Где: 1 - номер категории, можно подсмотреть в исходном коде, или узнать в ПУ » Управление категориями.
....

 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как прописать индивидуальную иконку к каждому пункту меню? (Оформление меню $CATEGORIES$ в зависимости от модуля. CSS.)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия