الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول


شاطر | 
 

 كيفية أخفاء أو أظهار الإضافات على نموذج الجوال أو سطح المكتب

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
NAY
مؤسس المنتدى
مؤسس المنتدى
avatar

انثى
عدد المساهمات : 128
النقود : 948
المحبة : 4

مُساهمةموضوع: كيفية أخفاء أو أظهار الإضافات على نموذج الجوال أو سطح المكتب   الثلاثاء سبتمبر 19, 2017 8:57 pm

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

والكود فى موضوع اليوم سوف ي مكنك من أخفاء اى شئ تريده أم على نموذج الجوال أو سطح المكتب كما تريد والكود فى موضوع اليوم سوف يكون سهل جدا أستخدامه وسوف أقوم بشرح ذلك وهو كود بسيط جدا ومميزات هذا الكود أنه كما قلت لكم سوف يمكنك من أخفاء أو أظهار أى شئ أم على نموذج الجوال أو سطح المكتب.

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

الأن مع الشرح وكما قل لكم من قبل الأمر بسيط جدا جدا ولن تجد صعوبه به ابدا.


أولا سوف تقوم بأكواد التالى ووضعه فى مدونتك عبر البحث عن هذا الوسم]]></b:skin>ثم تقوم بوضع الكود التالى فوقه.

الكود:
.hide-desktop-wdbloog {
  display: none;
}
.hide-mobile-wdbloog {
  display: block;
}
@media screen and (max-width : 1000px){
.hide-desktop-wdbloog {
  display: block;
}
.hide-mobile-wdbloog {
  display: none;
}
}

فى الكود السابق سوف تجد رقم محدد باللون الأحمر ، هذا الرقم هو عرض حجم الشاشة التى سوف يتم مثل اخفاء اضافة عليه وبعد هذا الرقم اذا كانت حجم الشاشة اكبر من الرقم هذا سوف يظهر مثلا اذا كان حجم الشاشة 1024 سوف تظهر عليه الإضافة التى تريد اخفاءها من الهواتف، ويمكنك تغيير الرقم الى رقم حجم شاشة أكبر حتى يتم اخفاء الإضافة من عليه ايضا.

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

الكود:
<div class='hide-desktop-wdbloog'>
ضع الكود أو الإضافة هنا
</div>

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


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

الكود:
<div class='hide-mobile-wdbloog'>
ضع الكود أو الإضافة هنا
</div>

هذا الكود ايضا مثل الكود الإول ولكن هذا المرة وسوف تستخدم هذا الكود لاخفاء اى شئ تريده من نموذج الجوال واظهارها على سطح المكاتب.


هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Mc Nabulsy
عضو نشيط
عضو نشيط


عدد المساهمات : 36
النقود : 67
المحبة : 5

مُساهمةموضوع: رد: كيفية أخفاء أو أظهار الإضافات على نموذج الجوال أو سطح المكتب   الأربعاء سبتمبر 20, 2017 10:14 pm

لا جديد سوى رائحة التميز
تثور من هنا ومن خلال هذا الموضوع
الجميل والمتميز ورقي الذائقه
في استقطاب ما هو جميل ومتميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
NAY
مؤسس المنتدى
مؤسس المنتدى
avatar

انثى
عدد المساهمات : 128
النقود : 948
المحبة : 4

مُساهمةموضوع: رد: كيفية أخفاء أو أظهار الإضافات على نموذج الجوال أو سطح المكتب   الخميس سبتمبر 28, 2017 10:45 pm

نورت الموضوع

_________________
ابداع المصممين
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Akatsuki
عضو نشيط
عضو نشيط
avatar

انثى
عدد المساهمات : 44
النقود : 110
المحبة : 4
العمر : 24

مُساهمةموضوع: رد: كيفية أخفاء أو أظهار الإضافات على نموذج الجوال أو سطح المكتب   الإثنين أكتوبر 02, 2017 11:11 pm

شكرا على الموضوع القيم ~
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
كيفية أخفاء أو أظهار الإضافات على نموذج الجوال أو سطح المكتب
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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