كود عرض الصور فى الجوال كما هى لاحلى منتدي حصري
المواضيع الأخيرة
» قولوا لا اله الا الله تفلحوا
من طرف راجية الشهادة أمس في 21:56

» قولوا لا اله الا الله تفلحوا
من طرف راجية الشهادة أمس في 21:56

» محاضرة بعنوان الصدقة
من طرف اسماء أمس في 21:49

» فضل وثواب صلاة الجمعة
من طرف داليا أمس في 21:24

» أين ندمك علي ذنوبك
من طرف داليا أمس في 21:23

» اسئلة مفيدة عن الإستغفار
من طرف داليا أمس في 21:22

» الي متي صلاتنا سريعة
من طرف اسلام أمس في 17:35

» كلمات للأصمعي رحمه الله
من طرف meto الخميس 20 سبتمبر 2018 - 20:14

» بث مباشر لقناة كراميش جوده HD
من طرف شهد صلاح الخميس 20 سبتمبر 2018 - 16:35

» وأنذرهم يوم الحسرة
من طرف راجية الشهادة الأربعاء 19 سبتمبر 2018 - 1:04

اخترنا لك
اشخاص فى صن سيت
مشاهدة المزيد
المتواجدون الآن ؟
ككل هناك 16 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 16 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 1792 بتاريخ الأحد 29 يناير 2017 - 11:31
اختصار سريع


صل على سيدنا محمد

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

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

avatar
اسلام
الادارة العليا

الادارة العليا
اسم الدولة : : مصـــر
العمر : 23
عدد المساهمات : 2232
المعجبون بمواضيعى : 98
معاينة صفحة البيانات الشخصي للعضو

مُساهمةاسلام في الإثنين 19 أكتوبر 2015 - 20:28

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

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

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




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

تحياتي لكم

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

للمشاركة أنت بحاجة إلى تسجيل الدخول أو الإنضمام إلينا

يجب أن تعرف بنفسك بتسجيل الدخول أو التسجيل فى صن سيت

التسجيل

انضم الينا لن يستغرق منك إلا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضوية ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى