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

السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا خفيف وبسيط وهو عبارة عن كيفية تغيير شكل السكرول بار إلى شكل مميز 


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

]]></b:skin>

 ضع مباشرة فوقه هذا الكود.

::-webkit-scrollbar{
background:#fff;
width:15px;
}
::-webkit-scrollbar-thumb{
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.5);
-webkit-border-radius:30px;
background-image:-webkit-linear-gradient(top,#9bcfff 25%,#0e8aff 51%);
}
::-webkit-scrollbar-track{
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius:30px;
}

 إذا كانت لديك معرفة ب css يمكنك تغيير شكل السكرول بار ليتناسب مع مدونتك.

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

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

]]></b:skin>

 ضع مباشرة فوقه هذا الكود.

::-webkit-scrollbar{
background:#fff;
width:15px;
}
::-webkit-scrollbar-thumb{
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.5);
-webkit-border-radius:30px;
background-image:-webkit-linear-gradient(top,#9bcfff 25%,#0e8aff 51%);
}
::-webkit-scrollbar-track{
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius:30px;
}

  إذا كانت لديك معرفة ب css يمكنك تغيير شكل السكرول بار ليتناسب مع مدونتك

هل أعجبك الموضوع ؟

بقلم أيوب بولعيش

مدون مغربي مهووس بجديد التكنولوجيا والإنترنيت هدفي مشاركة تجربتي مع باقي رواد النتالفيسبوك . تويتر . جوجل بلس