SHARE [XF2.1] iklan yang berpusat dan hanya tampilkan di pc atau hanya tampilkan di ponsel

[RayMantic]

Tambahkan kode ini ke templat extra.less

Spoiler: code

@media all and (min-width: 480px) {
    .deskContent {
            display:block;
            margin: 0
            auto;
}   
    .phoneContent {
           display:none;
}
 
}

@media all and (max-width: 479px) {
    .deskContent {
          display:none;
}
    .phoneContent {
          display:block;
          margin: 0 auto;
}
}

admin / setup / iklan

Spoiler: code

<div class="phoneContent">

mobile code

</div>



<div class="deskContent">

PC code

</div>

 

[RayMantic]

Iklan berputar
Opsi 1 (sangat sangat sederhana)

• Edit kode (lihat di bawah) untuk menyertakan LINK_URL dan IMAGE_URL setiap iklan
• (Opsional) Edit durasi tampilan var howOften = 7; default = 7 detik
• Buat iklan di ACP> Pengaturan> Iklan
• Rekatkan bagian 1 dan 2 dari kode di iklan (tidak masalah urutannya)

Opsi 2 (sangat sederhana)

Setelah diedit seperti di atas

• Tempel bagian 1 dari kode di bagian bawah template PAGE_CONTAINER
• Rekatkan bagian 2 dari kode di iklan Anda

Lokasi Iklan
Sebelum menggunakan ini, harap uji apakah lokasi iklan benar dan loncat ke web iklan sudah benar


NB: Idealnya gambar banner iklan Anda harus memiliki dimensi yang sama atau halaman akan melompat ketika mereka berputar. Sekalipun tingginya sama, masih ada masalah melompat dengan beberapa browser.
"min-height: 100px". Ketinggian di sini harus setinggi gambar (atau gambar terbesar)

code :

Spoiler: bagian pertama

var items = new Array();
    items[0]="<a href='LINK_URL' ><img alt='ALT_TEXT' src='IMAGE_URL' height='auto' width='100%'  /></a>";
    items[1]="<a href='LINK_URL'><img alt='ALT_TEXT' src='IMAGE_URL' height='auto' width='100%'  /></a>";

function rotater() {
    document.getElementById("placeholder").innerHTML = items[current];
    current = (current==items.length-1) ? 0 : current + 1;
    setTimeout("rotater()",howOften*1000);
}

function rotater() {
    if(document.layers) {
        document.placeholderlayer.document.write(items[current]);
        document.placeholderlayer.document.close();
    }
    if(ns6)document.getElementById("placeholderdiv").innerHTML=items[current]
        if(document.all)
            placeholderdiv.innerHTML=items[current];

    current = (current==items.length-1) ? 0 : current + 1; //increment or reset
    setTimeout("rotater()",howOften*1000);
}
window.onload=rotater;
//-->
</script>

Spoiler: bagian kedua

<xf:comment>Part 2 - The ad container that appears on your page</xf:comment>

<layer id="placeholderlayer"></layer><div style="min-height:100px" id="placeholderdiv"></div>