| Autor |
Mensaje |
-
transportespedrogonzalez
Nuevo
|
 06-02-2014, 23:36 (UTC)
Título del mensaje: submenus |
|
|
hola amigos queria saber como puedo poner en el menu de arriba de mi web donde pone galeria queria hacer submenus no se si me explico
que cuando yo pase el mouse sobre galeria se repliegen otros submenus y que habra en una pagina nueva gracias |
|
|
↑
|
|
 |
-
javidj
Experto
|
07-02-2014, 08:53 (UTC)
Título del mensaje: Re: submenus |
|
|
hola, en tu diseño... (editar diseño)
localiza la parte de codigo donde pusiste:
Cita: <div id="menu"><ul>
<li><a href="http://transportespedrogonzalez.es.tl/">INICIO</a></li>
<li><a href="http://transportespedrogonzalez.es.tl/La-Empresa.htm">LA EMPRESA</a></li>
<li><a href="http://transportespedrogonzalez.es.tl/Servicios.htm">SERVICIOS</a></li>
<li><a href="http://transportespedrogonzalez.es.tl/Galeria.htm">GALERIA</a></li>
<li><a href="http://transportespedrogonzalez.es.tl/Contacto.htm">CONTACTO</a></li>
</ul></div>
la manera de crear una escalera de menus es volviendo a poner el tag <ul>: justo antes de cerrar el </li>
<li><a href="http://transportespedrogonzalez.es.tl/Galeria.htm">GALERIA</a>AQUI</li>
ENTONCES SERIA:
Cita: <li><a href="http://transportespedrogonzalez.es.tl/Galeria.htm">GALERIA</a>
<ul>
<li><a href="http:.htm">subpagina 1</a></li>
<li><a href="http:.htm">subpagina 2</a></li>
</ul>
</li>
prueba de esa manera a ver si el creador del diseño arreglo los submenus, y si no, ya trabajaremos en eso... ______________  
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 |
|
|
↑
|
|
|
-
transportespedrogonzalez
Nuevo
|
07-02-2014, 16:19 (UTC)
Título del mensaje: Re: submenus |
|
|
javidj escribió: hola, en tu diseño... ...
no me funciono amigo mira te dejo una imagen de como quedo http://oi57.tinypic.com/f2ogaq.jpg
tambien te dejo el codigo que modifique como me dijiste gracias y un saludo
el codigo es este:
Código: <li><a href="http://transportespedrogonzalez.es.tl/Galeria.htm">GALERIA</a> <ul>
<li><a href="http:.htm">subpagina 1</a></li>
<li><a href="http:.htm">subpagina 2</a></li>
<li><a href="http:.htm">subpagina 3</a></li>
<li><a href="http:.htm">subpagina 4</a></li>
<li><a href="http:.htm">subpagina 5</a></li>
</ul>
</li>
editado para no alargar el tema
Ultima edición por transportespedrogonzalez el Sab Feb 08, 2014 4:30 am; editado 2 veces
|
|
|
↑
|
|
|
-
javidj
Experto
|
08-02-2014, 07:33 (UTC)
Título del mensaje: Re: Submenú |
|
|
perdon por retraso, estoy trabajando en un diseño de menu para que lo adaptes...
EDITO:
vamos por partes, (como diria jack el destripador)...
lo primero es limpiar tu codigo, los atributos de tu menu, no permiten agregarle mucho mas salvo efectos de texto, y lo intenté...
- vamos a trabajar en "editar diseño>> opciones avanzadas"
1º localiza en tu css esta parte y borralo:
osea todo donde ponga "menu"..
------
#headering a {text-decoration: none;color: #FFFFFF;}
#header2 {width: 900px;height: 88px;margin: 0px auto;}
#menu {float: left;}
#menu ul {margin: 0px;padding: 34px 0px 0px 0px;list-style: none;text-transform: lowercase;}
#menu li {float: left;}
#menu a {padding-left: 50px;text-decoration: none;font-size: 16px;font-weight: bold;color: #FFFFFF;}
#search {float: right;}
.......etc
2º- para mayor comodidad y que pese menos tu web, te he comprimido el codigo css y ya te lo he alojado, que de todas formas si lo quieres editar, basta con poner la direccion del css en el navegador y copiarlo.. pero te lo he arreglado de tal forma que tiene tus colores y forma.
- ve a "texto encima de la pagina" o en su defecto si tienes activado "head" y añade esto:
Código: <link type="text/css" rel="StyleSheet" href="http://area-electronica.com/PWG/menupgonzalez.css" />
3º- localiza donde tienes el menu html, elimina lo de div id="menu"
vamos que deberia quedar asi:
Cita: <div id="bg2"><div id="header2">
aqui el nuevo menu.
</div>
</div>
y cambialo por este:
Código: <div id="rep-mail-bar">
<div class="padder">
<ul class="main-nav">
<li class="alt, no-arrow"><a href="#">INICIO</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">LA EMPRESA</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">SERVICIOS</a></li>
</ul>
<ul class="main-nav">
<li class="alt"><a>GALERIA</a>
<ul>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 1</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 2</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 3</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 4</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 5</a></li>
</ul>
<li class="alt, no-arrow">
<a href="http://.es.tl">CONTACTO</a></li>
</div>
</div>
edita el menu con tus paginas.
dato de interes:
para que tus visitas sepan que el menu tiene un desplegable, tiene unos tags:
<li class="alt, no-arrow">
arrow viene de flecha, asi que si borras esa parte aparece una flecha al lado de la palabra que gustes... osea fijate como en la linea de "galeria no esta  "
otro truquillo, cuando en lugar de una direccion, lo dejas en #, el navegador al no detectar ninguna direccion, lo que hace es volver al indice de la misma, esto lo usan mucho para otras cosas, pero en un menu, lo puedes dejar en "INICIO" vamos que no pongas la url en el boton inicio, asi ahorras texto, que aunque parezca insignificante, todo lo que sea ahorrar caracteres de estructura bienvenido sea por el peso de la web :D..
y nada mas, guarda y ya me contaras como te queda, o si quieres cambiarle cosas. ______________
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 Sab Feb 08, 2014 4:59 am; editado 2 veces
|
|
|
↑
|
|
|
-
transportespedrogonzalez
Nuevo
|
08-02-2014, 15:38 (UTC)
Título del mensaje: Re: Submenú |
|
|
javidj escribió: perdon por retraso, estoy trabajando en un diseño de menu para que lo adaptes...
EDITO:
vamos por partes, (como diria jack el destripador)...
lo primero es limpiar tu codigo, los atributos de tu menu, no permiten agregarle mucho mas salvo efectos de texto, y lo intenté...
- vamos a trabajar en "editar diseño>> opciones avanzadas"
1º localiza en tu css esta parte y borralo:
osea todo donde ponga "menu"..
------
#headering a {text-decoration: none;color: #FFFFFF;}
#header2 {width: 900px;height: 88px;margin: 0px auto;}
#menu {float: left;}
#menu ul {margin: 0px;padding: 34px 0px 0px 0px;list-style: none;text-transform: lowercase;}
#menu li {float: left;}
#menu a {padding-left: 50px;text-decoration: none;font-size: 16px;font-weight: bold;color: #FFFFFF;}
#search {float: right;}
.......etc
2º- para mayor comodidad y que pese menos tu web, te he comprimido el codigo css y ya te lo he alojado, que de todas formas si lo quieres editar, basta con poner la direccion del css en el navegador y copiarlo.. pero te lo he arreglado de tal forma que tiene tus colores y forma.
- ve a "texto encima de la pagina" o en su defecto si tienes activado "head" y añade esto:
Código: <link type="text/css" rel="StyleSheet" href="http://area-electronica.com/PWG/menupgonzalez.css" />
3º- localiza donde tienes el menu html, elimina lo de div id="menu"
vamos que deberia quedar asi:
Cita: <div id="bg2"><div id="header2">
aqui el nuevo menu.
</div>
</div>
y cambialo por este:
Código: <div id="rep-mail-bar">
<div class="padder">
<ul class="main-nav">
<li class="alt, no-arrow"><a href="#">INICIO</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">LA EMPRESA</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">SERVICIOS</a></li>
</ul>
<ul class="main-nav">
<li class="alt"><a>GALERIA</a>
<ul>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 1</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 2</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 3</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 4</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 5</a></li>
</ul>
<li class="alt, no-arrow">
<a href="http://.es.tl">CONTACTO</a></li>
</div>
</div>
edita el menu con tus paginas.
dato de interes:
para que tus visitas sepan que el menu tiene un desplegable, tiene unos tags:
<li class="alt, no-arrow">
arrow viene de flecha, asi que si borras esa parte aparece una flecha al lado de la palabra que gustes... osea fijate como en la linea de "galeria no esta "
otro truquillo, cuando en lugar de una direccion, lo dejas en #, el navegador al no detectar ninguna direccion, lo que hace es volver al indice de la misma, esto lo usan mucho para otras cosas, pero en un menu, lo puedes dejar en "INICIO" vamos que no pongas la url en el boton inicio, asi ahorras texto, que aunque parezca insignificante, todo lo que sea ahorrar caracteres de estructura bienvenido sea por el peso de la web :D..
y nada mas, guarda y ya me contaras como te queda, o si quieres cambiarle cosas.
imposible hacer eso no llego a tanto no se como hacerlo gracias de todas formas |
|
|
↑
|
|
|
-
transportespedrogonzalez
Nuevo
|
08-02-2014, 15:48 (UTC)
Título del mensaje: Re: Submenú |
|
|
javidj escribió: perdon por retraso, estoy trabajando en un diseño de menu para que lo adaptes...
EDITO:
vamos por partes, (como diria jack el destripador)...
lo primero es limpiar tu codigo, los atributos de tu menu, no permiten agregarle mucho mas salvo efectos de texto, y lo intenté...
- vamos a trabajar en "editar diseño>> opciones avanzadas"
1º localiza en tu css esta parte y borralo:
osea todo donde ponga "menu"..
------
#headering a {text-decoration: none;color: #FFFFFF;}
#header2 {width: 900px;height: 88px;margin: 0px auto;}
#menu {float: left;}
#menu ul {margin: 0px;padding: 34px 0px 0px 0px;list-style: none;text-transform: lowercase;}
#menu li {float: left;}
#menu a {padding-left: 50px;text-decoration: none;font-size: 16px;font-weight: bold;color: #FFFFFF;}
#search {float: right;}
.......etc
2º- para mayor comodidad y que pese menos tu web, te he comprimido el codigo css y ya te lo he alojado, que de todas formas si lo quieres editar, basta con poner la direccion del css en el navegador y copiarlo.. pero te lo he arreglado de tal forma que tiene tus colores y forma.
- ve a "texto encima de la pagina" o en su defecto si tienes activado "head" y añade esto:
Código: <link type="text/css" rel="StyleSheet" href="http://area-electronica.com/PWG/menupgonzalez.css" />
3º- localiza donde tienes el menu html, elimina lo de div id="menu"
vamos que deberia quedar asi:
Cita: <div id="bg2"><div id="header2">
aqui el nuevo menu.
</div>
</div>
y cambialo por este:
Código: <div id="rep-mail-bar">
<div class="padder">
<ul class="main-nav">
<li class="alt, no-arrow"><a href="#">INICIO</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">LA EMPRESA</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">SERVICIOS</a></li>
</ul>
<ul class="main-nav">
<li class="alt"><a>GALERIA</a>
<ul>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 1</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 2</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 3</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 4</a></li>
<li class="alt, no-arrow"><a href="http://.es.tl">subpagina 5</a></li>
</ul>
<li class="alt, no-arrow">
<a href="http://.es.tl">CONTACTO</a></li>
</div>
</div>
edita el menu con tus paginas.
dato de interes:
para que tus visitas sepan que el menu tiene un desplegable, tiene unos tags:
<li class="alt, no-arrow">
arrow viene de flecha, asi que si borras esa parte aparece una flecha al lado de la palabra que gustes... osea fijate como en la linea de "galeria no esta "
otro truquillo, cuando en lugar de una direccion, lo dejas en #, el navegador al no detectar ninguna direccion, lo que hace es volver al indice de la misma, esto lo usan mucho para otras cosas, pero en un menu, lo puedes dejar en "INICIO" vamos que no pongas la url en el boton inicio, asi ahorras texto, que aunque parezca insignificante, todo lo que sea ahorrar caracteres de estructura bienvenido sea por el peso de la web :D..
y nada mas, guarda y ya me contaras como te queda, o si quieres cambiarle cosas.
creo que lo hice bien
visita mi pagina y dimelo y muchas gracias de nuevo
amigo hayun pequeño fallo donde pone ¿que buscas? ahora no me deja escribir hay osea que no puedo buscar el contenido por lo demas todo perfecto
Ultima edición por transportespedrogonzalez el Sab Feb 08, 2014 11:31 pm; editado 1 vez
|
|
|
↑
|
|
|
-
javidj
Experto
|
09-02-2014, 07:59 (UTC)
Título del mensaje: Re: Submenú |
|
|
ok, ya lo revisé.....
ya te funciona correctamente :D ______________
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 |
|
|
↑
|
|
|
-
transportespedrogonzalez
Nuevo
|
09-02-2014, 18:14 (UTC)
Título del mensaje: Re: Submenú |
|
|
javidj escribió: ok, ya lo revisé.....
ya te funciona correctamente :D
gracias solucionado |
|
|
↑
|
|
|
|
"