Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme

Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme
Öncelikle tek resim içerinde birden fazla simgenin bulunduğu resimimizi hazırlayalım
Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme
Daha sonra sayfamızda simge kullanmak istediğimiz yere aşşağıdaki kodu ekliyoruz
<div style=" float:left; width:20px; height:20px; background-image:url(a.jpg); background-repeat:no-repeat; background-position:-25px 2px;">
Daha sonra a.jpg yazan yere birden fazla simgenin bulunduğu resimin bulunduğu adresi yazıyoruz
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

Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme

Gelelim arkaplana background repeat ile zemin vermeye:
Öncelikle arka plan için resmimizi hazırlayalım

Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme
Hazırladığımız resmi bacground image olarak atıyoruz ve repeat x diyoruzTek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme
Apply dediğimizde arkaplan için güsel bir efekt elde etmiş oluyoruz
Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme
Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...