السلام عليكم ورحمه الله وبركاته
طبعا من متطلبات اى صاحب موقع او مدونة او منتدى ان يستطيع التحكم فى كل شى داخل موقعه حتى فى ابسط الاشياء مبالك فى الصوره الرمزية والتى بمثابة عنوان كل عضو واليوم اشرح لكم طريقة تكبير الصوره الرمزية داخل منتديات الزين فورو
[توافق الدرس] تم تجربته مع جميع الاصدارات والطريقة تعمل بكفائة ابتداء من XF1.2 TO XF1.5
[موقع صاحب الشرح] معهد هيلبرنت
[متطلبات الشرح] لا شى سوى التركيز فى الشرح.
شرح للصوره قبل التكبير
الخطوات
اولا علينا معرفه شى مهم جدا ان داخل هذا الاسكريبت يوجد رموز او بمعنى ادق 3 رموز تحدد حجم الصور الرمزية ادخل الى هذا القالب ستجده على هذا المسار
كود:
library/XenForo/Model/Avatar.php
ابحث بداخله عن هذا الكود
كود:
protected static $_sizes = array(
'l' => 192,
'm' => 96,
's' => 48
);
ستجده كما بالصوره
ما معنى رمز
دول احجام الصوره الرمزية اذهب الى ملف xenforo.css وستجد ان الاحجام على هذا الشكل كما هو موضح فى الصوره .
طب ازاى هغير الحجم الان الخطوات التى تهم المستخدم
ادخل الى قالب 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 كما ترى بالصوره
الان توجه الى قالب 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;
}
النتيجة
انتهى شكرا لكم