Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
Responsive Sağda ve solda sabit, yapışkan, kayan banner alanı

XF 2.1 Eklenti Responsive Sağda ve solda sabit, yapışkan, kayan banner alanı

Bu eklenti, add-ons XenForo 2.1.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
  1. 2.2.X
  2. 2.0.X
  3. 2.1.X
Responsive,Sağda ve solda sabit,yapışkan,kayan banner alanı
Sık sık soruluyor basitte olsa yapamayan arkadaşlar var bu yüzden bira daha detaylı css kodu ile mobil sistemleri de dahil ettim için umarım işinize yarar.​
Xenforo Sayfa solda.png

Kurulum;
Temanızda PAGE_CONTAINER isimli şablonu aşın ve bulun <div class="p-body">
Hemen üzerine ekleyin;
HTML:
    <!--[XGT]- Sabit banner alanı-->
    <div class="xgtSolSabitBanner">
        <a href="url">
            <img src="https://img.webme.com/pic/i/isacotur/160x600banner_rozet.jpg" alt="Banner alanı" width="" height="">
        </a>
    </div>
 
    <div class="xgtSagSabitBanner">
        <a href="url">
            <img src="https://img.webme.com/pic/i/isacotur/160x600banner_rozet.jpg" alt="Banner alanı" width="" height="">
        </a>
    </div>
    <!--[XGT]- Sabit banner alanı-->

Yine aynı temada extra.less isimli şablonu açın ve en üstüne ekleyin;

CSS:
.xgtSolSabitBanner
{
    position: fixed;
    z-index: 999;
    left: 0;
    top: 150px;//-- Banner ust boslugu opsiyonel olarak kullanılabilir.
    margin-left: 20px; //-- Banner sag yan boslugu opsiyonel olarak kullanılabilir.       
}

.xgtSagSabitBanner
{
    position: fixed;
    z-index: 999;
    right: 0;
    top: 150px; //--Banner ust boslugu opsiyonel olarak kullanılabilir.
    margin-right: 20px; //-- Banner sag yan boslugu opsiyonel olarak kullanılabilir.
}

//-- 1500PX Altı ekranlarda banner max genişliği 100PX olsun!

@media (max-width: 1500px)
{
    .xgtSolSabitBanner
    {
        max-width: 100px;
        margin-left: 0px;
    }
    .xgtSagSabitBanner
    {
        max-width: 100px;
        margin-right: 0px;
    }
}

//-- 1300PX Altı ekranlarda banner gizle!
@media (max-width: 1300px)
{
    .xgtSolSabitBanner, .xgtSagSabitBanner
    {
        display: none;
    }
}




  • Xenforo Sayfa solda banner.gif
    Xenforo Sayfa solda banner.gif
    236.3 KB · Görüntüleme: 411
Yazar
eTiKeT™
Görüntüleme
5,073
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 8 değerlendirme

eTiKeT™ ait diğer kaynakar

Son incelemeler

süper paylaşım
teşekkurler
v2.2.2 sürümü için de yardımcı olabilir misiniz?
Bir kişinin isteğini bile geri çevirmeyen adam gibi adam admin kralsın. Ellerine sağlık :)
Ellerine sağlık, çok faydalı bir paylaşım olmuş kardeşim :)

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.