Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje30-11-2014, 08:47 (UTC)    
Título del mensaje: Crear menu superior

Buenas a todos. Queria consultar como podía crear un menú básico por encima de la publicidad como en esta web http://webayuda.es.tl Lo he intentado, pero no he podido lograrlo. Desde ya gracias.


Ultima edición por chatearlatinos el Dom Nov 30, 2014 4:55 am; editado 1 vez
Mensaje01-12-2014, 09:35 (UTC)    
Título del mensaje: Re: Crear menu superior

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
Mensaje02-12-2014, 09:53 (UTC)    
Título del mensaje:

Ya lo he probado y ha quedado de mil maravillas. Muchas gracias javidj.
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group