هيلبرنت | Helpernt - قالب التوقيع الخاص باسكريبت الزين فورو بشكل جديد و حصرى لمنتدى هيلبرنت

السلام عليكم ورحمة الله وبركاته

البداية للزين فورو ليست لنا لكن التطوير والشروحات الحصرية تنفرد بها منتديات هيلبرنت (مجتمع من الداعمين) ونحن نحاول ان نعمل على تطوير الويب العربى مهما كانت الصعوبات.
[ اسم الكود ] : قالب توقيع اسكريبت الزين فورو بشكل جديد حصريا لمنتدى هيلبرنت
[ وصف الكود ] :شرح تغيير قالب توقيع اسكريبت الزين فورو من الشكل التقليدى الى شكل جديد حصريا لمنتدى هيلبرنت
[ يتوافق مع اي اصدار ] : كل اصدارات الزين فورو وصولا الى xenforo 1.5.10.a

صوره بعد التعديل

https://www.helpernt.com/vb/attachme...1&d=1528900000

ورشة العمل وخطوات التركيب

ندخل للوحة تحكم المنتدى >>> المظهر >>>> البحث فى القوالب >>>> اسم القالب هو message >>>> قم باخذ نسخة من هذا القالب كما بالصورة

2 - نقوم الان بالبحث عن هذا الكود

كود:

<xen:if is="{$visitor.content_show_signature} && {$message.signature}">

            <xen:if hascontent="true">

                <div class="baseHtml signature messageText ugc{xen:if $message.isIgnored, ' ignored'}"><aside><xen:contentcheck>{xen:raw $message.signatureHtml}</xen:contentcheck></aside></div>

            </xen:if>

        </xen:if>

استبداله بالاتى

كود:

        <xen:if is="{$visitor.content_show_signature} && {$message.signature}">

            <xen:if hascontent="true">

                <div class="baseHtml signature messageText ugc{xen:if $message.isIgnored, ' ignored'}"><div align="center"><img src="http://www.m5zn.com/newuploads/2016/09/21/gif//cab3e95d1ce8c03.gif"><aside><xen:contentcheck>{xen:raw $message.signatureHtml}</xen:contentcheck></aside></div></div>

            </xen:if>

        </xen:if>

انتهينا الان من اكواد html ناتى لاكواد ال css
1- التعديل هنا كما ترو هيكون فى قالب message.css

ابحث عن

كود:

    .message .signature

    {

        @property "messageSignature";

        font-size: 9pt;

        color: @mutedTextColor;

        padding: 5px 0 0;

        margin-top: 5px;

        border-top: 1px dashed @primaryLighter;

        @property "/messageSignature";

    }

استبداله بى

كود:

.message .signature {

    @property "messageSignature";

    font-size: 12px;

    color: rgb(40, 138, 191);

    padding: 5px 0 0;

    margin-top: 5px;

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #d7d7d7;

    border-radius: 5px;

    @property "/messageSignature";

}

الصوره المستخدمة ستجدوها بالمرفقات