Kullanıcı:
Filtreler
Neler yeni
XenGenTr
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.

Giriş yap Şimdi kayıt ol
  • 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

MusaPekel' Alıntı:
Merhaba,

Reklam Yöneticisi Alanına girip reklam ekleye tıklayınız.

aşağıda belirtilen kodları html olarak ekleme yapınız.
HTML: 
<center>
<table>
<tr>
<td>
<a href="#site linki ">
<img src="#reklam linki " width="468" height="60" border="0"></a>
</td>
<td class="mobil">
<a href="#site linki ">
<img src="#reklam linki " width="468" height="60" border="0"></a>
</td>
</tr>
</table>
  
</center>

Görünüm ve Diller > Şablonlar > Extra.less şablonun içerisine aşağıda verilen kodları ekleyiniz.

Kod: 
@media (max-width:650px) {
  
    .mobil {
  
    display:none;}
  
    }

not : class değerim " .mobil " olarak belirtilmiştir. <td class="mobil"> kısmını istediğiniz parametrelerde değiştirebilirsiniz.
Genişletmek için tıkla ...
MusaPekel' Alıntı:
reklam yöneticisi kısmına istediğiniz sayıda reklam ekleme yapabilirsiniz.
Genişletmek için tıkla ...

Hocam resmen fıtık etti beni bu:) Maalesef ilk bahsettiğiniz kodu reklam yöneticisi kısmından tüm header alanları seçeneğini seçerek ekliyorum. Screenshot bu şekilde hata alıyorum. Ayarlıyamadım açıkcası. Yardımcı olacak birileri varsa?

Bu xenforo da bir yeri yapıyorsun, başka bir taraftan patlak veriyor. 92 model tofaş gibi :)
 
deadpool' Alıntı:
Hocam resmen fıtık etti beni bu:) Maalesef ilk bahsettiğiniz kodu reklam yöneticisi kısmından tüm header alanları seçeneğini seçerek ekliyorum. Screenshot bu şekilde hata alıyorum. Ayarlıyamadım açıkcası. Yardımcı olacak birileri varsa?

Bu xenforo da bir yeri yapıyorsun, başka bir taraftan patlak veriyor. 92 model tofaş gibi :)
Genişletmek için tıkla ...

Musa hocam bunu yapıp ayarladım da, fakat bilgisayar görünümünde bulunan yanyana bannerlar telefonda yine görünüyor. Bunları mobilde görünmesin diye kaldırırsam bu sefer pc de görünmeyecek. Buna nasıl bir çare bulabiliriz?

Pc görünümünde yine 2 banner görünsün. Ama bu durum telefona yansımasın. Aynı şekilde mobilde de sadece sizin bu verdiğiniz mobil görünümü kalsin. teşekkür ederim şimdiden.
 
MusaPekel' Alıntı:
Merhaba,

Reklam Yöneticisi Alanına girip reklam ekleye tıklayınız.

aşağıda belirtilen kodları html olarak ekleme yapınız.
HTML: 
<center>
<table>
<tr>
<td>
<a href="#site linki ">
<img src="#reklam linki " width="468" height="60" border="0"></a>
</td>
<td class="mobil">
<a href="#site linki ">
<img src="#reklam linki " width="468" height="60" border="0"></a>
</td>
</tr>
</table>
   
</center>

Görünüm ve Diller > Şablonlar > Extra.less şablonun içerisine aşağıda verilen kodları ekleyiniz.

Kod: 
@media (max-width:650px) {
   
    .mobil {
   
    display:none;}
   
    }

not : class değerim " .mobil " olarak belirtilmiştir. <td class="mobil"> kısmını istediğiniz parametrelerde değiştirebilirsiniz.
Genişletmek için tıkla ...

Yani kısacası hocam, verdiğiniz kodlar harika çalışıyor sorun yok ama. Mobil olarak eklediğim pc de görünüyor.

Aynı şekilde pc de görünen çift bannerlar ise hala banner'da görünüyor. Bu 2 işleyişin görevlerini yapmasını nasıl sağlayabiliriz? :)
 
Kod: 
<center>
<table>
<tr>
<td class="mobil">
<a href="#site linki ">
<img src="#reklam linki " width="468" height="60" border="0"></a>
</td>
<td class="mobil">
<a href="#site linki ">
<img src="#reklam linki " width="468" height="60" border="0"></a>
</td>
</tr>
</table>
  
</center>

Kod: 
@media (max-width:650px) {
  
    .mobil {
  
    display:none;}
  
    }

Revize edilmiştir.
 
  • Beğen
Tepkiler: Sis
MusaPekel' Alıntı:
Kod: 
<center>
<table>
<tr>
<td class="mobil">
<a href="#site linki ">
<img src="#reklam linki " width="468" height="60" border="0"></a>
</td>
<td class="mobil">
<a href="#site linki ">
<img src="#reklam linki " width="468" height="60" border="0"></a>
</td>
</tr>
</table>

</center>

Kod: 
@media (max-width:650px) {

    .mobil {

    display:none;}

    }

Revize edilmiştir.
Genişletmek için tıkla ...

Hocam kodlarda bir yerde hata mı yapıyoruz bilmiyorum ama, Masaüstünde bu şekilde mobil görünüm sağladım. Screenshot
Tek bi banner olsun istiyorum mobil görünümde ve bu banner hemen xfistatistiğin üstünde olması gerekiyor. Bu sizin verdiğiniz kodlar hep nedense mobil görünümü olan bannerlerı masaüstü görünümünde de gösteriyor. Masaüstünde mobil görünümü olmasın. Sadece telefondan girenlere görünsün.

Bizzat r10 mantığı gibi konu başında da ekran görüntüsü atarak belirtmiştim :) MusaPekel MusaPekel hocam. teşekkür ederim.
 
Görüntü ile örnekleyelim MusaPekel MusaPekel hocam kafanızı karıştırmayalim.

r10da yan yana duran pc görünümlü 2 adet bannerı:

BANN.png

r10 da Telefondan bakıldığında ise sadece kırmızı ok ile işaretlediğim soldaki tek banner görünmekte: Bunu yapmak istiyorum fakat beceremedim hocam.

R10BANNER.jpg
 
  • Beğen
Tepkiler: Sis
MusaPekel' Alıntı:
Aynısı yapılabilir. Dışarıdayım şuanda eve geçtiğim zaman yardım edilcektir.
Genişletmek için tıkla ...
PHP: 
<div id="offers-container">
  <a href="#LİNK" class="offers-sub">
    <img src="#RESİM" alt="" />
  </a>
  <a href="#LİNK" class="offers-sub">
    <img src="#RESİM" alt="" />
  </a>
</div>

CSS: 
#offers-container{
  width: 935px;
  margin: 0 auto;
}

#offers-container img{
  border: 1px solid #dadada;
  height: 100px;
}

#offers-container a{
  text-decoration: none;
}

.offers-sub{
  width: 48%;
  position: relative;
  margin: 20px 0 0 0;
}

.offers-sub img{
  width: 100%;
}

.offers-sub:nth-child(even){
  float: left;
}

.offers-sub:nth-child(odd){
  float: right;
}

Eklemiz yeterli olucaktır.
 
  • Beğen
Tepkiler: Sis
MusaPekel' Alıntı:
PHP: 
<div id="offers-container">
  <a href="#LİNK" class="offers-sub">
    <img src="#RESİM" alt="" />
  </a>
  <a href="#LİNK" class="offers-sub">
    <img src="#RESİM" alt="" />
  </a>
</div>

CSS: 
#offers-container{
  width: 935px;
  margin: 0 auto;
}

#offers-container img{
  border: 1px solid #dadada;
  height: 100px;
}

#offers-container a{
  text-decoration: none;
}

.offers-sub{
  width: 48%;
  position: relative;
  margin: 20px 0 0 0;
}

.offers-sub img{
  width: 100%;
}

.offers-sub:nth-child(even){
  float: left;
}

.offers-sub:nth-child(odd){
  float: right;
}

Eklemiz yeterli olucaktır.
Genişletmek için tıkla ...

Bu kodları hangi şablona ekleyeceğim hocam?
 
Cevap yazmak için giriş yap yada kayıt ol.

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.

Giriş yap Şimdi kayıt ol