هيلبرنت | Helpernt - [ شرح ] : طريقة تغيير حجم الصوره الرمزية شرح حصرى لمعهد هيلبرنت

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

طبعا من متطلبات اى صاحب موقع او مدونة او منتدى ان يستطيع التحكم فى كل شى داخل موقعه حتى فى ابسط الاشياء مبالك فى الصوره الرمزية والتى بمثابة عنوان كل عضو واليوم اشرح لكم طريقة تكبير الصوره الرمزية داخل منتديات الزين فورو
[توافق الدرس] تم تجربته مع جميع الاصدارات والطريقة تعمل بكفائة ابتداء من XF1.2 TO XF1.5
[موقع صاحب الشرح] معهد هيلبرنت
[متطلبات الشرح] لا شى سوى التركيز فى الشرح.

شرح للصوره قبل التكبير

http://www.helpernt.com/vb/attachmen...1&d=1498403094

الخطوات
اولا علينا معرفه شى مهم جدا ان داخل هذا الاسكريبت يوجد رموز او بمعنى ادق 3 رموز تحدد حجم الصور الرمزية ادخل الى هذا القالب ستجده على هذا المسار

كود:

library/XenForo/Model/Avatar.php

ابحث بداخله عن هذا الكود

كود:

    protected static $_sizes = array(

        'l' => 192,

        'm' => 96,

        's' => 48

    );

ستجده كما بالصوره

http://www.helpernt.com/vb/attachmen...1&d=1498403094

ما معنى رمز

دول احجام الصوره الرمزية اذهب الى ملف xenforo.css وستجد ان الاحجام على هذا الشكل كما هو موضح فى الصوره .

http://www.helpernt.com/vb/attachmen...1&d=1498403094

طب ازاى هغير الحجم الان الخطوات التى تهم المستخدم

ادخل الى قالب message_user_info وابحث بداخله عن هذا الكود

كود:

                <div class="avatarHolder">

                        <span class="helper"></span>

                        <xen:avatar user="$user" size="m" img="true" />

                        <xen:if is="{$user.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-22" data-offsetY="-8"></span></xen:if>

                        <!-- slot: message_user_info_avatar -->

                </div>

مايهمنا هو هذا الكود

كود:

<xen:avatar user="$user" size="m" img="true" />

قم بتغير حرف m الى l كما ترى بالصوره

http://www.helpernt.com/vb/attachmen...1&d=1498403094

الان توجه الى قالب EXTRA.css ثم قم بوضع هذا الكود

كود:

.thread_view .messageList .messageUserInfo a.avatar img,

.thread_view .quickReply .messageUserInfo a.avatar img,

.conversation_view .messageList .messageUserInfo a.avatar img,

.conversation_view .quickReply .messageUserInfo a.avatar img

{

    width: 142px;

    height: auto;

}



.messageUserInfo

{

    width: 170px ;

}



.message .messageInfo,

#QuickReply

{

    margin-left: 186px !important;

}

المرحلة الاخير
الان توجه الى قالب message.css ثم قم بالبحث عن هذا الكود

كود:

        .Responsive .message .messageInfo

        {

                margin-left: 0;

                padding: 0 10px;

        }

استبدله الى

كود:

                .Responsive .message .messageInfo

        {

                margin-left:  0px !important;

                padding: 0 10px;

        }

النتيجة

http://www.helpernt.com/vb/attachmen...1&d=1498403846

انتهى شكرا لكم