Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje13-12-2008, 02:04 (UTC)    
Título del mensaje: menu en css menu maker

hola
saben que me meti a http://www.cssmenumaker.com y busque un menu vertical y me dan un codigo para configurar las url y eso, etc

pero no se que codigo ponerle para que funcione como ese menu
adios
______________
Mensaje13-12-2008, 02:14 (UTC)    
Título del mensaje:

cómo cual?????

Favor de ser más claro es sus preguntas
______________
Mensaje13-12-2008, 02:24 (UTC)    
Título del mensaje:

estos son los codes, debes elegir tu menu vertical y pegar el code donde te indique.

esto lo colocas en texto por encima de la pagina:

Código:
<div class="outer">   
   <div id="menu">
      <ul>
      <li><a href="URL" target="_self">NOMBRE</a></li>
      <li><a href="URL" target="_self">NOMBRE</a></li>
      <li><a href="URL" target="_self">NOMBRE</a></li>
      <li><a href="URL" target="_self">NOMBRE</a></li>
      <li><a href="URL" target="_self">NOMBRE</a></li>
   </ul>
</div>
</div>


esto en un box o por debajo de la pagina:

Código:
/*        V2        */
.outer{
   list-style:none;
   margin:0px;
   padding:0px;
}

   
#menu {
   width: 200px;
   border-style: solid solid none solid;
   border-color: #94AA74;
   border-width: 1px;

   }
#menu ul{
   list-style:none;
   margin:0px;
   padding:0px;
   }
   
#menu li a {
   height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
   text-decoration: none;
   font-weight:normal;
   }   
   
#menu li a:link, #menu li a:visited {
   color: #FFFFFF;
   display: block;
   background: url(images/v6.gif);
   background-repeat:no-repeat;
   padding: 8px 0 0 50px;
   }
   
#menu li a:hover {
   color: #666666;
   background: url(images/v6.gif) 0 -32px;
   background-repeat:no-repeat;
   padding: 8px 0 0 50px;
   }
   
#menu li a:active {
   color: #666666;
   background: url(images/v6.gif) 0 -64px;
   background-repeat:no-repeat;
   padding: 8px 0 0 50px;
   }


ese es un ejemplo.

eliges tu menu y luego pegas los codes donde te dije y lo modificas a tu gusto.

salu2.
______________
LO MAXIMO EN SMILEYS PARA MSN
Mensaje13-12-2008, 02:29 (UTC)    
Título del mensaje: este es



Ultima edición por cducatolica el Vie Dic 12, 2008 10:31 pm; editado 1 vez
Mensaje13-12-2008, 02:32 (UTC)    
Título del mensaje:

Código:
/*        V2        */
.outer{
   list-style:none;
   margin:0px;
   padding:0px;
}

   
#menu {
   width: 200px;
   border-style: solid solid none solid;
   border-color: #94AA74;
   border-width: 1px;

   }
#menu ul{
   list-style:none;
   margin:0px;
   padding:0px;
   }
   
#menu li a {
   height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
   text-decoration: none;
   font-weight:normal;
   }   
   
#menu li a:link, #menu li a:visited {
   color: #FFFFFF;
   display: block;
   background: url(images/v6.gif);
   background-repeat:no-repeat;
   padding: 8px 0 0 50px;
   }
   
#menu li a:hover {
   color: #666666;
   background: url(images/v6.gif) 0 -32px;
   background-repeat:no-repeat;
   padding: 8px 0 0 50px;
   }
   
#menu li a:active {
   color: #666666;
   background: url(images/v6.gif) 0 -64px;
   background-repeat:no-repeat;
   padding: 8px 0 0 50px;
   }


Esto debe estar dentro un documento css, dudo que funcione simplemente pegandolo asi.


Ultima edición por crazypersongus el Vie Dic 12, 2008 10:32 pm; editado 1 vez
Mensaje13-12-2008, 02:35 (UTC)    
Título del mensaje:

CReo que es así=

este es el code que te dan:

Código:
*        V3        */

.outer{
   list-style:none;
   margin:0px;
   padding:0px;
}

   
#menu {
   width: 200px;
   border-style: solid solid none solid;
   border-color: #0e69be;
   border-size: 1px;
   border-width: 1px;
   }

#menu ul{
   list-style:none;
   margin:0px;
   padding:0px;
   }
#menu li a {
   height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
   text-decoration: none;
   font-weight:normal;
   }   
   
#menu li a:link, #menu li a:visited {
   color: #ffffff;
   display: block;
   background: url(images/v5.jpg);
   background-repeat:no-repeat;
   padding: 8px 0 0 10px;
   }
   
#menu li a:hover {
   color: #ffffff;
   background: url(images/v5.jpg) 0 -32px;
   background-repeat:no-repeat;
   padding: 8px 0 0 10px;
   }
   
#menu li a:active {
   color: #ffffff;
   background: url(images/v5.jpg) 0 -64px;
   background-repeat:no-repeat;
   padding: 8px 0 0 10px;
   }                   
                   


En donde dice:

Código:
background: url(images/v5.jpg) 0 -64px;


En lugar de images/v5.jpg vas a poner la URL del menu que consigues de la siguiente forma:

1Da click en el boton de Down Load Images,
2 guardas
3 subes a pixelea y pones la url


Espero te sirva saludos
______________
Mensaje13-12-2008, 02:38 (UTC)    
Título del mensaje:

Mensaje13-12-2008, 03:22 (UTC)    
Título del mensaje:

Es cierto, es muy facil solo tienes que darle en el boton customize

y añadir los botones, saludos
______________
Mensaje13-12-2008, 03:44 (UTC)    
Título del mensaje: no me funcionan

pero lo hice y no me funcionan
me aparecen solo el codigo para configurar las url del menu
y el otro codigo no funciona
______________
Mensaje13-12-2008, 04:11 (UTC)    
Título del mensaje:

ya lo probamos nosotros y lamentablemente parece ser su servidor web el que esta dañado, porque solo dice:

submenu de

y no da más opciones, saludos
______________
Mensaje13-12-2008, 12:57 (UTC)    
Título del mensaje:

Puedes crear menus de mayor calidad y funcionan todos en http://www.flashvortex.com

salu2.
______________
LO MAXIMO EN SMILEYS PARA MSN
Mensaje13-12-2008, 20:21 (UTC)    
Título del mensaje: si pero

si ya los e usado pero los botones estan bien pero no me llevan a ninguna web que les pongo deurl
______________
Mensaje13-12-2008, 20:24 (UTC)    
Título del mensaje: Re: si pero

cducatolica escribió:
si ya los e usado pero los botones estan bien pero no me llevan a ninguna web que les pongo deurl


lamentablemente los botones hechos en flash con link incluido, no funcionan en este server, a menos que cuando los estes creando le des al atributo target_blank de lo contrario no haran nada cuando le den clic, es la unica forma de hacerlos funcionar
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group