hola, uf! hace tiempo que no actualizo, y el servidor de imageshack me a suprimido el diseño :D es lo malo de usar esas webs.......
ese menu, es simple y facil de usar pero requiere de un servidor para alojar css para ahorrar codigo... de todas formas, aqui te lo paso:
Cita: <link type="text/css" rel="StyleSheet" href="http://area-electronica.com/javidj.css" />
<!-- MENU -->
<div id="rep-mail-bar">
<div class="padder">
<a href="#" id="rep-mail-bar-logo">INICIO</a>
<ul class="main-nav">
<li class="alt, no-arrow">
<a href="http://.........">pagina</a></li>
</ul>
<ul class="main-nav">
<li class="alt">
<a>NOMBRE</a>
<ul>
<li class="alt, no-arrow">
<a href="http://...........">pagina</a></li>
<li class="alt, no-arrow">
<a href="http://...........">pagina</a></li>
</ul>
<li class="alt, no-arrow">
<a href="http://...........">pagina</a></li>
<li class="alt, no-arrow">
<a href="http://...........">pagina</a></li>
</ul>
</div>
</div>
- EXPLICACION:
el archivo css lo tienes arriba, en rojo, puedes usar el mismo asi tal cual, o si lo prefieres, pinchalo o abrelo como web y veras todo el codigo, para poder copiarlo y editarlo a tu gusto y luego resubirlo a tu servidor.
DATO: si no tienes servidor, tambien puedes poner el codigo directamente (esta ventaja permite poder editarlo en la misma web y poder ir viendo los cambios),
el codigo seria:
Código: <style type="text/css" >
aqui todo el codigo css
</style>
y desde aqui el menu.....
en http:.......... debes poner el link a que quieres enlazar.
en pagina el nombre visible que la gente clickeara
para agregar categorias debes hacerlo con lista <ul><li>
Cita: <ul>
<li class="alt, no-arrow"> """""""" </li>
</ul>
class alt, determina que tenga el efecto del menu, no lo edites,
no-arrow es para indicarle que no tiene desplegable (seria la flechita) que si lo pones solo un <li class="alt">............</il>
si aparecerá flecha.
y nada mas, es cuestion de probar, trabajar en el y comprender el codigo... suerte ______________
10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Ultima edición por javidj el Lun Dic 01, 2014 5:39 am; editado 1 vez
|