banner

[brunino]

Puoi usare le classi (negli elementi html) responsive-hide e responsive-show

Inviato dal mio GT-S5360 con Tapatalk 2

[mimmoely]

Puoi usare le classi (negli elementi html) responsive-hide e responsive-show

Inviato dal mio GT-S5360 con Tapatalk 2

brunino dici nella tua estensione overall_header_body_before devo inserirli?
Mi succede che il banner si adatta allo schermo ma tutto il resto del contenuto si restringe....
non ho capito ancora se dovrò allargare il contenuto o restringere il banner

[brunino]

devi fare due banner, uno addatto al pc e uno per mobili.
mi faresti vedere il codice del banner?

Inviato dal mio GT-S5360 con Tapatalk 2

[systemcrack]

Quindi Brunino, in questo caso non è possibile creare una condizione?

[brunino]

Quindi Brunino, in questo caso non è possibile creare una condizione?

no, non esiste una condizione <!-- IF responsive --> o cose simili... ma appunto esistono delle classi che puoi usare. per esempio:

Codice: Seleziona tutto

<div class="responsive-hide">codice</div>

la parola codice sarà visualizzata solo su pc.

Inviato dal mio GT-S5360 con Tapatalk 2

[mimmoely]

devi fare due banner, uno addatto al pc e uno per mobili.
mi faresti vedere il codice del banner?

Inviato dal mio GT-S5360 con Tapatalk 2

<div align="center">
<script type="text/javascript">
var imgs1 = new Array("http://www.sudinvolo.it/forum/banner/ba ... cmodel.png");
var lnks1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var alt1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",10000);
</script>
<a href=""http://www.tiltoys.com"" id="adLink1" target="_blank">
<img src="http://www.sudinvolo.it/forum/banner/banner_tiltoys.png" id="adBanner1" border="0" width="728" height="90"></a>
</div>

il forum di riferimento è http://www.sudinvolo.it/forum vedilo sia al pc che sul cell

[brunino]

Basta che prima di tutto il codice metti <div class="responsive-hide"> e alla fine di tutto </div>

poi come già detto devi creare lo stesso banner, ma di dimensioni "mobili"

Inviato dal mio GT-S5360 con Tapatalk 2

[mimmoely]

si ma creando lo stesso banner...con nomi uguali non posso mica mettere il collegamento alla stessa cartella-file, fammi un esempio

[brunino]

chiamalo aggiungendo un prefisso m_ poi sistemiano il codice

Inviato dal mio GT-S5360 con Tapatalk 2

[mimmoely]

Secondo un mio punto di vista dovrebbe essere il resto del layout che dovrebbe esser responsive perchè il banner sembra adattarsi bene allo schermo del telefonino, ho provato a ridimensionare i banner (360 x 45) ma si vede solo molto sfuocato ora anche sul telefono;

in ogni caso ho fatto come mi hai detto....ho creato i banner delle dimensioni su citate /nomebanner_m, vediamo con il codice modificato che mi fornirai cosa succederà