Doppio messaggio pubblicitario 
Autore: Damiano F.
Visite 2079,
Followers 2,
Condiviso 0
Nella home page del mio sito ho inserito un messaggio pubblicitario utilizzando quanto disponibile in impostazioni avanzate.
E' mio intendimento inserire nella stessa home page un secondo messaggio, come poter ottenere ciò? Ringrazio sin da ora per l'aiuto che poitrò avere.
Damiano Favaloro
Postato il
Buongiorno Damiano,
è possibile inserire solamente un messaggio pubblicitario, se vuoi inserirne un secondo devi aggiungerlo con uno script manuale, prova a cercare guide o tutorial su internet o attendi maggiori informazioni da altri utenti della community.
Grazie.
... io ti propongo il mio solito DIV_CUSTOM nella versione a chiusura automatica; ...il codice usato è in chiaro nel sorgete html della pagina; il resto dipenderà da te...
http://www.zspace.it/kolasim/div_custom/divcustomK_chiusuraAutomatica.html
.
Autore
Ti ringrazio KolAsim...ho letto il codice...il mio problema è come andarlo ad inserire nella pagina già esistente.
in un mio altro mio sito (www.fianelloborgo.it), messo su "a mano" ho messo una falsa popup che funziona egregiamente, ma qui, utilizzando website, la cosa non mi riesce a farla!!!!
Qualche altra indicazione per ottenere quanto vorrei?
Grazie
Ciao, mi pare molto chiaro quello che dice Kol; apri Proprietà della pagina dove vuoi che appaia la tua pubblicità, vai nella sezione "Esperto", copia in Head lo script che Kol ha messo a disposizione (la parte che è in Head), apri, sempre in "Esperto" la sezione Body, e incolla quello che è nel Body dell'esempio di Kol. Poi metterai il contenuto che vuoi a posto dell'auto.
Ciao,
Gabriele.
...per essere più preciso: oltre a ciò che ho scritto nel post precedente, sempre per la pagina di tuo interesse, devi inserire nella griglia un'oggetto html; una volta aperto, apri sempre il settore "esperto", e carica una tua immagine o quant'altro (cliccando aggiungi...); come ultima cosa, non dimenticare di indicare il percorso di ciò che hai inserito nello script del DIV. esempio: img src="files/nome tua img.jpg", altrimenti non funge...
... esattamente come appena anticipato da Gabriele ...
... qui un esempio dello stesso, semplificato: http://www.zspace.it/kolasim/div_custom/divcustomK_chiudi.html
...ovviamente occorrerebbe un'infarinatura minima di base su html/css e nonchè del programma, per sistemare il DIV_CUSTOM ad hoc per le proprie esigenze...
.
Autore
Autore
Sbagliavo io...anzichè andare nelle propprietà della pagina inserivo il codice in una nuova cella!!!! Debbo affinarte la mia conoscenza del programma.
Provato...funziona egregiamente.....aggiusterò secondo le mie esigenze.
Ringrazio KolAsim e Gabriele P. per le indicazioni datemi.
Damiano Favaloro
Autore
Torno alla questione....premesso che lo script, ovviamente funziona egregiamente, ma vorrei un altro chiarimento.
se inserisco la riga di codice come mi è stata indicata e cioè:
<div id="contenitoreA" style="position:absolute;top:270px; left:1400px;width:400px;height:300px;background-color:yellow;">
Compare il riquadro di colore giallo, come è giusto che sia.
Se però io modifico questa riga come indico:
<div id="contenitoreA" style="position:absolute;top:270px; left:1400px;width:400px;height:300px; background-image:url(images/aa.png)">
(quindi sostituendo background-color con background-image) l'immagine non appare ma resta uno sfondo trasparente.
l'immagine interessata si trova nella cartella "images" e le misure sono 400x300.
in cosa sbaglio?
Ancora grazie per l'aiuto.
Damiano Favaloro
... dovrebbe funzionare in ambedue le forme:
url(images/aa.png)
url('images/aa.png')
...!... quello che forse non va bene è: left:1400px; ...che potrebbe posizionare il DIV fuori schermo...!...
... se vuoi allinerare il DIV nell'angolo in basso a destra della finestra, prova così:
<div id="contenitoreA" style="position:fixed;bottom:0px;right:0px;width:400px;height:300px; background-image:url('images/aa.png')">
.
Autore
Grazie KolAsim, niente il background-image in quel modo non va, per farlo andare ho dovuto fare così
<div id="contenitoreA" style="position:fixed;bottom:200px;right:0px;width:400px;height:300px; background-image:url(http://www.sportellocittadino.it/images/aa.jpg)">
Francamente non comprendo il motivo!!!!
Per far allineare il DIV in alto a destra ho indicato bottom:200px Giusto così?
Ancora grazie.
Damiano Favaloro
P.S.: Puoi vedere qui www.sportellocittadino.it
... direi ottimo...
... comunque, ... doveva funzionare per forza, a meno che non sbagliavi percorso relativo; ...però vedo che prima richiamavi "aa.png" ed ora "aa.ipg", quindi penso che forse non avevi dichiarato correttamente il nome del file reale...
... visto che va sotto alla barra del menu, potresti assegnare al DIV un livello superiore; ...prova ad aggiungere in style:
z-index:10100;
.
... casomai quando avrai fatto andrò a controllare...
.
Autore
KolAsim...l'immagine era aa.png poi modificata in jpg ma non funzionava comunque quindi ho dovuto mettere
background-image:url(http://www.sportellocittadino.it/images/aa.jpg) e così mi funziona.
Ho cercato di sistemare il css in questo modo:
<style type="text/css">
.lillo {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
}
.lillo2 {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
}
#contenitoreA {
background-image:url(http://www.sportellocittadino.it/images/aa.jpg);
background-repeat: no-repeat;
position: fixed;
height: 300px;
width: 400px;
bottom: 200px;
right: 50px;
}
</style>
in body è così:
<div id="contenitoreA">
<input type="button" value="chiudi" onclick="[removed]chiudi()" /> <br>
<p align="center" class="lillo">
<img src="images/enapa.png" width="150" height="78" /><br>
Per le tue esigenze nel campo<br>Previdenziale, Assistenziale, Sanitario <br>
i nostri Operatori sono a tua disposizione<br>per darti la necessaria <br></p>
<p align="center" class="lillo2">assistenza gratuita<br>
<img src="images/enapa.png" width="150" height="78" /><br>
</p>
</div>
Il tutto mi sembra funzioni bene. Comunque se vuoi dare un occhiata per qualche altro consiglio te ne sarei grato.
Un altra domanda (sperando di non disturbarti oltre)... se io volessi inserire un altro contenitore al di sotto o al di sopra del "contenitoreA", va modificato lo script?
Ti ringrazio per la tua disponibilità.
Damiano Favaloro
... a grandi linee vedo che è tutto regolare...
... puoi usare altri DIV_CUSTOM basta che assegni ID diversi da "contenitoreA"
... per il tag P forse! sarebbe meglio dichiarare allineamento con lo stile in linea:
<p style="text-align:center"> (...o prova nella stessa classe assegnata...)
... non hai assegnato lo z-index che ti avevo suggerito prima...
.
ciao
Autore
Sei molto cortese KolAsim nel darmi indicazioni utili.
Bene ho modificato il css in questo modo prevedendo anche un secondo div
<script>
function chiudi2(){ document.getElementById('contenitoreA').style.visibility='hidden'; } {setTimeout('chiudi()',40000) }
<style type="text/css">
#contenitoreA {
background-image:url(http://www.sportellocittadino.it/images/aa.jpg);
background-repeat: no-repeat;
position: fixed;
height: 300px;
width: 400px;
bottom: 200px;
right: 50px;
font-family: "Comic Sans MS", cursive;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000;
text-align: center;
z-index:10100;
}
#contenitoreB {
background-image:url(http://www.sportellocittadino.it/images/aa.jpg);
background-repeat: no-repeat;
position: fixed;
height: 300px;
width: 400px;
bottom: 200px;
left: 50px;
font-family: "Comic Sans MS", cursive;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000;
text-align: center;
z-index:10100;
}
</style>
Sto provando in locale ed è OK.....Un ulteriore chiarimento sull'utilizzo dello z-index, qui ho confusione.
Ancora grazie.
Damiano Favaloro
... il sito in linea mi semba tutto invariato...
... lo z-index come l'hai inserito nel codice sopra dovrebbe essere regolare...
... per ogni DIV diverso devi aggiungere la funzione relativa per il "chiudi"...
.
ciao
Autore
In linea ancora non ho messo poichè sto aggiornando altre pagine.
Mi trovo in dfficoltà sulla modifica dello script per la funzione "chiudi" del secondo DIV
ora è così
<script>
function chiudi2(){ document.getElementById('contenitoreA').style.visibility='hidden'; } {setTimeout('chiudi()',40000) }
</script>
<script type="text/javascript">
function chiudi() { document.getElementById('contenitoreA').style.display = "none"; }
</script>
ho provato a duplicarlo indicando
<script>
function chiudi2(){ document.getElementById('contenitoreB').style.visibility='hidden'; } {setTimeout('chiudi()',40000) }
</script>
<script type="text/javascript">
function chiudi() { document.getElementById('contenitoreB').style.display = "none"; }
</script>
Ma mi fa chiudere solo un DIV
Per il resto tutto funziona.
Ancora ringraziamenti.
Damiano Favaloro
... chiama le funzioni per "contenitoreB" ... "chiudiB" e "chiudiB2" ...
... che poi assegnerai nel relativo pulsante chiudi...
.
Autore
Perfetto!!!! Tutto a posto...
Puoi vedere qui
http://www.sportellocittadino.it
Ancora tante grazie per il grande aiuto che mi hai dat.
Damiano Favaloro
... direi che è quasi tutto OK...
1) ... assegnerei TOP al posto di BOTTOM, in modo che se la finestra è ridotta il div non vada a nascondersi fuori del TOP;
2) ... nella function chiudiB2() devi modificare ed assegnare la funzione chiudiB()
setTimeout('chiudiB()',40000)
... puoi raccogliere tutte le funzioni in unico SCRIPT (Ctrl+U): http://www.zspace.it/kolasim/div_custom/divcustomK_chiusuraAutomatica2.html
.
ciao, e vai alla grande col DIV_CUSTOM ...
Autore
Autore
Penso che questa lunga "chiacchierata" possa essere utile ad altri dilettanti come me.