В связи с поступающими вопросами по оформлению стиля групп пользователей публикую мой вариант.
Код нескольких типов оформления:
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
Код нескольких типов оформления:
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>