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

Ugur

XGT Smod
Yönetici
XGT Smod
Katılım
8 Şub 2018
Mesajlar
1,057
Web sitesi
www.topragizbiz.com
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;
    }
}
 

deadpool

Sabit kullanıcı
XGT 2 kullanıcı
Katılım
17 Nis 2018
Mesajlar
98
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 :)
 
Google ads alanı