دليلك الشامل لتبسيط كل جديد ودخول عالم كبير من الاخبار المميزه

تغيير شكل شريط التمرير لشكل احترافي وجذاب لمدونات بلوجر

0 11

اعلان

اضافه رائعه جدا لتغيير شكل السكرول بار او شريط التمرير لشكل احترافي وانيق لمدونات بلوجر الاضافه لا تقم بتبطئ التصفح لمدونتك او ثقل في التحميل فهي 100% سريعه ولانها مصممه بال css فالجميع يعلم ان مظهر المدونه يجذب الزوار لتصفحها وايضا التعلق بها وهذا لا يعني ان تقوم بوضع اضافات كثيره جدا تجعل الزائر يهرب من كثر وقت التحميل وبطي التصفح
دعونا لا نتكلم كثيرا و لنهب مباشرا لتركيب الاضافه

شرح طريقة التركيب

  1. قم بتحرير قالب Html
  2. استخدم Ctrl + F وقم بالبحث عن]]></b:skin> 
  3. قم بوضع الكود التالي فوقه اي قبله

/*start bar by tapseet.com*/
::-webkit-scrollbar { background:#e1e1e1; width:15px;}
::-webkit-scrollbar-thumb {
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.5);
background:#00AFFF;
}
::-webkit-scrollbar-track {
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius:30px;
}
::-webkit-scrollbar-thumb:hover {background:#0096DC;}
::-webkit-scrollbar-thumb:active {background:#007EC1;}
::-moz-scrollbar { background:#e1e1e1; width:15px;}
::-moz-scrollbar-thumb {
-moz-shadow:inset 0 0 6px rgba(0,0,0,0.5);
background:#00AFFF;
}
::-moz-scrollbar-track {
-moz-shadow:inset 0 0 6px rgba(0,0,0,0.3);
}
::-moz-scrollbar-thumb:hover {background:#0096DC;}
::-moz-scrollbar-thumb:active {background:#007EC1;}
::-o-scrollbar { background:#e1e1e1; width:15px;}
::-o-scrollbar-thumb {
-o-shadow:inset 0 0 6px rgba(0,0,0,0.5);

background:#00AFFF;
}
::-o-scrollbar-track {
-o-shadow:inset 0 0 6px rgba(0,0,0,0.3);
-o-border-radius:30px;
}
::-o-scrollbar-thumb:hover {background:#0096DC;}
::-o-scrollbar-thumb:active {background:#007EC1;}
/*End bar by tapseet.com*/

التعديلات
يوجد ثلاث الوان موجودين بهذه الاضافه وهم عباره عن

  1. لون السكرول بار نفسه  00AFFF#
  2. لون السكرول بار عند تمرير الماوس عليه 0096DC#
  3. لون السكرول بار عند الضغط عليه #007EC1

قم بتغيير هذه الالوان لما تحب
كان هذا كل الامر لتغيير شكل السكرول بار لمدونات بلوجر
اراكم في موضوع جديد باذن الله

اعلان

اشترك الان مجانا وبدون اي مجهود او تعب ستتوصل بجديد المواضيع المميزه

قد يعجبك ايضا
التعليقات
تحميل ...

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