Вывод иконок категорий рядом с названием категорий

[askor]

Уважаемые пользователи и администрация форума! Пожалуйста помогите! Хочу оформить главную страницу следующим образом: рядом с названием категории вывести соответствующюю картинку. Что-то похожее в этой теме http://tatiana.abprofitrade.eu/
На форуме уже поднимался вопрос http://os-class.ru/frm/threads/Картинки-вместо-названия-категорий.75/ Не понимаю как это сделать, можно более подробно описать необходимые действия. Заранее спасибо!

 

[administrator]

Там четко написали, в файл css вставить код:

/* categories image */
.home #main .categories .category h1 .category.dogs { background: url(images/dogs.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.rodents { background: url(images/rodents.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.birds { background: url(images/birds.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.cats { background: url(images/cats.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.rabbits { background: url(images/rabbits.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.fish { background: url(images/fish.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.reptiles { background: url(images/reptiles.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.horses { background: url(images/horses.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.adoption { background: url(images/adoption.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.services { background: url(images/services.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.accessories { background: url(images/accessories.gif) no-repeat; padding: 25px; padding-top: 20px;}

Не забудьте сделать необходимые картинки и прописать их.

 

[askor]

пробовал, не получается, поэтому и создал тему
как сделать, чтобы классы в css соответствовали моим категориям. нужно править код страницы?

 

[Dis]

Сделайте не использую CSS. В main.php находите код:

<h1><strong><a class="category cat_<?php echo osc_category_id() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></strong></h1>

и меняете на :

<h1><strong><a class="category cat_<?php echo osc_category_id() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><img src="<?php echo osc_current_web_theme_url('images/') . osc_category_id() .'.gif' ?>" width="50px" height="50px"/><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></strong></h1>

Аналогично с под категориями, настраиваете размеры, форматы изображений и.т.д.
Название изображения должно быть числом - ID категории.

 

[profigrup]

[quote="Название изображения должно быть числом - ID категории.[/quote]

А если ID категории это не число? Или может я не туда смотрю?

 

[feint]

ID показано в конце пути .../index.php?page=search&sCategory=1 примерно так, то есть ID категории - 1. Либо это само название категории, если включена ф-ция "постоянные ссылки".

 

[Dis]

Если включён транслит, в браузернгй строке ID категории не увидите..тогда смотрите в базе данных.