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

Описание: Всё что относится к vBulletin
Модератор: Aleksandr

Дим M
Автор темы, Администратор
Администратор
Аватара
Дим M
Автор темы, Администратор
Администратор
Сообщения: 1608
Зарегистрирован: 5 апреля 2013
С нами: 10 лет 11 месяцев

#1 Дим » 7 декабря 2013, 16:32

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

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


Изображение

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

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


В additional.css добавим

Код: Выделить всё

.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;


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

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

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

Изображение

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

Изображение

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

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

Изображение

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

Код: Выделить всё

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



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

Сохраняемся

Изображение

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


Дим M
Автор темы, Администратор
Администратор
Аватара
Дим M
Автор темы, Администратор
Администратор
Сообщения: 1608
Зарегистрирован: 5 апреля 2013
С нами: 10 лет 11 месяцев

#2 Дим » 7 декабря 2013, 16:33

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

Код: Выделить всё

.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;
}


Изображение

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

LILUS M
Старшина
Старшина
Аватара
LILUS M
Старшина
Старшина
Сообщения: 136
Зарегистрирован: 2 мая 2013
С нами: 10 лет 10 месяцев

#3 LILUS » 17 января 2014, 10:32

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

Prezident M
Ефрейтор
Ефрейтор
Аватара
Prezident M
Ефрейтор
Ефрейтор
Сообщения: 28
Зарегистрирован: 9 июля 2013
С нами: 10 лет 8 месяцев

#4 Prezident » 17 января 2014, 21:55

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

Дим M
Автор темы, Администратор
Администратор
Аватара
Дим M
Автор темы, Администратор
Администратор
Сообщения: 1608
Зарегистрирован: 5 апреля 2013
С нами: 10 лет 11 месяцев

#5 Дим » 17 января 2014, 22:24

Prezident писал(а):Ещё бы и для PHPbb сделали такое
Не плохо бы
[center]i love you [s]mxIni[/s] Mysql[/center]


Вернуться в «vBulletin»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 2 гостя