عرض مشاركة واحدة
احصائياتى

الردود
7

المشاهدات
4610
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
06-25-2017, 06:18 PM
المشاركة 1
06-25-2017, 06:18 PM
المشاركة 1
افتراضي طريقة تغيير حجم الصوره الرمزية شرح حصرى لمعهد هيلبرنت
السلام عليكم ورحمه الله وبركاته
طبعا من متطلبات اى صاحب موقع او مدونة او منتدى ان يستطيع التحكم فى كل شى داخل موقعه حتى فى ابسط الاشياء مبالك فى الصوره الرمزية والتى بمثابة عنوان كل عضو واليوم اشرح لكم طريقة تكبير الصوره الرمزية داخل منتديات الزين فورو
[توافق الدرس] تم تجربته مع جميع الاصدارات والطريقة تعمل بكفائة ابتداء من XF1.2 TO XF1.5
[موقع صاحب الشرح] معهد هيلبرنت
[متطلبات الشرح] لا شى سوى التركيز فى الشرح.

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

الخطوات
اولا علينا معرفه شى مهم جدا ان داخل هذا الاسكريبت يوجد رموز او بمعنى ادق 3 رموز تحدد حجم الصور الرمزية ادخل الى هذا القالب ستجده على هذا المسار
كود:
library/XenForo/Model/Avatar.php
ابحث بداخله عن هذا الكود
كود:
    protected static $_sizes = array(
        'l' => 192,
        'm' => 96,
        's' => 48
    );
ستجده كما بالصوره

ما معنى رمز
  • l
  • m
  • s


دول احجام الصوره الرمزية اذهب الى ملف 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;
	}

النتيجة

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