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

Cvp: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - Xray - 03-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.

Sizin verdiğiniz kodu index şablonuna eklediğim sitenin neresine tıklarsanız tıklayın belirtilen linke gidiyor, ben sadece arka plana tıklandığında gitmesini istiyorum.

(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>

Sizin verdiklerinizi uyguladım ama çalışmadı, yani tıklama aktif olmadı.
bu kodu glabal.css ye ekledim diğerinide footere

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

Site adresi verebilirseniz bir de ben bakayım Melek - Masum

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

TShujin tw ile bağlanıp halletti çok sağolsun. Kaç gündür çözüm arıyordum teşekkür ederim.

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

arkaplanı sabitlemek için gerekli bir kod fakat, tablet, telefon gibi cihazlarda herşey iç içe giriyor bir türlü çözemedim üzgün

jquery ile harizontal yani menüleri sağa doğru kayan bir site yaptım, diğer çözünürlüklerde arkaplan sabit kalsın istiyorum ama içerik arkaplan fotosunda olmadık yerlere geliyor.

İçeriğide bu şekilde çözünürlüğe göre küçültüp büyütmenin bir yolunu bilen var mı ? (position vermek dışında)

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

(13-03-2014, Saat:16:16)Luys Adlı Kullanıcıdan Alıntı: arkaplanı sabitlemek için gerekli bir kod fakat, tablet, telefon gibi cihazlarda herşey iç içe giriyor bir türlü çözemedim üzgün

jquery ile harizontal yani menüleri sağa doğru kayan bir site yaptım, diğer çözünürlüklerde arkaplan sabit kalsın istiyorum ama içerik arkaplan fotosunda olmadık yerlere geliyor.

İçeriğide bu şekilde çözünürlüğe göre küçültüp büyütmenin bir yolunu bilen var mı ? (position vermek dışında)

Css ile @media screen eklenerek yapılabilri belki body içine telefonların çözünürlüklerine göre düzenlemesini belirtebilirsin denemedim ama işe yarayabilir örn telefonlar 640x340p olsun @media screen ile 640px içerisinde background cover olsun gibi ayarlanabilir deniyebilirsin.

Kod:
http://fatihhayrioglu.com/css-3-medya-sorgulari/
nasıl kullanıldığı anlatılmış.

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

Benim aradığım şimdi benim sitem ilk açıldığında herşey normal ama aşağı inince arka plan resmi bitip siyah ekran devam ediyor.bunu scrollü aşağı indirdikçe arka planda aşağı kaysın diye yapmaya çalıştım beceremedim. fixed yerine scroll yazdım olmadı.
Sitem: http://www.platinlig.com
Bakmanız mümkün mü?Nasıl düzelteceğim?

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

Hocam sorununuz konuyla açın ve şablonlara uyun ve temanız warez.

Cvp: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS] - alemiseyyah - 13-08-2015

(30-01-2014, Saat:02:12)Xray Adlı Kullanıcıdan Alıntı: 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;  
}

denedim ama olmadı 1,8,4 sürüm