[BB CODE] > [infobox=TITLE][/infobox] - Информативен бокс

[ByteWizard]

BBCode използване

Код: Избери целия код

[infobox={TEXT}]{TEXT1}[/infobox]

HTML заместване

Код: Избери целия код

<span style="
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#efefef));
    background-image: -webkit-linear-gradient(top,#fff,0,#efefef,100%);
    background-image: -moz-linear-gradient(top,#fff 0,#efefef 100%);
    background-image: linear-gradient(to bottom,#fff 0,#efefef 100%);
    border-bottom: 1px solid #c8c8c8;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: block;
    border: 1px solid #c8c8c8;
    border-radius: 8px 8px 0 0;
    padding: 9px 20px 5px 20px;
">
 <img src="https://img.icons8.com/?size=100&id=GFZarxtFIkhx&format=png" width="20px" height="20px" /> {TEXT} 
</span>
<span style="
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#efefef));
    background-image: -webkit-linear-gradient(top,#fff,0,#efefef,100%);
    background-image: -moz-linear-gradient(top,#fff 0,#efefef 100%);
    background-image: linear-gradient(to bottom,#fff 0,#efefef 100%);
    border: 1px solid #c8c8c8;
    border-top: none;
    display: block;
    padding: 10px;
">{TEXT1}</span>

Помощен ред

Код: Избери целия код

[infobox=Заглавието на бокса]Съдържанието на бокса[/infobox]

Демо