Приветствую Вас Гость | RSS

G1f.ru (старая версия)

Воскресенье, 19.05.2024, 08:56
Главная » 2009 » Ноябрь » 1 » Делаем категории картинкой (как у меня в блоге)
18:39
Делаем категории картинкой (как у меня в блоге)
Для того чтобы вместо скучных названий категорий новостей у вас на сайте  были красивые иконки нужно:
1) Знания фотошопа (чтоб нарисовать иконки, как это сделал я), либо уже готовые иконки.
2) Немного, совсем мало, знаний html.
Ну начнём.
Шаг 1.
Идём в дизайн>управление дизайном сайта>Новости сайта>вид материалов.
Ищем там код вывода категории.Он выглядит примерно так:
Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |
И заменяем его на:
<img src="$CID$.png" ALT="$CATEGORY_NAME$" TITLE="$CATEGORY_NAME$">
расшифровка:
$CID$ - Код который показывает нам ID Категории.К нему я приставил .PNG - это формат изображений в котором должны быть ваши иконки.
ALT="$CATEGORY_NAME$" TITLE="$CATEGORY_NAME$" - этот код делает так, чтоб при наведении курсора на иконку, вылетала подсказка с её названием.
Шаг 2.
Идём в Общие>Вход в панель управления>Новости сайта>Управление категориями.
Там напротив названия каждой категории вы увидите такую штуку [ID:1] - Она сообщает вам ID (номер) категории.
Иконки которые вы делаете должны иметь названия,соответствующие ID своей категории, например:
1.png
2.png
3.png И т.д.
После того как вы переименовали иконки, загрузите их в корень вашего сайта.Готово:)
Если у вас формат иконки gif и вы не можете его переименовать то просто сделайте небольшие изменения в этой строке:
<img src="$CID$.png" ALT="$CATEGORY_NAME$" TITLE="$CATEGORY_NAME$">.
Замените png на gif.


Категория: Ucoz | Просмотров: 803 | Добавил: webdesign | Теги: уроки, Ucoz, категории | Рейтинг: 0.0/0
Всего комментариев: 2
0  
2 eXampLe   (02.01.2010 16:02) [Материал]
OnMusic прав icon_lol