شركة فور يمنى


الرئيسيةصن سيتبحـثالتسجيلدخول


 


 
 
تجديدات موقع صن سيت الاخيرة نحن نتميز عن المواقع الاخري اضغط هنا
◄◄ صن سيت►► يحتفل بمرور 6 أعوام للمزيد إضغط هنا
اعلان : مطلوب مشرفين على أقسام الموقع إضغط هنا
جديد من صن سيت : جرب صن سيت ماسينجر للهواتف الذكية اضغط هنا
!~ آخـر 10 مواضيع ~!
شارك اصدقائك شارك اصدقائك هل تعلم أن المصريين يتحدثون الهيروغليفية حتى اليوم؟
شارك اصدقائك شارك اصدقائك عاجل من صن سيت
شارك اصدقائك شارك اصدقائك الأخطبوط !
شارك اصدقائك شارك اصدقائك شعارات عالمية
شارك اصدقائك شارك اصدقائك دول بلا جيوش
شارك اصدقائك شارك اصدقائك محادثات بين فصائل ثورية وروسيا بأنقرة والشرق الأوسط تتحدث عن اتفاق مبدئي
شارك اصدقائك شارك اصدقائك الحكومة اليمنية تدعو لوقف تسليح إيران الحوثيين
شارك اصدقائك شارك اصدقائك تفسير حلم الحية بالتفصيل
شارك اصدقائك شارك اصدقائك احذروا سوء الظن
شارك اصدقائك شارك اصدقائك الستر للحبيب
اليوم في 17:49
اليوم في 17:46
اليوم في 1:48
اليوم في 1:44
اليوم في 1:43
اليوم في 1:37
اليوم في 1:28
اليوم في 0:34
اليوم في 0:26
اليوم في 0:16
إضغط علي شارك اصدقائك اوشارك اصدقائك لمشاركة اصدقائك!


قم بالاعجاب لصفحة موقع صن سيت على الفيسبوك ليصلك كل جديد ...

شاطر|

كود عرض الصور فى الجوال كما هى لاحلى منتدي حصري

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
العضو النادر
العضو النادر

معاينة صفحة البيانات الشخصي للعضو

اسم الدولة : : مصـــر
العمر : 21
عدد المساهمات : 2111
المعجبون بمواضيعى : 72
19102015




بسم الله الرحمن الرحيم
اهلا وسهلا بكم فى عالم التقنيات من موقع صن سيت
الكثير كان ينزعج عندما يضغط على الصور في تصفحه نسخه الجوال وتكون الصوره بشكل منفصل اي بصفحه جديده تفتح في الجوال
هذا البرنامج التعليمي سوف يشرح كيفية عرض الصور في المشاركات دون مغادرة الصفحة أو التحول إلى الكلاسيكية.
الخطوات كالاتي :
1- أضافة كود CSS
هناك بعض الصور الواسعة جداً مما تؤدي الى تشويه الصفحة والتأثير عليها والتي تتجاوز على حقول الموضوع وتشوية الصفحه
لمنع هذا، فمن الضروري إضافة هذه الأكواد إلى ورقة الأنماط CSS الخاص بك. للقيام بذلك، انتقل إلى لوحة> مظهر المنتدى> اللون> ورقة الأنماط CSS الإدارة وإضافة الكود التالية التالية:
الرمز:
.mobile_image { max-width:99% }
#mpage-body .postbody > .content > div { overflow:hidden }
هذا سوف يقلل من حجم الصور بحيث تتناسب مع حجم الموضوع، وسوف تمنع اي تجاوز.

2- تركيب كود الجافا سكربت
لمشاهدة الصور بداخل الموضوع فمن الضروري تركيب الجافاسكربت التالي حيث يقوم بهذه العملية بكامل شكلها ، عليك التوجه إلى لوحة الإدارة> العناصر الأضافية> الجافا سكربت إدارة رمز وإنشاء جافاسكربت جديد:

العنوان : صور نسخة الجوال
أضف الكود الى : في جميع الصفحات
ضع رد حتى تراه !!




أنتهى الدرس حتى الان
الدرس منقول من قبل Ange Tuteur تم تعريب من قبل new.moon

تحياتي لكم

مواضيع ذات صلـــــــــــــــــــــة

مُشاطرة هذه المقالة على:Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

ردود موضوع : كود عرض الصور فى الجوال كما هى لاحلى منتدي حصري

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
كاتب الموضوعرسالة

كود عرض الصور فى الجوال كما هى لاحلى منتدي حصري

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
لا يوجد حالياً أي تعليق
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
موقع صن سيت :: قسم تطوير المواقع :: اكواد الجافا سكريبت - JavaScript-


الساعة الآن



صن سيت

↑ Grab this Headline Animator

Feedage Grade B rated

انتقل الى: