- Home
- Categorie
- Coding e Sistemistica
- Help Center: consigli per il tuo progetto
- Banner nel margine basso
-
Banner nel margine basso
Come si fa a creare un banner che rimane nel margine basso dello schermo?
Avete un esempio col banner che promuove il "4° convegno Giorgio Tave" che è visibile proprio in queste pagine del sito.
-
Trovi il codice javascript necessario nel sorgente di questa stessa pagina.
-
Perdonami,
mi puoi dare una mano a trovare il codice javascript tra la sorgente?
-
Premesso che non sono sicuro che ci sia tutto, il più grosso è sicuramente qui: ho sostituito gli url attivi con "indirizzowww".
/* Bottom Bar
-------------------------------------------------------------- */
/*bottombar { background: #7DA8F2 url:indirizzowww;border-top: 5px solid #528F8F; bottom: 0px; color: #fff; display: none; font-family: Arial, Helvetica, sans-serif; height: 93px; left: 0px; margin: 0; position: absolute; width: 100%; z-index: 9999; }
*/
#bottombar { background:; border-top: 5px solid; bottom: 0px; color:; display: none; font-family: Arial, Helvetica, sans-serif; height: 93px; left: 0px; margin: 0; position: absolute; width: 100%; z-index: 9999; }
.colA { float: left; padding: 10px 0 0 10px; }.title { color: #000; font: normal 20px Tahoma, Arial, Helvetica, sans-serif;margin-left:-6px; }
form { margin: 0; padding-top: 8px; display:block }
.inputbox { background:; border: 0; color: #262929; float: left; height: 18px; margin-right: 3px; padding: 1px 1px; width: 198px;font-size:12px; }
.subscribe { background: url() no-repeat; border: 0; color: #dae6ee; cursor: pointer; font-weight: bold; margin-right: 2px; margin-top: -3px; padding: 0 0 2px 3px; text-align: left;font: bold .9em Tahoma, Arial, Helvetica, sans-serif; }.colC a { color:; font-size: 9px; font-weight: normal; text-decoration: none; }
#bottombarClose { margin-bottom: 12px; }
#bottombarShow { }</style>
<!-- BOTTOM BAR start --><div id="bottombar" style="display: none; position: fixed; bottom: 0px;">
<div class="colA"><a href="indirizzowww"><img src="indirizzowww" alt="POP" border="0"></a></div>
<div class="colB"> <span class="title">4° Convegno gt: offerta valida fino al <b>30 Settembre</b></span><br>
337? più Iva per chi ha già partecipato, 387? più Iva per i nuovi iscritti.
<form method="post" action="indirizzowww"><input type="hidden" name="cID[]" value=22>
<input name="3" onfocus="if(this.value=='Nome e Cognome') this.value='';" onblur="if(this.value=='') this.value='Nome e Cognome';" value="Nome e Cognome" size="40" class="inputbox" type="text">
<input name="lEmail" onfocus="if(this.value=='Email') this.value='';" onblur="if(this.value=='') this.value='Email';" value="Email" size="40" class="inputbox" type="text">
<input src="indirizzowww" name="submit" value="Iscritivi" class="subscribe" type="image">
</form></div>
<div class="colC">
<div id="bottombarClose"><a href="javascript:void();" onclick="javascript:hidebar();">Chiudi [x]</a></div>
<div id="bottombarShow"><a href="javascript:void();" onclick="javascript:killbar();">Non mostrarlo più</a></div>
</div></div>
<!-- BOTTOM BAR end --><script type="text/javascript">
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days2460601000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/forum/";
}function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca*;
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}var DoPop=readCookie('ENpopover');
if (!DoPop){
var delay='2'; // How many seconds before window opens
setTimeout('showbar()',delay*1000);
}function showbar(){
document.getElementById('bottombar').style.display = "block";
}function killbar(){
document.getElementById('bottombar').style.display = "none";
createCookie('ENpopover',0,365);
}function hidebar(){
document.getElementById('bottombar').style.display = "none";
}</script>
<!-- temp -->