XenForo OFFTOP BB-Code

[</clown>]

BB code tag: offtop
Title: Offtop BB-Code
Replacement mode: simple replacement
HTML replacement:

<fieldset class="offtop">
    <legend>OFFTOP</legend>
    <p>{text}</p>
</fieldset>

Result:

I'll redo the design in a little time.

 

[saeedmo79]

Cool

 

[</clown>]

in extra.less

fieldset {
    padding: 0.3em 0.7em 0.62em;
    border: 1px solid #f69600;
    border-left-width: 3px;
    padding: 5px 10px 10px;
    border-radius: 6px;
}

Result:

 

[</clown>]

Redesign:
Update the HTML replacement on:

<div class="bbWrapper"><link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i&amp;display=swap" rel="stylesheet">

<blockquote class="offtop-text">
    <p>{text}</p>
    <div class="underline">offtop<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none">
    <path d="M5,125.4c30.5-3.8,137.9-7.6,177.3-7.6c117.2,0,252.2,4.7,312.7,7.6"></path>
    <path d="M26.9,143.8c55.1-6.1,126-6.3,162.2-6.1c46.5,0.2,203.9,3.2,268.9,6.4"></path></svg></div>
</blockquote></div>

Result:

 

[micke]

Good job, I love it.