القائمة الرئيسية

الصفحات

أخبار الاخبار

كيفية تخصيص لون الشريط العلوى لموقعك فى متصفحات الهواتف | mobile web app status bar style


 ربما قد تلاحظ اثناء تصفحك لموقع معين على هاتفك فقد تري بعض المواقع عند الدخول عليها بمتصفحات مثل Chrome,Firefox لهواتف الأندرويد يتغير لون الشريط العلوى إلى لون ما والبعض الأخر يظل الشريط كما هو , كذلك الوضع فى هواتف Iphone , ipad و متصفح  Safari الشهير و هواتف windows phone فـ كيفية تخصيص هذا الشريط فى موقعك ؟
للمعاينة

الـخـطـوات 
  1. كل ما عليك عو أن تبحث عن <head> بداخل قالبك , ثم تضع الكود التالي بعدها مباشرة ً
الـــكـــود
<!-- Chrome, Firefox OS, Opera and Vivaldi -->
<meta content='#6d2f7e' name='theme-color'/>
<!-- Windows Phone -->
<meta content='#6d2f7e' name='msapplication-navbutton-color'/>
<!-- iOS Safari -->
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#6d2f7e' name='apple-mobile-web-app-status-bar-style'/>
*ملحوظة*
لا تنسي إستبدال #6d2f7e بكود اللون اللذي تريده

------------------------------


هل اعجبك الموضوع :

تعليقات

عناوين الموضوع