Как сделать так же

[ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪]

Здравствуйте как сделать OFFTOP как у крмп онлайн

 

[platon pluxury]

1. установи плагин offtop
2. в плагине замени на это

<fieldset class="pf-offtop">
    <legend data-xf-init="tooltip" data-original-title="ОФФТОП — это сообщения, которые не относятся к данной теме">💬 OFFTOP</legend>
    <p>{text}</p>
</fieldset>

добавь в extra.less это

fieldset.pf-offtop {
    padding: 6px 12px 8px;
    border-radius: 12px;
    border: 3px solid #ffd700;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    transition: background 0.3s ease;
    
    legend
    {
        font-weight: 600;
        padding: 2px 8px;
        margin-left: 10px;
        border-radius: 8px;
        font-size: 14px;
        color: #ffd700;
        background-color: rgba(255,215,0, 0.20);
        transition: background-color 0.3s ease, font-size 0.3s ease;
    }
    
    &:hover legend
    {
        font-size: 15px;
        background-color: rgba(255,215,0, 0.25);
    }
    
    p
    {
        margin: 0;
    }
}

 

[ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪]

Спасибо тебе Platon Pluxury