Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje06-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
Mensaje07-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...
______________

>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje07-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
Mensaje08-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.
______________

>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
Mensaje08-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
Mensaje08-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
Mensaje09-02-2014, 07:59 (UTC)    
Título del mensaje: Re: Submenú

ok, ya lo revisé.....
ya te funciona correctamente :D
______________

>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje09-02-2014, 18:14 (UTC)    
Título del mensaje: Re: Submenú

javidj escribió:
ok, ya lo revisé.....
ya te funciona correctamente :D



gracias solucionado
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group