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


شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
sнɪиє
مؤسس المنتدى
مؤسس المنتدى
avatar

انثى
عدد المساهمات : 239
النقود : 1174
المحبة : 5

مُساهمةموضوع: كيفية أخفاء أو أظهار الإضافات على نموذج الجوال أو سطح المكتب   الثلاثاء سبتمبر 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
النقود : 121
المحبة : 5

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


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

انثى
عدد المساهمات : 239
النقود : 1174
المحبة : 5

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


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

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

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


شكرا على الموضوع القيم ~
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
AmEeR AlSaAiDI
عضو نشيط
عضو نشيط
avatar

ذكر
عدد المساهمات : 185
النقود : 440
المحبة : 5

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


جزاك الله كل خير
شكرا لك على الموضوع الرائع
تحياتى لك
امير الصعيدى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Adnan Ibrahim
اداره المنتدى
اداره المنتدى
avatar

ذكر
عدد المساهمات : 99
النقود : 882
المحبة : 1

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


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

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