Sitenin istediğin yere istediğin şekilde arka plan yapma nasıl oluyor? : Soru-Cevap

Soru - Cevap Bölümü / Kategori: Programlama

sen de sor

yanıtla

uzeyrr

21/03/2010 - 20:35:22 cevap (2) Okunma : 4159 Bu yazıyı 1 kişi tuttu.

Sitenin istediğin yere istediğin şekilde arka plan yapma nasıl oluyor?

Merhaba arkadaşlar

başlıktada belirttiğim gibi frontpage yada dreamweaverde arka planı isrtediğimiz yönder istediğimiz şekilde nasıl ayarlayabiliriz...

mesela ben sayfanın sağ tarafına 1 tane resim koyacam yani arka plana nasıl yapabilirim...

anlamadıysanız www.belediyemdergisi.net bu sitenin sağ tarafındaki resmi arka plan yoluyla sabitleştirmek istiyorum nasıl yaparım

kodum aşağıda

body { margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
background-image: url('images/reklam.jpg'); 
background-attachment: fixed; 
background-image: url(file:images/reklam.jpg); 
background-repeat: repeat-x;
}
A:link { COLOR: #000000; TEXT-DECORATION: none

yardımlarınız için teşekkür ederim...

Cevaplar ( Faydalı Cevapları Göster )

adres

Murat Kgirgin 16.06.2008 09:23:42

Faydalı cevap

Selamlar,

öncelikle css ile ilgili merak ettiğin herşeyi w3scholls.com da bulabilirsin. Oradan aldığım ilgili örnek şu şekilde.

<html>
<head>
<style type="text/css">
body
{ 
background-image: url('smiley.gif');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50px 100px;
}
</style>
</head>

<body>
<p><b>Note:</b> For this to work in Mozilla, the background-attachment property must be set to "fixed".</p>
</body>
</html>

yukarıdaki kodun çıktısı ise aşağıdaki gibi.

http://www.w3schools.com/css/tryit.asp?filename=trycssbackground-positionpixel

Aynı şeyi % kullanarak da yapabilirsin.

<html>
<head>
<style type="text/css">
body
{ 
background-image: url('smiley.gif');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 30% 20%; 
}
</style>
</head>

<body>
<p><b>Note:</b> For this to work in Mozilla, the background-attachment property must be set to "fixed".</p>
</body>
</html>

bu sana farklı çözünürlüğe göre itediğin bg' nin istediğin şekilde kareket etmesini sağlar.

http://www.w3schools.com/css/tryit.asp?filename=trycssbackground-positionpercent

bg lerle calismak konusunda daha ayrıntılı bilgi için,

http://www.w3schools.com/css/css_background.asp

adresini de ziyaret edebilirsin.

kolay gelsin.

YANITLA paylaş bildir yazdır

adres

Murat Kgirgin 08.07.2008 02:42:25

Selam, yukarıdaki örneklere ek olarak,

aşağıdaki örnekte css background özelliklerini gruplamaya dair bir örnek de var.

body {
background: #fff url("../images/bg_test01.jpg") repeat-x top center fixed;
}

YANITLA paylaş bildir yazdır

Bu Yazıyı Tutanlar

tümünü görüntüle

İlşkili Sorular

sen de sor

yanıtla

Soru-cevap Kategorileri

Soru-cevap Etiketleri

Toplantı Özgür Yazılım ve Linux Günleri '10

Cuma Nisa 02 09:00

Özgür Yazılım ve Linux Günleri '10

İstanbul Bilgi Üniversitesi Bilgisayar Bilimleri Bölümü ve Linux Kullanıcıları Derneği'nin 9 yıldır düzenlemekte oldukları etkinlikler bu yıl `Özgür Y...
Kategori: Toplantı

Yarışma 3. Uluslararası Ekslibris Yarışması: İstanbul 2010

Cuma Nisa 23 08:00

3. Uluslararası Ekslibris Yarışması: İstanbul 2010

İstanbul Ekslibris Dernegi, Feyziye Mektepleri Vakfı ve Işık Üniversitesi, kitaplar için mülkiyet işareti olarak kabul edilen ve üzerinde estetik dege...
Kategori: Yarışma

Konferans Yeni Medya ve Etkileşim Konferansı 2010 - Marmara Üniversitesi

Çarşamba Nisa 28 09:00

Yeni Medya ve Etkileşim Konferansı 2010 - Marmara Üniversitesi

Generally speaking, the term "New" brought about debates. We try to open up and elucidate the term "New" along with "Interact...
Kategori: Konferans

Konferans 3. Uluslararası Gelecek İçin Öğrenme Alanında Yenilikler Konferansı 2010: e-Öğrenme

Pazartesi Mayı 10 09:00

3. Uluslararası Gelecek İçin Öğrenme Alanında Yenilikler Konferansı 2010: e-Öğrenme

Konferans ile ilgili ayrıntılı bilgiye aşağıdaki bağlantıdan ulaşabilirsiniz: http://www.futurelearning.org.tr/katilim_cagrisitr.pdf ...
Kategori: Konferans

Toplantı IV. ANKARA TASARIM GÜNLERİ 2010

Cuma Mayı 21 09:00

IV. ANKARA TASARIM GÜNLERİ 2010

IV. Ankara Tasarım Günleri, seminerleri, sunumları, etkinlik tarihleri boyunca gezilebilecek tasarım sergileri, video art gösterimleri, çeşitli worksh...
Kategori: Toplantı