Forum Logo  

Geri Git   ForumKalbi.Com > Bilim ve Teknoloji > Webmaster Genel > vBulletin

vBulletin vBulletin hakkında bilgiler.


Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..

vBulletin hakkında bilgiler.


Kullanıcı Etiket Listesi

Like Tree8Beğeniler
  • 2 Post By OkyanusunKalbi
  • 1 Post By Asrevya
  • 1 Post By Elif
  • 1 Post By Asrevya
  • 1 Post By OkyanusunKalbi
  • 1 Post By Asrevya
  • 1 Post By OkyanusunKalbi

  
 
LinkBack Seçenekler Görüntüleme stilleri
Alt 21 Ocak 2025, 21:26   #1
Çevrimiçi
WoodStock 🤘☮
 
OkyanusunKalbi kullanıcısının Avatarı
 
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.
Varsayılan 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.




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.


Asrevya ve Elif bunu beğendi.
__________________

 
Alt 21 Ocak 2025, 22:30   #2
Çevrimiçi
 
Asrevya kullanıcısının Avatarı
 
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.
Varsayılan Yanıt: Temanızda Scrollbarin Rengini Değiştirmek ve Oval Yapmak..

Çok güzel olmuş, emeklerinize sağlık.
Ben de deniyorum.

Çok güzel olmuş, emeklerinize sağlık.
Ben de deniyorum.

OkyanusunKalbi bunu beğendi.
__________________
Değeri Değere Değen Kavrar...
 
Alt 21 Ocak 2025, 23:49   #3
Çevrimdışı
 
Elif kullanıcısının Avatarı
 
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.
Varsayılan 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ş

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ş

OkyanusunKalbi bunu beğendi.
 
Alt 23 Ocak 2025, 20:32   #4
Çevrimiçi
 
Asrevya kullanıcısının Avatarı
 
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.
Varsayılan 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!].

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!].

OkyanusunKalbi bunu beğendi.
__________________
Değeri Değere Değen Kavrar...
 
Alt 23 Ocak 2025, 20:39   #5
Çevrimiçi
WoodStock 🤘☮
 
OkyanusunKalbi kullanıcısının Avatarı
 
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.
Varsayılan 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ı göster
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!].
Sevindim yapmışsınız hocam. Elinize sağlık. Asıl ben teşekkür ederim. Sayenizde ben de düzenlemiş oldum.

Alıntı:
Asrevya kullanıcısının gönderdiği mesajdan alıntı Mesajı göster
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!].
Sevindim yapmışsınız hocam. Elinize sağlık. Asıl ben teşekkür ederim. Sayenizde ben de düzenlemiş oldum.

Asrevya bunu beğendi.
__________________

 
Alt 23 Ocak 2025, 20:44   #6
Çevrimiçi
 
Asrevya kullanıcısının Avatarı
 
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.
Varsayılan 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ı göster

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.
Bu arada bu kodlar edge ve chrome'da işe yarıyor. Firefoxta göstermiyor.
Güle güle kullanalım inşallah.

Alıntı:
OkyanusunKalbi kullanıcısının gönderdiği mesajdan alıntı Mesajı göster

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.
Bu arada bu kodlar edge ve chrome'da işe yarıyor. Firefoxta göstermiyor.
Güle güle kullanalım inşallah.

OkyanusunKalbi bunu beğendi.
__________________
Değeri Değere Değen Kavrar...
 
Alt 23 Ocak 2025, 20:57   #7
Çevrimiçi
WoodStock 🤘☮
 
OkyanusunKalbi kullanıcısının Avatarı
 
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.
Varsayılan 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ı göster
Buraya çok yakıştı, çok şık oldu.
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..

Alıntı:
Asrevya kullanıcısının gönderdiği mesajdan alıntı Mesajı göster
Buraya çok yakıştı, çok şık oldu.
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..

Asrevya bunu beğendi.
__________________

 
  

İçeriği Sosyalleştir

Etiketler
değiştirmek, oval, rengini, scrollbarin, temanızda, yapmak


Şu anda bu konuyu görüntüleyen etkin kullanıcılar: 1 (0 üye ve 1 konuk)
 
Seçenekler
Görüntüleme stilleri

Gönderme Kuralları
Konu açma yetkiniz yok
Cevap Yazma Yetkiniz Yok
Eklenti ekleme yetkiniz yok
Mesaj düzenleme yetkiniz yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık



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

Forum Yasal Uyarı
Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2025, vBulletin Solutions Inc.

ForumKalbi, lisanslı vBulletin® kullanmaktadır.

ForumKalbi.Com; 5651 sayılı kanun uyarınca yer sağlayıcı niteliğini haiz bir genel forum sitesidir. Sitemizde yapılan paylaşımlar, moderasyon ekibimizin onayına dahil olmadan direkt yayınlanmaktadır. 5237 sayılı TCK (Türk Ceza Kanunu) ve 5651 Sayılı Kanun'un ilgili maddelerini ihlal eden kişilerin IP adresi ve sair kişisel verileri işlenmekte; yetkili merci tarafından müzekkere (Resmi Üst Yazı), tarafımıza tanzim edildiği takdirde paylaşılacaktır. Hukuka aykırı bir içerik paylaşımının olduğunu düşündüğünüz mesaj, konu ya da görseli içeren forum gönderilerini; İLETİŞİM bağlantısındaki formu doldurarak iletebilirsiniz. 48 saat içerisinde mevcut şikâyetiniz üzerinden tarafınıza ulaşılacak, gerekli işlemler tesis edilecektir.