верхняя и нижняя строка плашки по 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]