-->

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



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

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

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


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

معاينة وتحميل أكواد موضوع اليوم


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




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


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

.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 سوف تظهر عليه الإضافة التى تريد اخفاءها من الهواتف، ويمكنك تغيير الرقم الى رقم حجم شاشة أكبر حتى يتم اخفاء الإضافة من عليه ايضا.

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


ضع الكود أو الإضافة هنا

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


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


ضع الكود أو الإضافة هنا

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


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

اضغط هنا للتعليق
 
]