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

16/06/2008 - 11:32:51 cevap (2) Okunma : 1871 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 12: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 05: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ı Kahraman ve need4code.com Projesi Connect Toplantısı

Çarşamba Aral 03 21:00

Kahraman ve need4code.com Projesi Connect Toplantısı

Selam arkadaslar, Programlama ile uğraşanların hayatlarını kolaylaştıracak desktop ve web tabanlı ortak iki proje ile ilgili 3. toplantımızı 3Aralık...
Kategori: Toplantı

Yarışma Fikir10000 Dijital Pazarlama Fikir Yarışması

Çarşamba Aral 10 08:00

Fikir10000 Dijital Pazarlama Fikir Yarışması

ADTECH tarafından düzenlenen Fikir10000 yarışmasına; dijital pazarlama ile ilgili size ait olan fikrinizle katılabilir ve 10.000 YTL’lik birinci...
Kategori: Yarışma

Yarışma 7Dx Demoscene Party

Cumartesi Aral 20 19:00

7Dx Demoscene Party

2002 yılından beri amatör bilgisayar kültürü ile ilgilenen insanları bir araya getirmeyi hedefleyen 7DX parti serisinin bu seneki ayağı olan 7D8 Demo ...
Kategori: Yarışma

Eğitim Türkiye'de İnternet Konferansı - Internet Teknolojileri Derneği -22-23 Aralık ODTÜ

Pazartesi Aral 22 08:00

Türkiye'de İnternet Konferansı - Internet Teknolojileri Derneği -22-23 Aralık ODTÜ

Etkin Katılım Çağrısı Türkiye’de Internet ile ilgili grupları biraraya getirerek İnternet’i tum boyutlarıyla tanıtmak, gelistirmek, tartı...
Kategori: Eğitim

Konferans Bilgi Güvenliği ve Kriptoloji Konferansı

Çarşamba Aral 24 08:00

Bilgi Güvenliği ve Kriptoloji Konferansı

Önemli Tarihler: Etkinlik Tarihi : 24-26 Aralık 2008 Son Bildiri Gönderme Tarihi : 20 Ekim 2008 Bildiri Kabul Tarihi Bildirimi :...
Kategori: Konferans