ForumKalbi.Com

ForumKalbi.Com (https://www.forumkalbi.com/index.php)
-   vBulletin (https://www.forumkalbi.com/forumdisplay.php?f=227)
-   -   Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak.. (https://www.forumkalbi.com/showthread.php?t=30399)

Leydihan 21 Ocak 2025 21:26

Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..
 
[Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!]


Merhabalar,
Temanızda bulunan sayfayı aşağı ve yukarı hareket ettirmek için scroolbarı temanıza göre rengini değiştirebilir, ovallik verebilirsiniz..



[Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!]

Ö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.


Asrevya 21 Ocak 2025 22:30

Yanıt: Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..
 
Çok güzel olmuş, emeklerinize sağlık.[Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!]
Ben de deniyorum.:)

Elif 21 Ocak 2025 23:49

Yanıt: Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..
 
Emeğine sağlık @[Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!] güzel olmuş

Asrevya 23 Ocak 2025 20:32

Yanıt: Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..
 
Nihayet yapabildim.:)
İlave CSS-yazılımı alanına eklemiştim, ama olmamıştı.
Bu kodları ayrıca header <style>... </style> Tag´larının arasına da ekleyince gösterdi. Bundan sonra sık sık değiştiririm.
Estetik güzelliği paylaştım sayenizde. Teşekkür ederim @[Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!].[Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!]

Leydihan 23 Ocak 2025 20:39

Yanıt: Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..
 
Alıntı:

Asrevya kullanıcısının gönderdiği mesajdan alıntı (Mesaj 84839)
Nihayet yapabildim.:)
İlave CSS-yazılımı alanına eklemiştim, ama olmamıştı.
Bu kodları ayrıca header <style>... </style> Tag´larının arasına da ekleyince gösterdi. Bundan sonra sık sık değiştiririm.
Estetik güzelliği paylaştım sayenizde. Teşekkür ederim @[Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!].[Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!]

Sevindim yapmışsınız hocam. Elinize sağlık. Asıl ben teşekkür ederim. Sayenizde ben de düzenlemiş oldum. :)

Asrevya 23 Ocak 2025 20:44

Yanıt: Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..
 
Alıntı:

OkyanusunKalbi kullanıcısının gönderdiği mesajdan alıntı (Mesaj 84841)

Sevindim yapmışsınız hocam. Elinize sağlık. Asıl ben teşekkür ederim. Sayenizde ben de düzenlemiş oldum. :)

Buraya çok yakıştı, çok şık oldu. [Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!][Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!]
Bu arada bu kodlar edge ve chrome'da işe yarıyor. Firefoxta göstermiyor.
Güle güle kullanalım inşallah.:)

Leydihan 23 Ocak 2025 20:57

Yanıt: Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..
 
Alıntı:

Asrevya kullanıcısının gönderdiği mesajdan alıntı (Mesaj 84842)
Buraya çok yakıştı, çok şık oldu. [Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!][Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz. Foruma üye olmak için TIKLAYIN!]
Bu arada bu kodlar edge ve chorme'da işe yarıyor. Firefoxta göstermiyor.
Güle güle kullanalım inşallah.:)

Evet chrome tabanlı tüm tarayıcılar da işe yarar ancak mozilla'ya bazı kodlar uyumlu değil maalesef..


Forum saati; Türkiye'ye göre ayarlanmış olup, şu an saat: 10:46.

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2026, vBulletin Solutions Inc.
Navbar with Avatar by Motorradforum