Css Ugulama Örnekleri / Tek parça resim dosyasından ilgili resmi css ile gösterme

2. Sınıf Öğrencileri İçin Sunular 1
5. Sınıf Öğrencileri Için Sunular 13
8. Sınıf Öğrencileri İçin Sunular 23
Belirli Gün Ve Haftalar 1
Bilgisayar Donanımları 5
Bilgisayar Programlama 2
Bilgisayar Yazılım 2
Bilişim Teknolojileri Ve Yazılım Temel Bilgisayar 64
Biyografiler 2
Biyoloji 2
Değerler Eğitimi 4
Eba Elektronik Bilişim Ağı 5
Eğitim-Öğretim Sunuları 3
Felsefe 2
İslam 3
Kelime İşlemci 1
Kişisel Gelişim 4
Kodlama, Robotic 4
Ortak Eğitim Proje Sunuları. 2
Problem Çözme Ve Algoritmalar 3
Proje Nedir? Nasıl Yapılır? 1
Rehberlik 16
Sağlık 3
Savaşlar 1
Scratch 1
Seminerler 3
Sınav Kaygısı 2
Sosyal Bilgiler 1
Sosyal Bilgiler 1
Tarih 1
Ulaşım Araçları 1
Verimli Ders Çalışma 1
Web Araçları 0
Windows İşletim Sistemi 1
Yarışmalar 0

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,

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

23,194 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

82,892 okuma, 31/05/2014

CSS ile Menü Yapımı

CSS'in menü yapımına etkileri

58,319 okuma, 01/11/2024

List Tagları ve Css ile Yatay Menü Yapımı

İngilizce bir makaledir.

46,711 okuma,

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

33,336 okuma,