CSS ile Arkaplan Resmi Nasıl Eklenir?

. 1 Hiç yorum yok
 Web sayfalarının arkaplan resimleri reklam, tanıtım ve hayal gücü anlamında ne kadar başarılı ise o kadar dikkat çekecektir. Arkaplan web sayfaların en önemli kısmıdır bence. Eğer arkaplan kullanılıyorsa sade ve hoş olmalıdır.

Arkaplan kodu aşağıdaki gibi örnekte belirttim temeli ve kullanımı oldukça basittir.Sadece resim dosyamızın hangi klasörde olduğunu veya yerini bulmamız ve göstermemiz gerekli.

Örnek verecek olursak;
        2  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        3    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        4         <html xmlns="http://www.w3.org/1999/xhtml">
        5         <head>
        6    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
        7    />
        8    <title>Artalan(Background) Özellikleri</title> 
        9    <style type="text/css">
        10   body{
 11        background-image: url(deneme.png);  /* Resim Dosyası */
 12        color: #FFF;
        13       }
        14          </style>
        15       </head>
        16    <body>
        17  <p> Bilişim ve Teknolojinin yanı sıra Yazılım & Donanım & Windows 
   ile ilgili bilgileri dersleri emresupcin.com blogunda bulabilirsiniz. </p>
        18 </body> 
        19 </html>
—————————————————————————-
Kod
       1  <style type="text/css">
       2  body{
       3       background-image: url(deneme.png);  /* Resim Dosyası */
       4       color: #FFF;
       5      }
       6  </style>

----------------------------------------------------------------------------
Tarayıcı Desteği
Background-image özelliği tüm büyük tarayıcılarda desteklenir.
Not: IE8 ve daha önceki bir eleman birden fazla arka plan görüntüleri desteklemez.
Not: Değeri “inherit” IE7 ve önceki sürümlerinde desteklenmez. IE8 a! DOCTYPE gerektirir. IE9 “inherit” destekler.

Kaliteli ve ücretsiz arkaplan resimleri aşağıdaki linklerden indirebilirsiniz…

Hiç yorum yok :

Yorum Gönder

Kaydol: Kayıt Yorumları ( Atom )