كود شريط التمرير بالتمبلر 2015 - شرح تغير شكل السكرول بار بالتمبلر 2015





السلام عليكم و رحمة الله و بركاته ،،
اضافه ل التمبلر و هي تغيير شكل السكرول بار ( شريط التمرير ) ،

نضيف الكود فوق كود الـ Clear / ،، فوقه ب سطرين او 3 ,


كود الـ PHP:
.clear {

---
و هذا هو الكود كامل


كود الـ PHP:
::-webkit-scrollbar {
width: 12px;
overflow-y:scroll;
overflow-x:hidden;
padding:3px;
opacity: 0.97;
background-color: #e5e9eb;
box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.15);


}


::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px #9db5bf;
-webkit-border-radius: 2px;
border-radius: 2px;

}


::-webkit-scrollbar-thumb {
-webkit-border-radius: 19px;
border-radius: 19px;
background: #e1e8eb;
-webkit-box-shadow: inset 0 0 2px #9d9d9a;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #e1e8eb;
}

و هذا شرح الكود ب الصوره




موفقين يـارب ،