Цветное оформление префиксов

Всё что относится к vBulletin

Moderator: Aleksandr

Avatar
Topic author
Дим M
Администратор
Администратор
Posts: 1319
With us: 7 years 5 months

Цветное оформление префиксов

Post #1by Дим » 7 Dec 2013, 16:32

В данной статье показано как сменить оформление префиксов на яркое,красивое,запоминающееся после чего пользователи Вашего форума просто так не смогут уйти с вашего форума)

Не правда ли что стандартный префикс слегка удручает?
- Правда!


Image

Чтобы хоть как-то приукрасить жизнь своему форуму вам понадобится совсем немного)

Желание
Наглости
И чуть-чуть внимания именно на форуме,а не на чем либо)


В additional.css добавим

Code: Select all

.prfx {
border-bottom-left-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
font-size: 0.8em;
font-weight: bold;
padding: 2px 6px;


Сохраняемся ..

Не правда ли просто?
Конечно просто..Потому что это еще не конец!

Опять же идем в Админку - Префиксы тем - Управление префиксами тем

Image

И там уже по желанию..
Можем изменить старый префикс ,а можем и добавить новый..
Я буду изменять старый префикс под названием "Пример"

Image

Жмем редактировать.

И в окошко - Название(Форматированный текст)

Image

Добавляем это:

Code: Select all

<span class="prfx" style="background: #f3ac00;color: white">Инфо</span>



Где background: #f3ac00 - это ваш фон, а color: white - цвет текста.

Сохраняемся

Image

И так,что же с вами мы использовали..
-Желание
-Время уделенное форуму
А наглость..А засуньте-ка вы ее куда подальше если же она у вас была!
i love you mxIni Mysql

! ! !


Avatar
Topic author
Дим M
Администратор
Администратор
Posts: 1319
With us: 7 years 5 months

Post #2by Дим » 7 Dec 2013, 16:33

Плюс еще один вид префиксов ..Тот же самый, но слегка измененный - css подправил немножечко..
Вместо css из первого поста, в additional.css добавим

Code: Select all

.prfx {
border-bottom-left-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
font-size: 0.8em;
font-weight: bold;
border: 1px solid black;
text-shadow: 1px 1px 0 black;
box-shadow: 1px 1px 0 white;
padding: 3px;
margin: 4px 0 0;
}


Image

Сюда добавил : обводку,тень к префиксу,немного изменена форма бекграунда префикса..
i love you mxIni Mysql

Avatar
LILUS M
Старшина
Старшина
Posts: 136
With us: 7 years 4 months

Post #3by LILUS » 17 Jan 2014, 10:32

Красиво смотрится :smile:

Avatar
Prezident M
Ефрейтор
Ефрейтор
Posts: 28
With us: 7 years 2 months

Post #4by Prezident » 17 Jan 2014, 21:55

LILUS wrote:Красиво смотрится :smile:
Ещё бы и для PHPbb сделали такое

Avatar
Topic author
Дим M
Администратор
Администратор
Posts: 1319
With us: 7 years 5 months

Post #5by Дим » 17 Jan 2014, 22:24

Prezident wrote:Ещё бы и для PHPbb сделали такое
Не плохо бы
i love you mxIni Mysql


Return to “vBulletin”

Who is online

Users browsing this forum: 1 guest