MyBB Depo Forum
Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Mybb Ders Deposu (https://mybbdepo.com/mybb-ders-deposu-forumu)
+--- Forum: Grafik & Tasarım Ders Deposu (https://mybbdepo.com/grafik-tasarim-ders-deposu-forumu)
+---- Forum: Tema Yapımı (https://mybbdepo.com/tema-yapimi-forumu)
+---- Konu Başlığı: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] (/her-cozunurluge-uygun-sabit-arka-plan-eklemek-css-konusu.html)

Sayfalar: 1 2 3

Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - 007combatant - 22-12-2011

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;
} 

AlıntıKaynak: www.mybb.com.tr

Cvp: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - ulasyeah - 05-05-2012

Tam da bunu arıyordum, çok teşekkürler. Gülümseme

Cvp: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - Xray - 30-01-2014

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;  
}


Cvp: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - Xray - 30-01-2014

Arkadaşlar bunu mutlaka yapmam lazım nasıl yapabilirim

Cvp: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - Machine - 02-02-2014

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.

Cvp: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - usameavci - 02-02-2014

(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 Gülümseme 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>


Cvp: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - Xray - 03-02-2014

(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 Gülümseme 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;
    }


Cvp: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - usameavci - 03-02-2014

Evet global.css'ye ekleyeceksin.