Konular
Videolar
Sunular
Testler

Tek parça resim dosyasından ilgili resmi css ile gösterme

Tek parça resim dosyasından ilgili resmi css ile gösterme çağrı

Tek parça resim dosyasından ilgili resmi CSS ile gösterme,

Tek parça resim dosyasından ilgili resmi CSS ile gösterme
Resim dosyasından kaç tane resim ekrana basmak istiyorsak o kadar div oluşturuyoruz.

 
<body>
<div style="float:left; width:29px; height:30px; background-repeat:no-repeat; background-position:-60px 2px; background-image: url(simge.jpg);"></div>
<div style="float:left; width:30px; height:30px; background-repeat:no-repeat; background-position:-90px 2px; background-image: url(simge.jpg);"></div>
</body>
 
 

Background position ise soldan vericeğiz boşluğun ölçüsüdür.Örneğin simgeler arasındaki boşluk 10px ise bir sonraki simge için -35px girilmelidir

CSS ayarlarını yukarıdaki gibi yaptıktan sonra ekran görüntüsü aşağıdaki gibi olacaktır

Tek parça resim dosyasından ilgili resmi CSS ile gösterme

Kaynak Çağrı KASAPOĞLU

20,967 Okunma Henüz yorum yapılmamış 29/02/2008 04:32:10

Yorumunuzu Ekleyin

Div ile Bölümler Oluşturmak

Div tagı yardımı ile sayfalı %40 ve %60 şeklinde ikiye bölüp içerisine iki farklı içerik yerleştirme ile ilgili bir çalışma

76,566 Okunma 2 Yorum 04/11/2008 16:41:55 31/05/2014 16:44:34

CSS ile Menü Yapımı

CSS'in menü yapımına etkileri

54,817 Okunma 1 Yorum 13/07/2007 17:53:23 28/12/2018 21:20:47

CSS ile Dikey Menü Yapımı

Web sitelerinin vazgeçilmez öğelerinde biridir menüler. Menüler kullanıcının oluşturduğumuz sayfalara hızlı erişimini sağlar. Bir çok site de Ürünler, İletişim, Hakkımızda vb. bölümlerini menü öğesi olarak görürüz. Bu makalede sırasız listeler()ve CSS yardımı ile menü yapımını anlatacağız. CSS ile yapılan menüler esnek, kolay düzenlenebilir, güzel görünen ve rollover efekti uygulana bilen menülerdir

30,637 Okunma Henüz yorum yapılmamış 01/08/2007 13:27:12

Renkli Form Yapımı

CSS yardımı ile renkli form kutucuklarının nasıl yapıldığına bir örnek

24,679 Okunma Henüz yorum yapılmamış 10/07/2007 03:35:08

CSS ve Clip

21,036 Okunma Henüz yorum yapılmamış 13/07/2007 20:15:21 28/05/2014 20:18:55

CSS ve Tablolar

20,560 Okunma Henüz yorum yapılmamış 13/07/2007 14:44:46

CSS ve Overflow

17,611 Okunma Henüz yorum yapılmamış 13/07/2007 14:42:26

CSS Animasyon Örnekleri

Bir kaç faydalı cssle yapılan animasyon örneği...

2,848 Okunma Henüz yorum yapılmamış 27/06/2019 10:59:51 27/06/2019 11:21:00

Yükleniyor...