Данное решение поможет приукрасить вид категорий, маленькой иконкой перед названием. Скрипт прост в установке и не занимает много места. Установка Для начало нужно зайти в ПУ > Управление дизайном (CSS) и в самый низ установить код:
Код
td#cid1
{ background: url("http://nbd.in.ua/PNG/kartinka/nbd_catalog.png") no-repeat scroll 0 50% transparent;padding: 3px 0 4px 24px; }
td#cid2
{ background: url("http://nbd.in.ua/PNG/kartinka/nbd_catalog.png") no-repeat scroll 0 50% transparent;padding: 3px 0 4px 24px; }
td#cid3
{ background: url("http://nbd.in.ua/PNG/kartinka/nbd_catalog.png") no-repeat scroll 0 50% transparent;padding: 3px 0 4px 24px; }
td#cid4
{ background: url("http://nbd.in.ua/PNG/kartinka/nbd_catalog.png") no-repeat scroll 0 50% transparent;padding: 3px 0 4px 24px; }
Таким образом, можно прописать разные картинки к разным категориям. А если, вам захочется использовать одну иконку, просто пропишите код и id категорий, через запятую в одну строчку.
Пример
Код
td#cid1,#cid2,#cid3,#cid4
{ background: url("http://nbd.in.ua/PNG/kartinka/nbd_catalog.png") no-repeat scroll 0 50% transparent;padding: 3px 0 4px 24px; }
Разбор кода
td#cid1 - id категории перед которой, отображается иконка
background - ссылка на иконку
padding - отступы
Не забудьте загрузить картинку в ваш Файловый менеджер - (картинка).
Готово!
На этом установка завершена.
В этой теме Вы можете задать вопрос о материале Иконка категории для uCoz.