Доступ к готовым решениям

Переход в группу "Пользователь"

300.00 ₽
Одноразовый платёж
Быстрый переход в группу "Пользователи", без надобности написания постов и ожидания.

Покупка дает возможность:
Быть полноправным участником форума
Нормальное копирование кода
Создавать темы
Скачивать файлы
Доступ к архиву Pawno-Info

Мануал Оформление названия групп (+ радуга)

OKStyle

OKStyle

Адвокат по делам семейным
Administrator
Wiki Team
Регистрация
4 Мар 2011
Сообщения
7,092
Лучшие ответы
226
Репутация
2,455
Награды
11
  • Спасибо от администрации
  • Верность PI
  • Победитель
  • Pawn-разработчик
  • Активный модератор
  • Помощник
  • OLD
  • PREMIUM
  • V.I.P
  • Маппер
  • Писатель
В связи с поступающими вопросами по оформлению стиля групп пользователей публикую мой вариант.

Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!


Код нескольких типов оформления:

PHP: 
<style>
#grad1 {
    font-weight:bold;
    background: red;
    background: -webkit-linear-gradient(left, orange , yellow, green, cyan, blue, violet);
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
    background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet);
}
#grad2 {
    font-weight:bold;
    background: red;
    background: -webkit-linear-gradient(right, orange , yellow, green, cyan, blue, violet);
    background: -o-linear-gradient(left, orange, yellow, green, cyan, blue, violet);
    background: -moz-linear-gradient(left, orange, yellow, green, cyan, blue, violet);
    background: linear-gradient(to left, orange , yellow, green, cyan, blue, violet);
}
#grad3 {
    font-weight:bold;
    background: red;
    background: -webkit-linear-gradient(right, orange , yellow, green, cyan, blue, violet);
    background: -o-linear-gradient(left, orange, yellow, green, cyan, blue, violet);
    background: -moz-linear-gradient(left, orange, yellow, green, cyan, blue, violet);
    background: linear-gradient(to left, orange , yellow, green, cyan, blue, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#grad4 {
    font-weight:bold;
    background: red;
    background: -webkit-linear-gradient(left, orange , yellow, green, cyan, blue, violet);
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
    background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
</style>
<div id="grad1">https://html5book.ru/css3-gradient/</div>



<p></p>

<table border="1">
<tr><td>
<span style="font-weight:bold;">
<div style="background-color:#f5f5f5;">
<span style="color:#D00E33;text-shadow: #000 1px 1px 1px;">Администратор</span><br>
<span style="color:red;text-shadow: #000 1px 1px 1px;">Администратор</span><br>
<span style="color:green;text-shadow: #000 1px 1px 1px;">Главный супер-модератор</span><br>
<span style="color:#0ED045;text-shadow: #000 1px 1px 1px;">Главный супер-модератор</span><br>
<span style="color:#0E62D0;text-shadow: #000 1px 1px 1px;">Супер-модератор</span><br>
<span style="color:blue;text-shadow: #000 1px 1px 1px;">Супер-модератор</span><br>
<span style="color:cyan;text-shadow: #000 1px 1px 1px;">Модератор 3</span><br>
<span style="color:#0EC0D0;text-shadow: #000 1px 1px 1px;">Модератор 3</span><br>
<span style="color:#D00E8E;text-shadow: #000 1px 1px 1px;">Модератор 2</span><br>
<span style="color:#9932CC;text-shadow: #000 1px 1px 1px;">Модератор 2</span><br>
<span style="color:#D0B20E;text-shadow: #000 1px 1px 1px;">Модератор 1</span><br>
<span style="color:yellow;text-shadow: #000 1px 1px 1px;">Модератор 1</span><br>
</div>
<br>
<div style="background-color:#f5f5f5;">
<span style="background: linear-gradient(115deg, #f00 15%, #00f 30%, #0f0 45%, #0ff 55%, #f0f 70%, #ff0 85%);">Криэйтор</span><br>
<span style="background: linear-gradient(115deg, #f00 15%, #00f 30%, #0f0 45%, #0ff 55%, #f0f 70%, #ff0 85%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">Криэйтор</span><br>
<span id="grad1">Криэйтор</span><br>
<span id="grad2">Криэйтор</span><br>
<span id="grad3">Криэйтор</span><br>
<span id="grad4">Криэйтор</span><br>
<span style="color:black;text-shadow:red 1px 1px 1px;">Криэйтор</span><br>
<span style="color:pink;text-shadow: #000 1px 1px 1px;">Менеджер по рекламе</span><br>
<span style="color:orange;text-shadow: #000 1px 1px 1px;">Профессионал</span><br>
<span style="color:#DE9630;text-shadow: #000 1px 1px 1px;">Профессионал</span><br>
<span style="color:white;text-shadow: #000 1px 1px 1px;">Саппорт</span><br>
<span style="color:#262626;text-shadow: #000 1px 1px 1px;">V.I.P.</span><br>
<span style="color:#535353;text-shadow: #000 1px 1px 1px;">V.I.P.</span><br>
<span style="color:black;text-shadow: #fff 1px 1px 1px;">Пользователь</span><br>
<span style="color:#2577B1;font-weight:normal;text-shadow: #000 1px 1px 1px;text-decoration:line-through;">Забаненный</span><br>
</div>
</span></td>
<td>
<span style="font-weight:bold;">
<div style="background-color:#ffffff;">
<span style="color:#D00E33;text-shadow: #000 1px 1px 1px;">Администратор</span><br>
<span style="color:red;text-shadow: #000 1px 1px 1px;">Администратор</span><br>
<span style="color:green;text-shadow: #000 1px 1px 1px;">Главный супер-модератор</span><br>
<span style="color:#0ED045;text-shadow: #000 1px 1px 1px;">Главный супер-модератор</span><br>
<span style="color:#0E62D0;text-shadow: #000 1px 1px 1px;">Супер-модератор</span><br>
<span style="color:blue;text-shadow: #000 1px 1px 1px;">Супер-модератор</span><br>
<span style="color:cyan;text-shadow: #000 1px 1px 1px;">Модератор 3</span><br>
<span style="color:#0EC0D0;text-shadow: #000 1px 1px 1px;">Модератор 3</span><br>
<span style="color:#D00E8E;text-shadow: #000 1px 1px 1px;">Модератор 2</span><br>
<span style="color:#9932CC;text-shadow: #000 1px 1px 1px;">Модератор 2</span><br>
<span style="color:#D0B20E;text-shadow: #000 1px 1px 1px;">Модератор 1</span><br>
<span style="color:yellow;text-shadow: #000 1px 1px 1px;">Модератор 1</span><br>
</div>
<br>
<div style="background-color:#ffffff;">
<span style="background: linear-gradient(115deg, #f00 15%, #00f 30%, #0f0 45%, #0ff 55%, #f0f 70%, #ff0 85%);">Криэйтор</span><br>
<span style="background: linear-gradient(115deg, #f00 15%, #00f 30%, #0f0 45%, #0ff 55%, #f0f 70%, #ff0 85%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">Криэйтор</span><br>
<span id="grad1">Криэйтор</span><br>
<span id="grad2">Криэйтор</span><br>
<span id="grad3">Криэйтор</span><br>
<span id="grad4">Криэйтор</span><br>
<span style="color:black;text-shadow:red 1px 1px 1px;">Криэйтор</span><br>
<span style="color:pink;text-shadow: #000 1px 1px 1px;">Менеджер по рекламе</span><br>
<span style="color:orange;text-shadow: #000 1px 1px 1px;">Профессионал</span><br>
<span style="color:#DE9630;text-shadow: #000 1px 1px 1px;">Профессионал</span><br>
<span style="color:white;text-shadow: #000 1px 1px 1px;">Саппорт</span><br>
<span style="color:#262626;text-shadow: #000 1px 1px 1px;">V.I.P.</span><br>
<span style="color:#535353;text-shadow: #000 1px 1px 1px;">V.I.P.</span><br>
<span style="color:black;text-shadow: #fff 1px 1px 1px;">Пользователь</span><br>
<span style="color:#2577B1;font-weight:normal;text-shadow: #000 1px 1px 1px;text-decoration:line-through;">Забаненный</span><br>
</div>
</span></td>
<td>
<span style="font-weight:bold;">
<div style="background-color:#2d3554;">
<span style="color:#D00E33;text-shadow: #000 1px 1px 1px;">Администратор</span><br>
<span style="color:red;text-shadow: #000 1px 1px 1px;">Администратор</span><br>
<span style="color:green;text-shadow: #000 1px 1px 1px;">Главный супер-модератор</span><br>
<span style="color:#0ED045;text-shadow: #000 1px 1px 1px;">Главный супер-модератор</span><br>
<span style="color:#0E62D0;text-shadow: #000 1px 1px 1px;">Супер-модератор</span><br>
<span style="color:blue;text-shadow: #000 1px 1px 1px;">Супер-модератор</span><br>
<span style="color:cyan;text-shadow: #000 1px 1px 1px;">Модератор 3</span><br>
<span style="color:#0EC0D0;text-shadow: #000 1px 1px 1px;">Модератор 3</span><br>
<span style="color:#D00E8E;text-shadow: #000 1px 1px 1px;">Модератор 2</span><br>
<span style="color:#9932CC;text-shadow: #000 1px 1px 1px;">Модератор 2</span><br>
<span style="color:#D0B20E;text-shadow: #000 1px 1px 1px;">Модератор 1</span><br>
<span style="color:yellow;text-shadow: #000 1px 1px 1px;">Модератор 1</span><br>
</div>
<br>
<div style="background-color:#2d3554;">
<span style="background: linear-gradient(115deg, #f00 15%, #00f 30%, #0f0 45%, #0ff 55%, #f0f 70%, #ff0 85%);">Криэйтор</span><br>
<span style="background: linear-gradient(115deg, #f00 15%, #00f 30%, #0f0 45%, #0ff 55%, #f0f 70%, #ff0 85%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">Криэйтор</span><br>
<span id="grad1">Криэйтор</span><br>
<span id="grad2">Криэйтор</span><br>
<span id="grad3">Криэйтор</span><br>
<span id="grad4">Криэйтор</span><br>
<span style="color:black;text-shadow:red 1px 1px 1px;">Криэйтор</span><br>
<span style="color:pink;text-shadow: #000 1px 1px 1px;">Менеджер по рекламе</span><br>
<span style="color:orange;text-shadow: #000 1px 1px 1px;">Профессионал</span><br>
<span style="color:#DE9630;text-shadow: #000 1px 1px 1px;">Профессионал</span><br>
<span style="color:white;text-shadow: #000 1px 1px 1px;">Саппорт</span><br>
<span style="color:#262626;text-shadow: #000 1px 1px 1px;">V.I.P.</span><br>
<span style="color:#535353;text-shadow: #000 1px 1px 1px;">V.I.P.</span><br>
<span style="color:black;text-shadow: #fff 1px 1px 1px;">Пользователь</span><br>
<span style="color:#2577B1;font-weight:normal;text-shadow: #000 1px 1px 1px;text-decoration:line-through;">Забаненный</span><br>
</div>
</span></td>
</tr>
</table>
 
Войдите или зарегистрируйтесь для ответа.
Сверху Снизу