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!

Xenforo-2 de Mobil Görünüme Tek Banner Ayarlama

css kodunu extra.less banner kodlarını ise reklam yöneticisi kısmında kullabilirsiniz.

Musa hocam maalesef mobil görünüm bu sefer de pcde görünüyor mobilde görünmüyor :) Bilgileri versem bi baksanız müsaitseniz.
 
İkinci resme farklı bir class verin ve bu classı mobilde görünmez yapın. :D
 
Kod:

HTML:
<div class="banner">
    <div class="banner1">
        <a href="banner1-link" target="_blank">
            <img src="banner1-resim-linki" alt="" />
        </a>
    </div>
    <div class="banner2">
        <a href="banner2-link" target="_blank">
            <img src="banner2-resim-linki" alt="" />
        </a>
    </div>
</div>

CSS:

CSS:
.banner {
    display: block;
    width: 100%;
}
.banner1 {
    float: left;
    width: 49%;
    margin-right: 1%;
}   
.banner2 {
    float: left;
    width: 49%;
    margin-left: 1%;
}
@media (max-width:650px) {   
  .banner1 {
    float: left;
    width: 100%;
    margin-right: 0;
}
  .banner2 { 
    display:none;
    }
}
 
  • Sev
Tepkiler: Sis
Kod:

HTML:
<div class="banner">
    <div class="banner1">
        <a href="banner1-link" target="_blank">
            <img src="banner1-resim-linki" alt="" />
        </a>
    </div>
    <div class="banner2">
        <a href="banner2-link" target="_blank">
            <img src="banner2-resim-linki" alt="" />
        </a>
    </div>
</div>

CSS:

CSS:
.banner {
    display: block;
    width: 100%;
}
.banner1 {
    float: left;
    width: 49%;
    margin-right: 1%;
}  
.banner2 {
    float: left;
    width: 49%;
    margin-left: 1%;
}
@media (max-width:650px) {  
  .banner1 {
    float: left;
    width: 100%;
    margin-right: 0;
}
  .banner2 {
    display:none;
    }
}

Yaw uğur hocam sen daha önce nerdeydin :) Bannerlar arasındaki boşluklar bile tam istediğim şekli aldı. Çok teşekkür ederim :)
 

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.