MyBB Depo Forum

MyBB Depo Forum > Mybb Ders Deposu > Grafik & Tasarım Ders Deposu > Tema Yapımı > Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS]
Orjinalini görmek için tıklayınız: Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS]
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2 3

Xray

03-02-2014, Saat:00:50
(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;
    }

usameavci

03-02-2014, Saat:02:24
Site adresi verebilirseniz bir de ben bakayım Melek - Masum

Xray

03-02-2014, Saat:03:19
TShujin tw ile bağlanıp halletti çok sağolsun. Kaç gündür çözüm arıyordum teşekkür ederim.

Luys

13-03-2014, Saat:16:16
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)

samuray2074

13-03-2014, Saat:16:42
(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ış.

somkaya38

21-05-2014, Saat:11:20
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?

depresif

21-05-2014, Saat:11:31
Hocam sorununuz konuyla açın ve şablonlara uyun ve temanız warez.

alemiseyyah

13-08-2015, Saat:05:15
(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
Sayfalar: 1 2 3
MyBB Depo Forum > Mybb Ders Deposu > Grafik & Tasarım Ders Deposu > Tema Yapımı > Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS]