Üye Girişi Yapınız     


    E-Posta
    

    Şifreniz
    



Şifremi Unuttum


Ana Sayfa Site Hakkında İletişim Ziyaretçi Defteri Döküman İndir Makale Ekle Haber Ekle

     HTML’de Arka Plan Ayarları
     admin     04.10.2012     10:01:47

HTML ile sayfalarınızın arka planını renklendirebilirsiniz veya arka plana resim yerleştirenilirsiniz.



Bu işlemleri gerçekleştirmek için etiketlerle birlikte parametre kullanmalıyız.

Arka plan Rengi(bgcolor)

<body> etiketinin altında bgcolor parametresine değer atanır..

Örneğin;

<body bgcolor=”#ff0000″>  (Arka plan rengini kırmızı olmasını sağlar, RGB renk sistemi).

<body bgcolor=”red”> (sadece ingilizce renk ismini yazarak da oluşturabiliriz.

Arka plan Resmi Oluşturma(background)

 <body> etiketinin altında background parametresini yazarak kullanılır.

Örneğin;

<body background=”http://www.htmldersi/araba.jpg” > (Bir web sitesindeki resmi kullanma)

<body background="image/image1.jpg" > (Bir klasördeki resmi kullanma)

Facebook'ta Paylaş    
Diğer HTML İçerikleri       Tüm Yazılar        Ana Sayfa


  =>Soru Sorun veya Yorum Yazın...

İsim Giriniz :
  

  =>Yapılan Yorumlar...

Muhammed Öztürk    04.10.2012    13:02:12

HTMLde Arkaplana döşediğimiz resim neden kendini yeniliyor sadece tek olsa olmaz mı oluyorsa nasıl oluyor??


ömer faruk arslan    04.10.2012    13:02:41

renk kodlarının başına # koymayınca da oluyor bu programda bir sorun cıkartır mı?


Ayhan Sarı    04.10.2012    13:13:44

Cevap : Renk kodlarının başına #(Diyez) işareti koymanızı öneririm. Tarayıcılar farklı yorumlayabilir.

 


Ayhan Sarı    04.10.2012    13:16:19

Cevap : Resmin arka plana tekrarlanmadan yerleştirilmesini sağlayabilir ve ekrana ortalayabiliriz. Bu işlemi basit bir CSS kodu ile halledebiliriz.

<BODY style="background:url(kod_dunyasi_kapak.jpg) center no-repeat;">

center : ortalar.
no-repeat :
Tekrarlanmasını önler.



Muhammed Öztürk    04.10.2012    14:28:44

Resmi Ekran boyutuna göre döşemek için:

1. yol:

<style>

* { margin: 0; padding: 0; }

html {

background: url(images/bg.jpg) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

</style>
 

 

2.yol

2. Yol ise aşağıdaki css kodunu <head> ve </head> tagları arasına yerleştirmek v <body> tagından sonra en alttaki kodu kendinize göre düzenleyip eklemek

 

<head> tagları arasına yerleştirilecek kod.

<style>

body{ margin:0; padding:0; }

.arkaplan{ position:absolute;z-index:-1;margin:0;padding:0;height:100%;width:100%; }

</style>

 

Body tagından sonra gelecek kod.

<img src=”kate.jpg” class=”arkaplan”>


volkancan     15.07.2013    16:27:10

 arka plan resmi ekledim bunu web sitemin boyutuna göre ayarlam istiyorum, bu konuda yardımcı olursanız sewinirim 


admin    19.07.2013    19:05:48

volkancan. 

http://www.koddunyasi.net/makale_detay.aspx?makale_ID=89&m_KTG_ID=9&m_KTG=CSS

makalesine bakar mısın?


ismail raşan    31.01.2014    02:56:37

Efendim,benim arka plan ayarlarıyla sorunum var, sabit eski reimleri silemiyorum , acaba bana yardımcı olurmusunuz, ilginiz için teşekkür ederim.


admin    31.01.2014    21:56:08

Nasıl bir sorun ismail bey?


ayhan    23.10.2017    21:04:45

Sorunuzu tam olarak anlayamadım @ayl


nihat    08.12.2014    12:18:01

<body background="image/image1.jpg" >


ayl    19.10.2017    16:16:16

html5 web sayfası kodları ve o rengı ayarladıktan sonra boyutları nasıl olmalı