CSS ile Her Çözünürlüğe/Ekrana Uygun Sabit Arka Plan Resmi Uygulaması
Merhaba arkadaşlar,
Bu konumuzda, aşağıdaki vermiş olduğum css kodları sayesinde her tarayıcı, çözünürlük/ekran için arka plan resmi ekleyeceğiz.
Aşağıdaki kodları kullandığınız temanın / Global.css kalıplarından / Gelişmiş düzenlemeye girip, hemen ilk satırda yer alan
body koduna ilave edin..
Her temanın body kodu farklı olabilir siz sadece aşağıdaki farkları ekleyin yeterlidir, kullandığınız body kodunu silmeyin, hata yaşayabilirsiniz..
PHP Kod:
body {
background: #ccc url(MG-v1images/arkaplan.png) no-repeat center center fixed;
background-attachment: fixed;
}
Sadece üsteki kod ile bu yapılabilir fakat tarayıcı İE farkınıda kapamak için aşağıdaki kodları kullanmanız tavsiye edilir..
PHP Kod:
body {
background: #ccc url(MG-v1images/arkaplan.png) no-repeat center center fixed;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Kaynak: www.mybb.com.tr
Tam da bunu arıyordum, çok teşekkürler.
Usta peki eklediğimiz arka plana link nasıl ekleriz, arka plana tıklandığında yeni sayfa açılsın istiyorum. Kullandığım global.css içinde body kodu aşağıdadır.
Kod:
body {
background: url(images/arka_plan.jpg) no-repeat top center;
background-attachment: fixed;
font-family: Tahoma, Geneva, Sans-Serif;
font-size: 13px;
text-align: center;
line-height: 1.6em;
margin: 0;
text-align: center;
}
Arkadaşlar bunu mutlaka yapmam lazım nasıl yapabilirim
Merhaba,
@Xray,yapmak istediğiniz sitenizin arkaplanına bir resim eklemek ve bu resime tıklandığında belirlediğiniz sayfaya gitmesini sağlamaya çalışıyorsunuz.Bunu şu şekilde gerçekleştirebilirsiniz aşağıda ki kodu sitenizin
index şablonu veya
header şablonundan bir yere ekleyiniz.
İndex şablonunda mutlaka <head></head> tagları arasına ekleyin. veya header şablonunda istediğiniz yere ekleyebilirsiniz.
Kod:
<body onclick="javascript:location.href='http://www.google.com.tr/';">
Google adresi yazan yere yönlendirmek istediğiniz adresi yazmanız yeterli olacaktır.
İyi forumlar.
(02-02-2014, Saat:22:33)Machine Adlı Kullanıcıdan Alıntı: [ -> ]Merhaba,
@Xray,yapmak istediğiniz sitenizin arkaplanına bir resim eklemek ve bu resime tıklandığında belirlediğiniz sayfaya gitmesini sağlamaya çalışıyorsunuz.Bunu şu şekilde gerçekleştirebilirsiniz aşağıda ki kodu sitenizin index şablonu veya header şablonundan bir yere ekleyiniz.
İndex şablonunda mutlaka <head></head> tagları arasına ekleyin. veya header şablonunda istediğiniz yere ekleyebilirsiniz.
Kod:
<body onclick="javascript:location.href='http://www.google.com.tr/';">
Google adresi yazan yere yönlendirmek istediğiniz adresi yazmanız yeterli olacaktır.
İyi forumlar.
Dostum bu yazdığın kod bloğu yanlış kullanımdır
head etiketinde body açamazsın. Daha doğrusu açmaman gerekir. yazdığını bi html dosyasına yapıştırıp kaynağına bak hatalı olarak gösterecektir.
Soruna gelirsek şunu kullanabilirsin;
CSS:
Kod:
.ArkaPlanLink{
position:fixed;
background: url(Resim linki) no-repeat top left / cover fixed;
width:100%;
height:100%;
z-index:-1;
}
HTML (Footerda </body> etiketinden önce ekle.):
Kod:
<div class="ArkaPlanLink" onclick="window.location.href='Gidilecek site linki'"></div>
(02-02-2014, Saat:23:30)TShujin Adlı Kullanıcıdan Alıntı: [ -> ] (02-02-2014, Saat:22:33)Machine Adlı Kullanıcıdan Alıntı: [ -> ]Merhaba,
@Xray,yapmak istediğiniz sitenizin arkaplanına bir resim eklemek ve bu resime tıklandığında belirlediğiniz sayfaya gitmesini sağlamaya çalışıyorsunuz.Bunu şu şekilde gerçekleştirebilirsiniz aşağıda ki kodu sitenizin index şablonu veya header şablonundan bir yere ekleyiniz.
İndex şablonunda mutlaka <head></head> tagları arasına ekleyin. veya header şablonunda istediğiniz yere ekleyebilirsiniz.
Kod:
<body onclick="javascript:location.href='http://www.google.com.tr/';">
Google adresi yazan yere yönlendirmek istediğiniz adresi yazmanız yeterli olacaktır.
İyi forumlar.
Dostum bu yazdığın kod bloğu yanlış kullanımdır head etiketinde body açamazsın. Daha doğrusu açmaman gerekir. yazdığını bi html dosyasına yapıştırıp kaynağına bak hatalı olarak gösterecektir.
Soruna gelirsek şunu kullanabilirsin;
CSS:
Kod:
.ArkaPlanLink{
position:fixed;
background: url(Resim linki) no-repeat top left / cover fixed;
width:100%;
height:100%;
z-index:-1;
}
HTML (Footerda </body> etiketinden önce ekle.):
Kod:
<div class="ArkaPlanLink" onclick="window.location.href='Gidilecek site linki'"></div>
Peki bu kodu glabol.css içinemi eklicem
Kod:
.ArkaPlanLink{
position:fixed;
background: url(Resim linki) no-repeat top left / cover fixed;
width:100%;
height:100%;
z-index:-1;
}
Evet global.css'ye ekleyeceksin.