 |
| 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 |
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
0 yorum:
Yorum Gönder