السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا خفيف وبسيط وهو عبارة عن كيفية تغيير شكل السكرول بار إلى شكل مميز هذا الموضوع وضعته بعد أن إستفسرني الأخ مصطفى أشرف على كيفية تغييرها كل ماسنفعله هو زرع كود css بسيط في المدونة وسوف تشتغل معنا الإضافة بشكل جيد
أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F).
أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F).
]]></b:skin>ضع مباشرة فوقه هذا الكود.
إذا كانت لديك معرفة ب css يمكنك تغيير شكل السكرول بار ليتناسب مع مدونتك.
::-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 بسيط في المدونة وسوف تشتغل معنا الإضافة بشكل جيد
أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F).
]]></b:skin>ضع مباشرة فوقه هذا الكود.
إذا كانت لديك معرفة ب css يمكنك تغيير شكل السكرول بار ليتناسب مع مدونتك.
::-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;
}