Подскажите пожалуйста как около разных тем разные иконки делать?
Вопрос
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться1Ср, 6 Янв 2010 19:44:47
- Заслуженный
- Зарегистрирован: Чт, 31 Дек 2009
- Сообщений: 67
- Уважение: 0
- Позитив: +5
- Последний визит:
Вт, 10 Авг 2010 14:09:42
Поделиться2Ср, 6 Янв 2010 20:00:06
- Заслуженный
- Зарегистрирован: Сб, 29 Сен 2007
- Сообщений: 665
- Уважение: +416
- Позитив: +648
- Пол: Женский
- Последний визит:
Пн, 7 Янв 2019 18:22:45
Luis
Пользуйтесь поиском.
<style>
#pun-main .category Div.icon {float: left; display: block; border-style: none
none none none; height: 45px; width: 45px; background-repeat : no-repeat;
background-position: top center; background-color : transparent; position:
relative; margin-right: 10px;}tr#forum_f10 div.icon {background-image: url(иконка не активная);
}
tr#forum_f10 div.inew {background-image: url(иконка активная); }tr#forum_f12 div.icon {background-image: url(иконка не активная);
}
tr#forum_f12 div.inew {background-image: url(иконка активная); }
</style>
Красным - высота и ширина иконки.
Синим - номер раздела.
Поделиться3Ср, 6 Янв 2010 20:20:19
- Заслуженный
- Зарегистрирован: Чт, 31 Дек 2009
- Сообщений: 67
- Уважение: 0
- Позитив: +5
- Последний визит:
Вт, 10 Авг 2010 14:09:42
Как сделать так, что бы в каждой категории разные иконки.
[реклама вместо картинки]
Поделиться4Ср, 6 Янв 2010 20:23:29
- Cтарожил
- Зарегистрирован: Пн, 22 Сен 2008
- Сообщений: 5079
- Уважение: +1498
- Позитив: +854
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 09:05:01
Luis написал(а):
Как сделать так, что бы в каждой категории разные иконки.
Иконки для каждой категории
<style>
#pun-main .category Div.icon {float: left; display: block; border-style: none
none none none; height: 30px; width: 30px; background-repeat : no-repeat;
background-position: top center; background-color : transparent; position:
relative; margin-right: 10px;}#pun-category1 .container div.icon {background-image:
url(картинка нет новых сообщений); }
#pun-category1 .container div.inew {background-image:
url(картинка новое сообщение); }#pun-category2 .container div.icon {background-image:
url(картинка нет новых сообщений); }
#pun-category2 .container div.inew {background-image:
url(картинка новое сообщение); }
</style>
Выделенное номер категории.
Размножайте столько, сколько категорий.
Страница: 1