HTML код стиля.

Добро пожаловать

Рады приветствовать Вас на форуме технической поддержки Thybb. У нас много полезного для создания форума войти под своим аккаунтом или пройти несложный процесс регистрации.

Объявление

HTML код стиля.

Страница: 1

Сообщений 1 страница 3 из 3

Поделиться12010-06-09 13:31:16

Автор: ArtemGuznov
Новичок
Зарегистрирован: 2009-07-22
Приглашений: 0
Сообщений: 7
Уважение: 0
Позитив: 0
Провел на форуме:
3 часа 12 минут
Последний визит:
2010-09-16 16:27:36

Mybb Blue De Luxe, я хотел бы поменять иконки возле тем и форумов (есть новые сообщения, закрыто, важно)
Неможет ктонибудь написать HTML код стиля (я написал его выше)?

Поделиться22010-06-20 20:14:41

Автор: RaSH
Честный Администратор
Зарегистрирован: 2008-08-27
Приглашений: 0
Сообщений: 116
Уважение: +10
Позитив: +7
Пол: Мужской
Провел на форуме:
7 часов 58 минут
Последний визит:
2011-07-18 12:30:45

Код:

<style>
.punbb table Div.icon {float: left; display: block; width: 50px; height: 51px; border-style: none; background-image: url(иконка Нет новых сообщений); background-repeat: no-repeat; position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url(иконка Есть новые сообщения) no-repeat;}
TR.isticky Div.icon {
background: url(иконка Важная тема) no-repeat;}
TR.iclosed Div.icon {
background: url(Иконка Закрытая тема) no-repeat;}
TR.iredirect Div.icon {
background: url(Иконка перенесенная тема) no-repeat;}
</style>

Вставляем в html-верх
Берем ссылку на картинку - грузим через, скажем, radical и берем то, что выпало под циферкой 1 в получившихся кодах...
url(иконка Нет новых сообщений) - в скобках нужно указать ссылку на картинку. т.е в радикал или еще где.

width: 50px; height: 51px; - это размеры картинки. автоматически уменьшаются до 50х51 пикселей. Можете сами поменять под свой размер. Ну и можно не все иконки менять. просто убираете лишнее и все. К примеру вам нужно только новые сообщения, закрыто,Нет новых сообщений, важно. то код будет таким:

Код:

<style>
.punbb table Div.icon {float: left; display: block; width: 50px; height: 51px; border-style: none; background-image: url(иконка Нет новых сообщений); background-repeat: no-repeat; position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url(иконка Есть новые сообщения) no-repeat;}
TR.isticky Div.icon {
background: url(иконка Важная тема) no-repeat;}
TR.iclosed Div.icon {
background: url(Иконка Закрытая тема) no-repeat;}
</style>