Blogger Scrollbar Duzenlemesi

Blogger Scrollbar Düzenlemesi
Blogger Scrollbar Düzenlemesi

Blogger şablonları CSS ile oldukça uyumlu şekilde tasarlanmıştır. Bunun yardımı ile sitenizde ki bir çok görünümü özelleştirebilirsiniz. Özelleştirilebilir olan özelliklerden biri de kaydırma çubuğu , bilinen ismi ile Scrollbar. Tam olarak bahsedilen kaydırma çubuğunu bir görüntü ile açıklayayım.

Blogger Scrollbar Düzenlemesi
Blogger Scrollbar Düzenlemesi

Scrollbar değiştirmek için Blogger kullanıcı panelinden şablon butonuna tıklayın ve HTML'yi düzenle seçeneğini kullanın.  Kodların arasından </b:skin> kodunu bularak aşağıda ki kodları </b:skin> kodunun üzerine ekleyin.


/* CBT Scrollbar CSS Effect [Webkit] */  ::-webkit-scrollbar {  width:12px; height:7px;  }  ::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);  background:#fff;  }  ::-webkit-scrollbar-thumb {  background: rgba(28,119,229,0.7);  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  }  ::-webkit-scrollbar-thumb:window-inactive {  background: rgba(116,188,99,0.5); 


Renkli olarak belirtilmiş olan kod dizinlerini kullanarak Scrollbarın boyutlarını ve rengini değiştirebilirsiniz. Renk kodlarını incelemek için buradan buyurun : http://www.bloggerdersleri.com/2012/08/renk-kodlari.html


Makaleyi Paylaş :
 

Yorum Gönder

 
Hakkında : kredi kartı borcu taksitlendirme
Copyright © 2012 - 2013. Blogger Dersleri - All Rights Reserved | Proudly powered by Blogger