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!

Nasıl yapılır ? Sayfanın altında banner ekleme

yumiyum77

xFanatik
SMS onaylı
Kullanıcı
Katılım
2 Şub 2020
Mesajlar
111
1588435365899.png

Bu en alttaki banner'ı nasıl ekleyebiliriz yardımcı olabilicek birisi varmı acba ?
 

Nasıl yapılır ? Sayfanın altında banner ekleme

netr0n netr0n bilirsen sen bilirsin bunu kral :)

Neden böyle iframe ekliyorsunuz ki iframe sayfa notunu da kırar.

Kullandığınız temanızın PAGE_CONTAINER şablonunu açın aşağıdaki alanı bulun

Kod:
<!--XF:EXTRA_OUTPUT-->

Hemen altına ekleyin

HTML:
<div id="xgt-banner">
    <a href="#link" target="_blank">
        <img src="#resimyolu">
    </a>
</div>

Kullandığınız temanın extra.less şablonunu açın aşağıdaki kodları ekleyip kayıt edin.

Less:
#xgt-banner {
    background: transparent;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    a {
        img {
            display: block;
            max-width: 1200px;
            width: 100%;
            margin-left...
Sorunumu hallettim teşekkür ederim... Daha sonrası bu problemi yaşayan arkadaşlar için ilgili komutu bırakıyorum yardımcı olabilirsem ne mutlu bana...



HTML:
<div id="toolbar" style="position: fixed; z-index:99999; bottom: 0px;left: 588px; width: 728px; height:90px;">

<div id="sayfa_alti" style="width:728px; height:90px; display:block;">

<iframe allowtransparency="true" src="REKLAM LİNKİ BURAYA reklam.html" marginwidth="0" marginheight="0" hspace="0" vspace="0" scrolling="no" class="jzafhqtbvxmunonesdrn" height="90" frameborder="0" width="728"></iframe>

</div>

<div id="fkapat" onclick="$('#toolbar').css('display','none');" style="cursorointer;position:absolute;top:-23px;left:0px;z-index:9999; display:block;"><img src="KAPAT YANİ ÇARPI RESİMİNİN LİNKİ"></div>

</div>
 
Sorunumu hallettim teşekkür ederim... Daha sonrası bu problemi yaşayan arkadaşlar için ilgili komutu bırakıyorum yardımcı olabilirsem ne mutlu bana...



HTML:
<div id="toolbar" style="position: fixed; z-index:99999; bottom: 0px;left: 588px; width: 728px; height:90px;">

<div id="sayfa_alti" style="width:728px; height:90px; display:block;">

<iframe allowtransparency="true" src="REKLAM LİNKİ BURAYA reklam.html" marginwidth="0" marginheight="0" hspace="0" vspace="0" scrolling="no" class="jzafhqtbvxmunonesdrn" height="90" frameborder="0" width="728"></iframe>

</div>

<div id="fkapat" onclick="$('#toolbar').css('display','none');" style="cursorointer;position:absolute;top:-23px;left:0px;z-index:9999; display:block;"><img src="KAPAT YANİ ÇARPI RESİMİNİN LİNKİ"></div>

</div>
yukarda vermiş oldugum komutu mobil uyumlu bir şekilde nasıl yapabilirim acaba bilgisi olan varmı ?
 
netr0n netr0n bilirsen sen bilirsin bunu kral :)

Neden böyle iframe ekliyorsunuz ki iframe sayfa notunu da kırar.

Kullandığınız temanızın PAGE_CONTAINER şablonunu açın aşağıdaki alanı bulun

Kod:
<!--XF:EXTRA_OUTPUT-->

Hemen altına ekleyin

HTML:
<div id="xgt-banner">
    <a href="#link" target="_blank">
        <img src="#resimyolu">
    </a>
</div>

Kullandığınız temanın extra.less şablonunu açın aşağıdaki kodları ekleyip kayıt edin.

Less:
#xgt-banner {
    background: transparent;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    a {
        img {
            display: block;
            max-width: 1200px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    }
}

Resim ve linklerinizi eklemeyi unutmayın.
 
Çözüm
Neden böyle iframe ekliyorsunuz ki iframe sayfa notunu da kırar.

Kullandığınız temanızın PAGE_CONTAINER şablonunu açın aşağıdaki alanı bulun

Kod:
<!--XF:EXTRA_OUTPUT-->

Hemen altına ekleyin

HTML:
<div id="xgt-banner">
    <a href="#link" target="_blank">
        <img src="#resimyolu">
    </a>
</div>

Kullandığınız temanın extra.less şablonunu açın aşağıdaki kodları ekleyip kayıt edin.

Less:
#xgt-banner {
    background: transparent;
    height: 90px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    a {
        img {
            display: block;
            max-width: 1200px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    }
}

Resim ve linklerinizi eklemeyi unutmayın.
valla bilmedigimden dolayı saatlerce bu kodlamayı aradım bunuda bulunca böyle olabilcegini düşündüm düzeltmeye çalışayım teşekkür ederim bilgilendirmeden dolayı
 

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.