Responsive Reklam Alanı

CSS-Arkaplan-Resmi-Ekleme_emresupcinİyi Akşamlar Sevgili Okurlar,

Bu akşam ki makalemizde sizlere CSS dersi anlatacağım, Konumuz ise Css kodlarını kullanarak arkaplan resminin nasıl ekleneceği. 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…

Bg Patterns
Subte Patterns

Paylaşmak Güzeldir
Yazar
Yazar
WordPress Eklentileri Nasıl Aktif Edilir? SQL | Tetikleyici Nedir? Ne Zaman Kullanılır? Türleri Nelerdir?
Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Web Tasarım Blog Teması ES | Tüm hakları © Emre Supçin'e aittir.