верхняя и нижняя строка плашки по 30 знаков
сама плашка
<!---------- плашка -------------------------------->
<plaque style="background: radial-gradient(98.64% 362.92% at 56% -21%, #000000 0%, #FFF0EB 80%)">
<p>расстояние между нами</p>
<p>сводится к нулю</p>
</plaque>
чтобы изменить цвет текста, замените
<p> на <p style='color: #код_цвета'>
<!---------- плашка --------------------------------> <plaque style="background: radial-gradient(98.64% 362.92% at 56% -21%, #000000 0%, #FFF0EB 80%)"> <p>расстояние между нами</p> <p>сводится к нулю</p> </plaque>
код для вставки в конкурсы
[html]<style>plaque { plaque p:last-of-type { plaque p:first-of-type { </style><plaque style="background: radial-gradient(98.64% 362.92% at 56% -21%, #000000 0%, #FFF0EB 80%)"><p>первая строка плашки</p><p>вторая строка плашки</p></plaque>[/html] |
[table layout=fixed width=100%]
[tr]
[td][/td]
[td][html]<style>plaque {
width: 218px;
height: 39px;
border-radius: 10px;
display: flex !important;
-webkit-box-orient: vertical;
-ms-flex-direction
Specifies how flex items are placed in the flex container, by setting the direction of the flex container's main axis.
: column;
flex-direction: column;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: var(--black);
background: var(--plaque-gradient);
bottom: 1px;
left: 6px;
}
plaque p:last-of-type {
padding: 0px !important;
font: var(--fw400) var(--fs10) var(--font-main);
color: rgb(var(--white), .9);
margin-top: -7px;
}
plaque p:first-of-type {
font: var(--fw700) var(--fs10) var(--font-main);
color: rgb(var(--white), .9);
margin-top: 7px;
padding: 0px;
}
</style><plaque style="background: radial-gradient(98.64% 362.92% at 56% -21%, #000000 0%, #FFF0EB 80%)"><p>первая строка плашки</p><p>вторая строка плашки</p></plaque>[/html][/td]
[td][/td]
[/tr]
[/table]