XenForo Custom BBcodes XML

Marks-Man

Loyal Member
XML:
XML:
<?xml version="1.0" encoding="utf-8"?>
<bb_codes>
  <bb_code bb_code_id="vip" bb_code_mode="replace" has_option="no" trim_lines_after="0" plain_children="0" disable_smilies="0" disable_nl2br="0" disable_autolink="0" allow_empty="0" allow_signature="0" editor_icon_type="fa" editor_icon_value="fa-user-secret" title="VIP:">
    <desc><![CDATA[VIP - Content]]></desc>
    <example><![CDATA[[vip]test[/vip]]]></example>
    <output><![CDATA[]]></output>
    <replace_html><![CDATA[<div class="vip-title">VIP</div>
<div class="vip-code">{text}</div>
]]></replace_html>
    <replace_html_email><![CDATA[]]></replace_html_email>
    <replace_text><![CDATA[]]></replace_text>
  </bb_code>
</bb_codes>

CSS:

CSS:
.vip-title {
padding: 12px 20px;
    font-size: 13px;
    color: #618931;
    background: rgba(245,245,245,0.83);
        border: 1px solid #e7e7e7;
    border-left: 3px solid #618931;
}


.vip-title:before {
    content: "\f05a";
    display: inline-block;
    color: #262384;
    text-align: left;
    font-family: "Font Awesome 5 Pro";
    padding-right: 7px;
}


.vip-code {
       position: relative;
    padding: 12px 20px;
    max-height: 300px;
    max-height: 70vh;
    overflow: auto;
        display: flow-root;
    margin: .5em 0;
    background: rgba(240,240,240,0.83);
    border: 1px solid #e7e7e7;
    border-left: 3px solid #618931;
}
 

DarKMaSK

Loyal Member
This post is very good. Only one thing is missing, nowhere it is explained the use or outcome of this code. Can somebody explain to me why should I use this code? Please.... !
 

Marks-Man

Loyal Member
I want to know the output. Without knowing I wouldn't be able to understand what will be the changes.
copy XML and save it in test.xml

Go to BBcodes import .xml file

and add css to extra.less

Create new post add

[vip] Test Bbcode[/vip]
 
  • Tags
    custom bbcodes xml custom bbcodes xml xenforo tips custom bbcodes xml xenforo custom bbcodes xml
  • Back
    Top Bottom