[SOLUCIONADO] Como podria hacer lo siguiente

[_Neon]

Hola, tengo una web [www.tzarean.com] y tengo un lio con un menu de navegacion que puse, resulta que es muy incomodo colocar el codigo html en cada subpagina que creo, ademas si luego hay que hacer algun cambio hay que cambiar el codigo de todas las subpaginas

Este es el codigo:

Código:

<div id='cssmenu'>
<ul>
   <li><a href='/index.html'><span>Inicio</span></a></li>
   <li class='has-sub'><a href='/proyecto'><span>Proyecto</span></a>
      <ul>
         <li class='has-sub'><a href='/proyecto/unidades'><span>Unidades</span></a>
            <ul>
               <li><a href='/proyecto/unidades/imperiales.html'><span>Imperiales</span></a></li>
               <li><a href='/proyecto/unidades/misticos.html'><span>Misticos</span></a></li>
               <li><a href='/proyecto/unidades/oscuros.html'><span>Oscuros</span></a></li>
               <li><a href='/proyecto/unidades/ganado.html'><span>Ganado</span></a></li>
               <li><a href='/proyecto/unidades/naturaleza.html'><span>Naturaleza</span></a></li>
               <li><a href='/proyecto/unidades/bestias.html'><span>Bestias</span></a></li>
               <li><a href='/proyecto/unidades/portaldimensional.html'><span>Portal dimensional</span></a></li>
               <li><a href='/proyecto/unidades/castillodelmal.html'><span>Castillo del mal</span></a></li>
               <li class='last'><a href='/proyecto/unidades/otros.html'><span>Otros</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='/proyecto/edificios'><span>Edificios</span></a>
            <ul>
               <li><a href='/proyecto/edificios/imperiales.html'><span>Imperiales</span></a></li>
               <li><a href='/proyecto/edificios/misticos.html'><span>Misticos</span></a></li>
               <li><a href='/proyecto/edificios/oscuros.html'><span>Oscuros</span></a></li>
               <li class='last'><a href='/proyecto/edificios/capturados.html'><span>Capturados</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='/proyecto/tecnologias'><span>Tecnologias</span></a>
            <ul>
               <li><a href='/proyecto/tecnologias/imperiales.html'><span>Imperiales</span></a></li>
               <li><a href='/proyecto/tecnologias/misticos.html'><span>Misticos</span></a></li>
               <li class='last'><a href='/proyecto/tecnologias/oscuros.html'><span>Oscuros</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href='/colabora.html'><span>Colabora</span></a></li>
   <li class='last'><a href='/contacto.html'><span>Contacto</span></a></li>
</ul>
</div>

Necesito alguna manera de hacer una id que corresponda a ese codigo html.
He creado una pagina con el codigo y para luego mostrar el menu con un iframe, pero resulta que como es un menu de navegacion al abrir una pagina se abre en el iframe.

¿Que podria hacer para solucionar esto?

[kgingerbc]

podrías guardar tu código en una pagina php o html digamos ejemplo.php y lo llamarías desde otras pagínas incluyéndola: <?php include("ejemplo.php"); ?>
eso siempre y cuando lo hagas como php; pero html también se podría.

Suerte,
Kerlly

[RokuMetal]

Buen día, lo podrías hacer desde PHP como lo menciona el compañero de arriba con la función "include" o con Javascript. En javascript lo que harías sería escribir el código de tu barra de navegación y lo imprimes con la función "document.write" para que en tus archivos HTML sólo escribas:

Código Javascript:

<script type="text/javascript" src="ruta/bara-nav.js"></script>
 

Suerte!

[_Neon]

gracias :) soy nuevo en esto y no me sabia estas cosas