Hocam şöyle basit bir açıklama yapayım. Aşağıdaki linkteki sitey girin oradan örnek vereceğim. Slider altındaki tuşlar sprite tekniği ile resimleri alıyor.
http://demo.eccetasarim.com/ecceblog
Sprite tekniği resimlerin bir bütün halde alındığı ve bu resimin belli parçalarının kullanılmasını sağlar.
Bu resimden aşağıdaki css kodları ile x ekseninde aşağıdan -37px ile başlayan resmi getiriyor. Belli yükseklik değerleri ile de resmin diğer bölgelerinin çıkmasını engelliyoruz.
.gecistus li:hover {
background: url(../images/element3.png) 0 -37px no-repeat;
float: left;
width: 16px;
height: 16px;
margin-right: 5px;
cursor: pointer;
}
Umarım anlatabilmişimdir.
http://demo.eccetasarim.com/ecceblog
Sprite tekniği resimlerin bir bütün halde alındığı ve bu resimin belli parçalarının kullanılmasını sağlar.
Bu resimden aşağıdaki css kodları ile x ekseninde aşağıdan -37px ile başlayan resmi getiriyor. Belli yükseklik değerleri ile de resmin diğer bölgelerinin çıkmasını engelliyoruz.
.gecistus li:hover {
background: url(../images/element3.png) 0 -37px no-repeat;
float: left;
width: 16px;
height: 16px;
margin-right: 5px;
cursor: pointer;
}
Umarım anlatabilmişimdir.
Merhaba
Çogunu Çözüm Ama Bir Tek -37px Oldugunu Nasıl Hesaplanıyor Onu Anlamadım :)