Profil ayrıntılarını görüntüleyebilmek için kayıtlı kullanıcı olmanız ve üye hesabınızla oturum açmanız gerekmektedir.
Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..
Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..

Merhabalar,
Temanızda bulunan sayfayı aşağı ve yukarı hareket ettirmek için scroolbarı temanıza göre rengini değiştirebilir, ovallik verebilirsiniz..
Öncelikle değiştirmek istediğimiz temanın genel ayarlarına gelip temanın alt kısmında bulunan İlave CSS-yazılımında bulunan en alta aşağıdaki kodları ekliyoruz.
Kod:
::-webkit-scrollbar {
width: 10px; /*genislik 10px olsun*/
background-color: #eaeaea; /*scrollbar arkaplan renk*/
border-left: 1px solid #f1f1f1; /*arkaplan sol tarafa cizgi cek*/
}
::-webkit-scrollbar-thumb {
background-color: #a0a0a0; /*scrollbar renk*/
border-radius:15px /*oval olsun*/
}
::-webkit-scrollbar-thumb:hover { /*tiklandiginda*/
background-color: #7d7d7d;
}
Ben rengini temaya uygun olsun diye mavi yaptım..
Kod:
::-webkit-scrollbar-thumb {
background-color: #a0a0a0;
background-color: #a0a0a0; Olan yeri açık mavi
Kod:
::-webkit-scrollbar-thumb:hover { /*tiklandiginda*/
background-color: #7d7d7d;
background-color: #7d7d7d; olan yeri de bir ton koyu mavi yaptım..
Kod:
::-webkit-scrollbar {
width: 10px; /*genislik 10px olsun*/
background-color: #eaeaea; /*scrollbar arkaplan renk*/
border-left: 1px solid #f1f1f1; /*arkaplan sol tarafa cizgi cek*/
}
::-webkit-scrollbar-thumb {
background-color: #8a96f4; /*scrollbar renk*/
border-radius:15px /*oval olsun*/
}
::-webkit-scrollbar-thumb:hover { /*tiklandiginda*/
background-color: #3f54ef;
}
Kodlarım böyle.. Siz isterseniz bu alanları temanızda bulunan renk kodlarına göre değiştirebilirsiniz.
|