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

موقع صن سيتدخول

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

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

بسم الله الرحمن الرحيم
اهلا وسهلا بكم فى عالم التقنيات من موقع صن سيت
الكثير كان ينزعج عندما يضغط على الصور في تصفحه نسخه الجوال وتكون الصوره بشكل منفصل اي بصفحه جديده تفتح في الجوال
هذا البرنامج التعليمي سوف يشرح كيفية عرض الصور في المشاركات دون مغادرة الصفحة أو التحول إلى الكلاسيكية.
الخطوات كالاتي :
1- أضافة كود CSS
هناك بعض الصور الواسعة جداً مما تؤدي الى تشويه الصفحة والتأثير عليها والتي تتجاوز على حقول الموضوع وتشوية الصفحه
لمنع هذا، فمن الضروري إضافة هذه الأكواد إلى ورقة الأنماط CSS الخاص بك. للقيام بذلك، انتقل إلى لوحة> مظهر المنتدى> اللون> ورقة الأنماط CSS الإدارة وإضافة الكود التالية التالية:

الكود:

.mobile_image { max-width:99% }
#mpage-body .postbody > .content > div { overflow:hidden }

هذا سوف يقلل من حجم الصور بحيث تتناسب مع حجم الموضوع، وسوف تمنع اي تجاوز.

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

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




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

تحياتي لكم

تعاليق

لا يوجد حالياً أي تعليق
remove_circleمواضيع مماثلة
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Top