Barra fissa fondo pagina







da scrivere nel tag <HEAD>
<style type="text/css">
.Bold {
font-weight: bold;
}
.Bold {
font-size: 14px;
}
.Bold {
font-size: 18px;
}
#bottom-banner{
position:fixed;
bottom:0px;
height:23px;
width:100%;
background: #F60;
z-index:999999;
font-weight: bold;
font-size: 14px;
font-size: 18px;
alignment-adjust:central;
}
</style>


**********************************************************************************************************


<!-- Barra bottom -->
<br /><br /><br />

<div id="bottom-banner" align="center"> By Paolo Puglisi - Modifica del 30 dicembre 2015 </div>



*******************************************************************************

Puo' essere utile lasciare la possibilita' all’utente di nascondere questo elemento tramite un link o pulsante.

Ci bastera' creare una funzione JS che renda invisibile solo per quel momento l’elemento di ID uguale bottom-banner.

Inseriamo questo script tra i tag <head> e </head>

<script type="text/javascript">
function hidebar(){
document.getElementById('bottom-banner').style.display = "none";
}
</script>












( barrafissafondopagina.html )- by Paolo Puglisi - Modifica del 17/12/2023