-->
محترفي الإعلاميات محترفي الإعلاميات

آخر الأخبار

جاري التحميل ...

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


السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا خفيف وبسيط وهو عبارة عن كيفية تغيير شكل السكرول بار إلى شكل مميز هذا الموضوع وضعته بعد أن إستفسرني الأخ مصطفى أشرف على كيفية تغييرها كل ماسنفعله هو زرع كود 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 يمكنك تغيير شكل السكرول بار ليتناسب مع مدونتك.

السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا خفيف وبسيط وهو عبارة عن كيفية تغيير شكل السكرول بار إلى شكل مميز هذا الموضوع وضعته بعد أن إستفسرني الأخ مصطفى أشرف على كيفية تغييرها كل ماسنفعله هو زرع كود 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 يمكنك تغيير شكل السكرول بار ليتناسب مع مدونتك.

التعليقات



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

إتصل بنا

جميع الحقوق محفوظة

محترفي الإعلاميات

2020