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

Advertisements

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

0 31

Advertisements

اضافه رائعه جدا لتغيير شكل السكرول بار او شريط التمرير لشكل احترافي وانيق لمدونات بلوجر الاضافه لا تقم بتبطئ التصفح لمدونتك او ثقل في التحميل فهي 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

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

Advertisements

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

قد يعجبك ايضا

اترك تعليق

يرجي التسجيل لترك تعليقك

شكرا للتعليق

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