MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
007combatant avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Her Çözünürlüğe Uygun Sabit Arka Plan Eklemek [CSS]


Sponsor Reklam
media venus

Çevrimdışı Xray
 Tarih: 03-02-2014, Saat:00:50
#9
(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;
    }
Cevapla
Bunu Beğenenler:

Çevrimdışı usameavci
 Tarih: 03-02-2014, Saat:02:24
#10
Site adresi verebilirseniz bir de ben bakayım Melek - Masum
Cevapla
Bunu Beğenenler: Xray

Çevrimdışı Xray
 Tarih: 03-02-2014, Saat:03:19
#11
TShujin tw ile bağlanıp halletti çok sağolsun. Kaç gündür çözüm arıyordum teşekkür ederim.
Cevapla
Bunu Beğenenler:

Çevrimdışı Luys
 Tarih: 13-03-2014, Saat:16:16
(Son Düzenleme: 13-03-2014, Saat:16:18, Düzenleyen: Luys.)
#12
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)
Cevapla
Bunu Beğenenler:

Çevrimdışı samuray2074
 Tarih: 13-03-2014, Saat:16:42
#13
(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ış.
Cevapla
Bunu Beğenenler:

Çevrimdışı somkaya38
 Tarih: 21-05-2014, Saat:11:20
(Son Düzenleme: 21-05-2014, Saat:11:29, Düzenleyen: somkaya38.)
#14
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?
Cevapla
Bunu Beğenenler:

Çevrimdışı depresif
 Tarih: 21-05-2014, Saat:11:31
#15
Hocam sorununuz konuyla açın ve şablonlara uyun ve temanız warez.
Cevapla
Bunu Beğenenler:

Çevrimdışı alemiseyyah
 Tarih: 13-08-2015, Saat:05:15
#16
(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
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Foruma Saat Ve Tarih Eklemek 007combatant 1 2,097 22-09-2015, Saat:17:19
Son Yorum: kghw
  Ana Sayfanın En Üstüne Kayan Duyuru Eklemek ( KOD + ANLATIM ) 007combatant 1 3,610 23-12-2013, Saat:19:33
Son Yorum: ENCoRe
  tema arka plan gokhansezer34 3 971 21-07-2013, Saat:22:31
Son Yorum: gokhansezer34
  Foruma gelişmiş sağ blok eklemek ( KOD + ANLATIM) 007combatant 0 1,477 22-12-2011, Saat:11:37
Son Yorum: 007combatant



Konuyu Okuyanlar: 1 Ziyaretçi