link

CSS ile Arkaplan Resmi Nasıl Eklenir?

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

Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:WordPress Eklentileri Nasıl Aktif Edilir?

Sonraki Yazı:SQL | Tetikleyici Nedir? Ne Zaman Kullanılır? Türleri Nelerdir?

YORUMLAR
SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.