Mybb Hakkında Soru ve Sorunlarız, Yardım ve Destek için MybbDepo external Adresini Ziyaret Ediniz.
Sponsor Reklam

duyuru Güncel Duyurular!
Güncel MyBB Dökümanları.. Güncel + Orijinal MyBB Sürümleri..
bilgi mybb

Konuyu Oyla:
  • Derecelendirme: 5/5 - 2 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 2 oy
container'ı gölgeli (kenarlıklı) genişliğe otomatik ayarlama ?
#1
Selamün aleyküm

Arkadaşlar container pro 1 tema daki gibi arkasına resim koyup gölgeli yapmak istiyorum. Ancak ben sabit olmasını istemiyorum ekranın genişliğine göre o da genişleyecek sağ ve solda istediğim miktarda sabit boşluk olacak. pro 1 temada css olarak div#shadow kodu ile arkaya resim konulmuş. Ama ben aynı şekilide 3 tane sağ, sol, orta olarak resmi koyup ekranın genişliğine göre arkanında genişlemesini istiyorum. Ama en sağ ve en solda istediğim miktarda boşluk olacak o boşluklar ekrana göre değişmeyecek onlar sabit kalacak.

İşte böyle birşeyi nasıl yaparım. Yardımcı olabilecek varmı?
Ara
Cevapla
#2
benimde merak ettiğim bir konu, bunun cevabı xpserkan ve ercanda
Ara
Cevapla
#3
ben bi kaç kere sordum hatta konu bile açmıştım fakat xpserkan baştan kurulması gerektiğnii söyledi. Basit bir şekilde genişlemiyor kısacası.
Ara
Cevapla
#4
Admin KP -> Temalar & Sablonlar -> Kullandiginiz Tema -> global.css -> Gelismis Düzenleme

En Altina Ekle:


Kod:
.shadow-left {
    background: url(images/shadow-left.png) repeat-y;
    width: 18px;
    height: auto;
}

.forum-bg {
    background: none;
    width: auto;
    height: auto;
}

.shadow-right {
    background: url(images/shadow-right.png) repeat-y;
    width: 15px;
    height: auto;
}

.tbl-gns {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}


Admin Kp -> Temalar & Sablonlar -> Sablonlar -> Kullandiginiz Tema Sablonlar -> 3. Header Şablonlar


BUL:
Kod:
<div class="genislik">

DEGISTIR:
Kod:
            <div class="genislik">
    <table class="tbl-gns" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td class="shadow-left">  </td>
            <td class="forum-bg">


Admin KP -> Temalar & Sablonlar -> Sablonlar -> Kullandiginiz Tema Sablonlar -> 4. Footer Şablonlar

EN ALTA EKLE:
Kod:
</td>
            <td class="shadow-right">  </td>
        </tr>
    </table>

Ekran Görüntüsü:

88267799464125341257.png


Paket icindeki Dosyalari Ana Dizin'deki "images" Klasörüne Gönderin.



Ek Dosyalar
.rar   genisleyen-golge-dosyalar.rar (Dosya Boyutu: 1.47 KB / İndirme Sayısı: 158)
Ara
Cevapla
#5
Remzi sen bu anlatımı pro v2 ye göre yapmışsın ben sıfından bi tema yaparken nasıl yapacağımı sordum.. Onu da anlatabilirmisin birde footer için aynı shadowdan istiyorum.
Ara
Cevapla
#6
Öneri-Fikir 
Serkan abinin 2009 yılında kendi sitesi için uygulamış olduğu yöntem ve hatta bu uygulamanın bir örneğinide İslami_v4 Temasında görebilirsin..

Admin Paneli / Temalar & Şablonlar / Temalar / Kullandığın temanın / global.css kalıplarından / gelişmiş düzenleme gir ve şu kodları ekle..


PHP Kod:
#border-left {
backgroundtransparent url(images/sol-golge.pngtop left repeat-y;


PHP Kod:
#border-right {
backgroundtransparent url(images/sag-golge.pngtop right repeat-y


Header şablonunu aç ve en üste şu kodları ekliyorsun;

Kod:
<div id="border-left"><div id="border-right">

Footer şablonunu aç ve en alta şu kodları ekliyorsun;

Kod:
</div></div>

sag-golge.png ve sol-golge.png grafiklerini temanın sağına ve soluna göre ayarla ve tamamdır.

Css kodlarına sag ve sol golge resimleri için genişlik değeride ekleyebilirsiniz, bu tamamen senin yapacağın grafiğin genişliğine bağlı ve stabil çalışıyor..

Temanın demosu için:

MyBB İslami_v4 Tema DemoDahili url link - internal url
Bağış yapmak ister misin?
[email protected]
Ara
Cevapla

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Bilgi [Bilgi] Anasayfa Konu & Mesaj Sayılarını Gölgeli Yapmak - [Ders] S.G 10 13,053 22.12.2011, Saat: 08:42
Son Yorum: Jack



Konuyu Okuyanlar: 1 Ziyaretçi
© 2009-2019 MyBB.Com.TR Internet Hizmetleri, MyBBGrup.Com Alt Kuruluşudur.

Web sitemiz dahilindeki tüm sayfalar, bu sayfaları gösteren tüm ekranlar ve içerdiği her türlü bilgi ve bağlı materyal, yerleşim ve öğeler, (çözüm ortaklarının logoları ve yasal hakları hariç) MyBB.Com.TR'ye aittir.
Yazılı izin olmaksızın ve kaynak belirtilmedikçe, (Kaynak göstererek alıntı yapılabilir.) kopyalanamaz ya da yayınlanamaz. MyBB.Com.TR sitesindeki içerik-ler 5070 sayılı kanun kapsamında dijital zaman damgasıyla ve DMCA tarafından korunmaktadır.
Tüm hakları, (insafiyet ile) saklıdır.



teknoloji forumu , haber