عيد الاضحى المبارك


مواضيع تهمك

ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

شرح إضافة صورة في الإستطلاع

هذا سوف يعطيك نموذجا أساسيا لإضافة الصور إلى الجانب الأيسر من صناديق الإستطلاع. لكن يمكنك فقط استخدام صورة...

احصائياتى

الردود
3

المشاهدات
1483
ahmed200
.:: عضو مبدع ::.
  • ahmed200 will become famous soon enough

  • ahmed200 غير متواجد حالياً

المشاركات
584

+التقييم
27

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

الاقامة
فى القلب

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

رقم العضوية
306
11-13-2016, 02:23 PM
المشاركة 1
11-13-2016, 02:23 PM
المشاركة 1
افتراضي شرح إضافة صورة في الإستطلاع
هذا سوف يعطيك نموذجا أساسيا لإضافة الصور إلى الجانب الأيسر من صناديق الإستطلاع.
لكن يمكنك فقط استخدام صورة واحدة للموقع بأكمله

مثال


إفتح لوحة تحكم الإدارة وابحث عن قالب poll_block
ابحث عن هذا الكود

كود:
 <div class="pollContent">

أضف بعده هذا الكود


كود:
<div class="custom_pollImage"></div>

حفظ..
ثم إفتح قالب extra.css وأضف هذا الكود


كود:
.custom_pollImage {
background: url("linktoyourimage") no-repeat;
width: 150px;
height: 150px;
position: absolute;
left: -200px;
}

هذا الكود يتحكم في الرابط ،الطول والعرض للصورة.
كذلك يتحكم في مكان الصورة يمينا أو يساراً
لا انصح في زيادة طول الصورة أكثر من 150 هذا يؤثر على التصميم خصوصاً في الإستطلاعات الصغيرة

إذا كنت تريد أن تكون الصورة مختلفة في كل قسم،أضف هذا الكود في نفس القالب extra.css


كود:
 .nodeX .custom_pollImage {
background: url("linktoyourimage") no-repeat;
width: 150px;
height: 150px;
position: absolute;
left: -200px;
}

حرف X يعني رقم القسم

لإزالة علامة السؤال الذي عادة ما يظهر على يسار عنوان الإستطلاع, أضف هذا الكود



كود:
.pollBlock .questionMark {
display: none;
}

إذا كنت تريد أن يكون قالب الإستطلاع وكل التغييرات متوافقة مع جميع أحجام الشاشات،
أضف هذا الكود في نفس القالب extra.css



كود:
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth) {
.custom_pollImage {
display: none;
}
}

@media (max-width:@maxResponsiveMediumWidth) {
.custom_pollImage {
display:none;
}
}

@media (max-width:@maxResponsiveNarrowWidth) {
.custom_pollImage {
display:none ;
}
}
</xen:if>

إنتهى الشرح


قديم 11-13-2016, 09:46 PM
المشاركة 2
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: شرح إضافة صورة في الإستطلاع
هاااااااااااااااااااااااا اااايل فعلا

قديم 11-28-2016, 11:34 AM
المشاركة 3
ahmed200
.:: عضو مبدع ::.
  • ahmed200 غير متواجد حالياً
افتراضي رد: شرح إضافة صورة في الإستطلاع
هاااااااااااااااااااااااا اااايل فعلا

شاكر مرورك

قديم 12-28-2016, 07:28 PM
المشاركة 4
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: شرح إضافة صورة في الإستطلاع
طرحك جميل اخى

اضافة رد

العلامات المرجعية

شرح إضافة صورة في الإستطلاع


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: شرح إضافة صورة في الإستطلاع
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ BBcode] : شرح إضافة إيقونة إضافة منتج في الصفحة الرئيسية MesterPerfect ركن شروحات الزين فورو XENFORO 4 05-19-2020 11:29 AM
[ درس ] : كيفية ثني صورة ... طريقة اعادة تشكيل صورة لاظهار فكرة تصلح لاعلان meeeezo دروس التصميم والجرافيكس 0 11-01-2019 10:06 AM
طلب شرح إضافة صورة في الهيدر abumosa ركن مشاكل تصاميم الاستايلات 5 02-03-2017 04:39 PM
درس انيميشن وضع صورة متحركة على صورة متحركة هيلبرنت دروس التصميم والجرافيكس 0 02-10-2016 10:53 PM
[ درس ] : عمل مطر على صورة + ستارة على صورة بطريقة واحدة متشابهة MR.VERDASCO دروس التصميم والجرافيكس 4 11-17-2015 07:05 PM




الساعة الآن 06:23 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum