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ışı 007combatant
 Tarih: 22-12-2011, Saat:11:33
#1
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-attachmentfixed;


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-attachmentfixed;
    -
webkit-background-sizecover;
    -
moz-background-sizecover;
    -
o-background-sizecover;
    
background-sizecover;


AlıntıKaynak: www.mybb.com.tr
Cevapla
Bunu Beğenenler: ulasyeah , Luys , Rocky
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı ulasyeah
 Tarih: 05-05-2012, Saat:13:30
#2
Tam da bunu arıyordum, çok teşekkürler. Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı Xray
 Tarih: 30-01-2014, Saat:02:12
(Son Düzenleme: 31-01-2014, Saat:01:56, Düzenleyen: Xray.)
#3
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;  
}
Cevapla
Bunu Beğenenler:

Çevrimdışı Xray
 Tarih: 30-01-2014, Saat:04:54
#4
Arkadaşlar bunu mutlaka yapmam lazım nasıl yapabilirim
Cevapla
Bunu Beğenenler:

Çevrimdışı Machine
 Tarih: 02-02-2014, Saat:22:33
(Son Düzenleme: 02-02-2014, Saat:22:35, Düzenleyen: Machine.)
#5
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.
Cevapla
Bunu Beğenenler:

Çevrimdışı usameavci
 Tarih: 02-02-2014, Saat:23:30
(Son Düzenleme: 02-02-2014, Saat:23:31, Düzenleyen: usameavci.)
#6
(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>
Cevapla
Bunu Beğenenler:

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

Çevrimdışı usameavci
 Tarih: 03-02-2014, Saat:00:42
#8
Evet global.css'ye ekleyeceksin.
Cevapla
Bunu Beğenenler:

 


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



Konuyu Okuyanlar: 1 Ziyaretçi