Помощь ThyBB

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Помощь ThyBB » Оформление форума » HTML код стиля.


HTML код стиля.

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

1

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

2

Код:
<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>

3

Спасибо большое.


Вы здесь » Помощь ThyBB » Оформление форума » HTML код стиля.