- Kayıt
- 3 Nisan 2008
- Mesaj
- 2.630
- Tepki
- 89
Browserlerin yeni sürümleri geldikçe yeni özelliklerde bereberinde geliyor. Bunlardan biride Microsoft Internet Explorerin 5.5 ve üzeri sürmlerinde kullanılabilinen scrollbar ( kaydırma çubukları ) ın renklerini istediğiniz şekilde değiştirebilmenizdir.
Belki site içeriği ile ilgili bir gelişme olmadığı için önemsenmeyebilinir. Fakat yinede sayfa tasarımına bir farklılık getireceği açıktır. Yapılması gereken sadece birkaç sitilin sayfaya eklenmesinden ibaret olması işin farklı bir boyutudur. Bu ayrıca öğrenilmesi gereken ( eğer istenilirse ) birkaç yeni sitil özelliğinide beraberinde getirmektedir.
Scrollbar renklerini düzenlemede kullanılan yeni sitiller ve kullanım şekilleri aşağıdadır.
Kaydırma çubukları için uygulanacak renk bölgelerini yandaki resimde görebilirsiniz.
Peki bu sitiller hangi taga uygulanacak. Bu sitilleri browser penceresi için uygulamak istediğimizden <BODY> tagı sitillerine uyguluyoruz. Örnek olarak aşağıdaki uygulama resimdeki şekild bir sonuç verecektir.
Belki site içeriği ile ilgili bir gelişme olmadığı için önemsenmeyebilinir. Fakat yinede sayfa tasarımına bir farklılık getireceği açıktır. Yapılması gereken sadece birkaç sitilin sayfaya eklenmesinden ibaret olması işin farklı bir boyutudur. Bu ayrıca öğrenilmesi gereken ( eğer istenilirse ) birkaç yeni sitil özelliğinide beraberinde getirmektedir.
Scrollbar renklerini düzenlemede kullanılan yeni sitiller ve kullanım şekilleri aşağıdadır.
Kod:
scrollbar-base-color: renk_değeri;
scrollbar-track-color: renk_değeri;
scrollbar-face-color: renk_değeri;
scrollbar-highlight-color: renk_değeri;
scrollbar-3dlight-color: renk_değeri;
scrollbar-darkshadow-color: renk_değeri;
scrollbar-shadow-color: renk_değeri;
scrollbar-arrow-color: renk_değeri;Kaydırma çubukları için uygulanacak renk bölgelerini yandaki resimde görebilirsiniz.
Peki bu sitiller hangi taga uygulanacak. Bu sitilleri browser penceresi için uygulamak istediğimizden <BODY> tagı sitillerine uyguluyoruz. Örnek olarak aşağıdaki uygulama resimdeki şekild bir sonuç verecektir.
Kod:
<STYLE type="text/css"><!--
BODY {
scrollbar-base-color: #ffff00;
scrollbar-track-color: #ffcc99;
scrollbar-face-color: #6699cc;
scrollbar-highlight-color: #cc0000;
scrollbar-3dlight-color: #99ccff;
scrollbar-darkshadow-color: #66ff00;
scrollbar-shadow-color: #cc99ff;
scrollbar-arrow-color: #ccff00;
}
--></STYLE>
