Категории картинкой
OnMusic
Группа: Проверенные
Пользователь №: 120
Сообщений: 158
Получено оценок: 11
Помогите сделать категории картинкой, везде искал не нашел...
MrOizo
говорун
Группа: Проверенные
Пользователь №: 42
Сообщений: 188
Получено оценок: 6
Чего то типо этого
Code
<?if($CID$=10)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="Мобилка" title="Мобилка" vspace="10" align="right" border="0" hspace="10"></a><?endif?> <?if($CID$=1)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="Программы" title="Программы" vspace="10" align="right" border="0" hspace="10"></a><?endif?> <?if($CID$=2)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="Фильмы" title="Фильмы" vspace="10" align="right" border="0" hspace="10"></a><?endif?> <?if($CID$=3)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="Обои" title="Обои" vspace="10" align="right" border="0" hspace="10"></a><?endif?> <?if($CID$=4)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="Музыка" title="Музыка" vspace="10" align="right" border="0" hspace="10"></a><?endif?> <?if($CID$=5)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="Журналы" title="Журналы" vspace="10" align="right" border="0" hspace="10"></a><?endif?> <?if($CID$=6)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="Юмор" title="Юмор" vspace="10" align="right" border="0" hspace="10"></a><?endif?> <?if($CID$=7)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="разное" title="разное" vspace="10" align="right" border="0" hspace="10"></a><?endif?> <?if($CID$=8)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="Дизайн" title="Дизайн" vspace="10" align="right" border="0" hspace="10"></a><?endif?> <?if($CID$=11)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="Видео и клипы" title="Видео и клипы" vspace="10" align="right" border="0" hspace="10"></a><?endif?> <?if($CID$=9)?><a href="$CATEGORY_URL$"><img src="Картинка.gif" alt="Игры" title="Игры" vspace="10" align="right" border="0" hspace="10"></a><?endif?>
Сразу говорю нашёл в яндексе за минуту. Сообщение отредактировал butters - Среда, 26.08.2009, 15:16
OnMusic
Группа: Проверенные
Пользователь №: 120
Сообщений: 158
Получено оценок: 11
спасибо...
bred
Группа: Удаленные
OnMusic , у тя прикольный блог, всмысле дизайн без изюминки оч здоровски смотрится...
Zoxy
говорун
Группа: Модераторы
Пользователь №: 24
Сообщений: 275
Получено оценок: 17
butters , Фтопку.. <img src="/images/$CID$.png" title="$CATEGORY_NAME$"></img>Ололо или неололо? Вот в чем пыщьпыщь... www.zox-art.ru — Открыто, но еще дорабатывается. Сообщение отредактировал Zoxy - Среда, 26.08.2009, 20:24
MrOizo
говорун
Группа: Проверенные
Пользователь №: 42
Сообщений: 188
Получено оценок: 6
Quote (Zoxy )
<img src="/images/$CID$.png" alt="$CATEGORY_NAME$></img>
говорю, что то было 1-е что нашёл в инете.
OnMusic
Группа: Проверенные
Пользователь №: 120
Сообщений: 158
Получено оценок: 11
Спасибо всем, зокс там минус у меня есть, то есть проблема..
tomas686
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1
Quote (Zoxy )
Фтопку.. <img src="/images/$CID$.png" title="$CATEGORY_NAME$"></img>
Не кликабельная
ironkiss
Группа: Пользователи
Пользователь №: 129
Сообщений: 1
Quote (tomas686 )
Не кликабельная
фак мой моСк...
Code
<a href="ссылка на категорию"><img src="/images/$CID$.png" title="$CATEGORY_NAME$"></img></a>
а ещё лучше, создать информер категорий нужного модуля и в шаблон информера:
Code
<a href="$CATEGORY_URL$"><img src="/images/$CID$.png" title="$CATEGORY_NAME$"></img></a>
balaVanya
молчун
Группа: Пользователи
Пользователь №: 135
Сообщений: 5
Че вы тупите то Просто вставляем этот код в ксс и настраиваем под себя
Code
.CatIcon { padding-left: 18px;cursor: pointer; } .CatIcon1 {background: url(/caticons/1.png) left center no-repeat;} .CatIcon2 {background: url(/caticons/2.png)left center no-repeat;} .CatIcon3 {background: url(/caticons/3.png) left center no-repeat;} .CatIcon4 {background: url(/caticons/4.png)left center no-repeat;} .CatIcon5 {background: url(/caticons/5.png)left center no-repeat;}
Далее ставим этот код в вид материалов
Code
<a class="CatIcon$CID$ CatIcon" href="$CATEGORY_URL$" title="Категория">
Вот и все...
Сообщение отредактировал balaVanya - Четверг, 27.08.2009, 07:15
OnMusic
Группа: Проверенные
Пользователь №: 120
Сообщений: 158
Получено оценок: 11
Короче я все сделал, баттерс правильный код дал
Zoxy
говорун
Группа: Модераторы
Пользователь №: 24
Сообщений: 275
Получено оценок: 17
OnMusic , который занимает дофига места balaVanya , а можно и всё это совместить: Code
<div id='caticon'> <a href="$CATEGORY_URL$"><img src="/images/$CID$.png" title="$CATEGORY_NAME$"></img></a></div>
и в ксс:
Code
#caticon {padding-left: 18px;cursor: pointer; left center no-repeat;}
Ололо или неололо? Вот в чем пыщьпыщь... www.zox-art.ru — Открыто, но еще дорабатывается. Сообщение отредактировал Zoxy - Четверг, 27.08.2009, 10:44
tomas686
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1
Zoxy , но нет описания категории, при наведении мыши( У butters естьСообщение отредактировал tomas686 - Четверг, 27.08.2009, 10:47
Zoxy
говорун
Группа: Модераторы
Пользователь №: 24
Сообщений: 275
Получено оценок: 17
tomas686 , аа.. ща.Ололо или неололо? Вот в чем пыщьпыщь... www.zox-art.ru — Открыто, но еще дорабатывается.
Zoxy
говорун
Группа: Модераторы
Пользователь №: 24
Сообщений: 275
Получено оценок: 17
Code
<div id='caticon'> <a href="$CATEGORY_URL$" title="$CATEGORY_NAME$"><img src="/images/$CID$.png" ></img></a></div>
и в ксс:
Code
#caticon {padding-left: 18px;cursor: pointer; left center no-repeat;}
Ололо или неололо? Вот в чем пыщьпыщь... www.zox-art.ru — Открыто, но еще дорабатывается.
balaVanya
молчун
Группа: Пользователи
Пользователь №: 135
Сообщений: 5
Дожили...
IxI_JOKER_IxI
Группа: Пользователи
Пользователь №: 5878
Сообщений: 1
Здравствуйте ув. форумчане. Помогите улучшить категории каталога сайтов/(у меня предприятий). Хочется чтобы возле каждой категории раздела была соответствующая картинка. Скриншот прилагается. Всё что описано в этой ветке форума мне не помогло. Сообщение отредактировал IxI_JOKER_IxI - Вторник, 01.05.2012, 15:10