Come creare un menų unico da richiamare su tutte le pagine con JS?
Salve ragazzi,
questa č una domanda fatta milioni di volte sui forum, ma in tutte le decine e decine da me visitate viene scritta sempre la stessa cosa che non m'č utile in alcun modo, ossia che bisogna creare un file .js (menu.js, elenco.js o qualsiasi altro nome) contente il codice del menų che vogliamo inserire e richiamarlo nelle pagine html inserendo semplicemente nella head la stringa <script.. bla bla.. src= bla bla.js ecc ecc>. Questo aiuto lo saprebbe dare anche mio nonno che non ha mai acceso un pc. Nessuno specifica che vanno prese in considerazione solo alcune parti di codice che io non so, nessuno spiega come fare passo x passo.
Grazie ai codici di html.it Ho creato una barra menų con stili css che sta fissa sul fondo del browser anche se scorriamo la pagina con la rotellina, x tenerla sempre visibile. Questa adesso x non ripeterla materialmente su tutte le pagine e modificarla solo quando serve sul file principale, la voglio richiamare se č possibile, con quel sistema che tutti consigliano tramite .js, ma non so che parte di codice devo prendere, o se devo creare diversi file x richiamare anche gli stili css. In pratica ho bisogno di un sistema simile a quello che avviene x la toolbar di altervista, che viene inserita automaticamente ogni volta si crea una nuova pagina e modificabile tramite un solo punto.
La paginetta in questione con la barra si presenta cosė http://x19luca86x.altervista.org/barramenufissa.html (non fateci caso agli 1, servono solo x farvi capire che scorrendo, la barra resta fissa), mentre l'intero codice č questo
Codice:
<html>
<head>
<meta NAME="GENERATOR" Content="AlterVista - Editor HTML">
<title>Barra menų fissa</title>
<style type="text/css">
* { margin: 0; padding: 0; }
body {
font-family: Verdana, sans-serif;
font-size: 10px;
}
p { margin: 20px; }
#footer_bar {
width: 100%;
/* posizionamento in fondo alla pagina */
position: fixed;
bottom: 0;
overflow: hidden;
}
#bar_container {
background: #fff000;
margin: 0 auto;
width: 1200px;
height: 30px;
overflow: hidden;
}
#bar_container ul {
list-style: none;
}
#bar_container ul li {
float: left;
width: 150px;
text-align: center;
}
#bar_container ul li a {
color: black;
display: block;
font-weight: bold;
padding: 10px 0;
text-decoration: none;
width: 150px;
}
#bar_container ul li a:hover {
background-color: #00ff00;
}
</style>
</head>
<body>
<div id="footer_bar">
<div id="bar_container">
<ul>
<li><a href="http://www.youtube.com/user/x19LUCA86x" target="_blank">CANALE YOUTUBE</a></li>
<li><a href="http://www.facebook.com/pages/X19Luca86X-Games-From-The-World/219629724801099?__req=a" target="_blank">PAGINA FACEBOOK</a></li>
<li><a href="http://x19luca86x.altervista.org/universalbubblewitchsaga.html">MONETE GRATIS BWS</a></li>
<li><a href="http://x19luca86x.altervista.org/universalpyramidsolitaire.html">GEMME GRATIS PSS</a></li>
<li><a href="http://x19luca86x.altervista.org/universalpetrescuesaga.html">MONETE GRATIS PRS</a></li>
<li><a href="http://x19luca86x.altervista.org/universalhoopdeloopsaga.html">GEMME GRATIS HdLS</a></li>
<li><a href="#">RICHIESTE GENERALI</a></li>
<li><a href="#">MAPPA DEL SITO</a></li>
</ul>
</div>
</div>
</body><body bgcolor="black">
</html>
Qualcuno č in grado di spiegarmi il meccanismo x filo e x segno?
Grazie mille.
