Autor
Mensaje
cducatolica
Nuevo
13-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
______________
↑
cavsimx
Junior
Ubicación: México, DF
13-12-2008, 02:14 (UTC) Título del mensaje :
cómo cual?????
Favor de ser más claro es sus preguntas
______________
↑
tus-emoticones
Destacado
Ubicación: Venezuela.
13-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
↑
cducatolica
Nuevo
13-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
↑
crazypersongus
Destacado
13-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
↑
cavsimx
Junior
Ubicación: México, DF
13-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
______________
↑
crazypersongus
Destacado
13-12-2008, 02:38 (UTC) Título del mensaje :
↑
cavsimx
Junior
Ubicación: México, DF
13-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
______________
↑
cducatolica
Nuevo
13-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
______________
↑
cavsimx
Junior
Ubicación: México, DF
13-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
______________
↑
tus-emoticones
Destacado
Ubicación: Venezuela.
13-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
↑
cducatolica
Nuevo
13-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
______________
↑
didita9
Ex-teamPwG-Mod
13-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
↑