شرح عام XF تعديل قالب التوقيع لمنتديات XenForo

Ibn AliraQ · 2018-08-31

السلام عليكم ..
تعديل شكل التوقيع في منتديات XenForo كما في شباب الرافدين.

الشرح:
1- ابحث عن القالب message_macros وبداخله ابحث عن هذا الكود:

HTML:

<aside class="message-signature">
            <xf:contentcheck>
                {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
            </xf:contentcheck>
            </aside>

قم باستبداله بالكود التالي:

HTML:

<div class="Sign-Block">
                 <h6><i class="fa fa-pencil" style="color: rgb(150, 150, 150);font-size: 20px;"></i> توقيع : <b>
                     <span style="color:#FF2BDF"><b>
                         <xf:username user="$user" /></b></span></b>
                </h6>
                <aside class="Sign-Content">
                     <xf:contentcheck>
                         {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
                        </xf:contentcheck>
                </aside>
            </div>

في آخر قالب extra.less قم باضافة هذه الاكواد ( اكواد css ):

CSS:

.Sign-Block{
    background: #f6f6f6;
    border: 1px solid #ececec;
    padding: 12px;
    position: relative;
    text-align: center;
    border-radius: 5px;
    margin: 20px;
    width: auto;
}
.Sign-Block h6 {
    background: #f6f6f6;
    border: 2px solid #fff;
    border-radius: 30px;
    margin: -30px auto 14px;
    position: relative;
    font-family: 'Droid Arabic Kufi';
    font-size: 12px;
    color: #7a7676;
    font-weight: bold;
    width: 200px;
    height: 35px;
    line-height: 35px;
}
.Sign-Content {
    font-family: 'Droid Arabic Kufi';
    font-size: 12px;
    color: #7a7676;
    font-weight: lighter;
}
@media (max-width: 480px)
{
    .Sign-Block { display: block !important; }
}

وسلامتكم.
تحيتي