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
Daha sonra sayfamızda simge kullanmak istediğimiz yere aşşağıdaki kodu ekliyoruz
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
Gelelim arkaplana background repeat ile zemin vermeye:
Öncelikle arka plan için resmimizi hazırlayalım
Hazırladığımız resmi bacground image olarak atıyoruz ve repeat x diyoruz
Apply dediğimizde arkaplan için güsel bir efekt elde etmiş oluyoruz
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ıyoruzbackground 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
Gelelim arkaplana background repeat ile zemin vermeye:
Öncelikle arka plan için resmimizi hazırlayalım
Hazırladığımız resmi bacground image olarak atıyoruz ve repeat x diyoruz
Apply dediğimizde arkaplan için güsel bir efekt elde etmiş oluyoruz
Yorumunuzu Ekleyin