Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje02-07-2009, 19:22 (UTC)    
Título del mensaje: Menú desplegable a partir de mi menú

Bueno pueden ver mi menú en mi web http://ultrasfutbol.es.tl/inicio.htm Yo quiero que cuando se pinche en uno de los apartados aparezca un submenú a la izquierda con varias opciones.

Pero no quiero cambiar el menú que ya tengo, quiero que la apariencia sea la misma.

¿Alguien puede ayudarme?

Gracias.


Ultima edición por ultrasfutbol el Jue Jul 02, 2009 3:23 pm; editado 1 vez
Mensaje02-07-2009, 23:37 (UTC)    
Título del mensaje:

Hola

Sinceramente desconozco el code de su web y de su menú, así que no sé si se pueda hacer desplegable, pero este es muy similar y eficaz:

http://www.paginawebgratis.es/forum/viewtopic.php?t=34534

Es sencilo de colocar,

Saludos,
El equipo de Luupa
______________
Mensaje03-07-2009, 14:22 (UTC)    
Título del mensaje:

Este es el código y perdona que lo publique entero porque no entiendo mucho de esto y no sé que parte corresponderá al menú.

Respecto al que me has dicho, ya lo he intentado, lo encontré con el buscador del foro pero no me funciona...

Código:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/* Top elements */
* { margin:0; padding: 0; }

body {
background-image:url(http://i456.photobucket.com/albums/qq285/RaFaXeReZ/fondo2.png);background-color:#000000;
color: #555;
font: 70%/1.5 Verdana, 'Trebuchet MS', arial, sans-serif;
text-align: center;
margin: 10px 0;
}

/* links */
a {
color: #000;
background: inherit;
text-decoration: none;
}
a:hover {
color: #006699;
background: inherit;
}

/* headers */
h1, h2, h3 {
font-family: 'Trebuchet MS', Arial, sans-serif;
font-weight: bold;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.3em;
text-transform: uppercase;
color: #339900;
}
h3 {
font-size: 1.1em;
text-transform: uppercase;
color: #333;
letter-spacing: 1px;
}

h1, h2, h3, p {
padding: 0;
margin: 5px 50px;
}

ul, ol {
margin: -40px 300px;
padding: 0 150px;
color: #72A545;
}
ul span, ol span {
color: #666666;
}

/* images */
img {
border: px solid #CCC;
}
img.float-right {
margin: 5px 0px 10px 10px;
}
img.float-left {
margin: 5px 10px 10px 0px;
}

code {
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space: pre; */
background: #FAFAFA;
border: 1px solid #EAEAEA;
border-left: 5px solid #72A545;
}
acronym {
cursor: help;
border-bottom: 1px solid #777;
}
blockquote {
margin: 15px;
padding: 0 0 0 32px;
background: #FAFAFA url(http://pixelea.com/s/fcb2c6666e.gif) no-repeat 5px 1px !important;
background-position: 8px 10px;
border: 1px solid #EAEAEA;
border-left: 5px solid #72A545;
font-weight: bold;
}

/* form elements */
form {
margin:10px 15px; padding: 0;
border: 1px solid #EAEAEA;
background-color: #FAFAFA;
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding:3px;
border:1px solid #eee;
font: normal 1em Verdana, sans-serif;
color:#777;
}
textarea {
width:400px;
padding:4px;
font: normal 1em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button {
margin: 0;
font: bolder 12px Arial, Sans-serif;
border: 1px solid #EAEAEA;
padding: 2px 3px;
background: #CCC url(http://pixelea.com/s/c099aed773.gif) repeat-x left bottom;
color: #333;/* color: #000; */
}

/* search */
#sidebar #search {
background: #f2f2f2;
margin: 0 15px;
padding: 5px 0;
}
#sidebar #search img {
vertical-align: bottom;
}
#sidebar #search .textbox {
background: #FFF url(http://pixelea.com/s/ad87ead541.png) no-repeat top left;
border: 1px solid #EAEAEA;
font-size: 11px;
padding: 3px;
width: 110px;
}
#sidebar #search input.searchbutton {
margin: 0;
font: bold 100% Arial, Sans-serif;
border: 1px solid #CCC;
background: #CCC url(http://pixelea.com/s/36119383c4.gif) repeat-x left bottom;
padding: 1px;
height: 25px;
color: #333;
width: 55px;
}


/*****************************
LAYOUT
******************************/
#wrap {
margin: 0 auto ;
padding:0;
text-align: left;
background-color:#FFF;
width: 790px;
}
#content-wrap {
clear:both;
margin:0; padding: 0;
width: 790px;
}

/* header */
#header {
position: relative;
clear:left;
width: 790px;
height: 133px;
margin: 0; padding: 0;
background: #ccc url(http://i456.photobucket.com/albums/qq285/RaFaXeReZ/hoolcopia2.png) no-repeat left bottom;
}
#header h1#logo-text {
position: absolute;
margin: 0; padding: 0;
font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;

/* change the values of top and right to adjust the position of the logo*/
top: 36px; right: 35px;
}
#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
letter-spacing: 1px;
color: #FFF;

/* change the values of top and right to adjust the position of the slogan*/
top: 85px; right:35px;
}
/* menu tabs */
#header #header-tabs {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 25px;
background: #000;
font: bold 1.1em Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
}
#header-tabs ul {
margin:0;
padding:2px 0px 0px 7px;
list-style:none;
}
#header-tabs li {
display:inline;
margin:0;
padding:0;
}
#header-tabs a {
float:left;
background: url() no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#header-tabs a span {
float:left;
display:block;
background: url() no-repeat right top;
padding:7px 70px 4px 12px;
color: #CCC;
}
/* Commented Backslash Hack hides rule from IE5-Mac */
#header-tabs a span {float:none;}
/* End IE5-Mac hack */
#header-tabs a:hover span {
color:#FFF;
}
#header-tabs a:hover {
background-position:0% -42px;
}
#header-tabs a:hover span { background-position: 100% -42px;}
#header-tabs #current a { background-position:0% -42px; }
#header-tabs #current a span { background-position:100% -42px; color: #FFF;}

/* main content */
#main {
float: left;
width: 535px;
margin: 0; padding: 0;
background-color: inherit;
}
#main h1 {
padding: 8px 0 3px 25px;
text-transform: none;
background: url(http://pixelea.com/s/63a8ac8c7a.png) no-repeat 0% .7em;
border-bottom: 2px solid #f2f2f2;
color: #265785;
}

/* sidebar */
#sidebar {
float: right;
width: 245px;
margin: 0 0 10px 0; padding: 0;
background-color: inherit;
}
#sidebar h1 {
padding: 8px 0px 3px 30px;
background: url(http://i456.photobucket.com/albums/qq285/RaFaXeReZ/pena-1.png) no-repeat 0% .7em;
text-transform: none;
color: #265785;
}

#sidebar ul.sidemenu {
list-style:none;
margin:10px 70px;
padding:0;
}
#sidebar ul.sidemenu li {
margin-bottom:1px;
border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
display: block;
font-weight: bold;
color: #333;
text-decoration:none;
padding: 2px 5px 2px 10px;
background: #f2f2f2;
border-left: 5px solid #CCC;

min-height: 18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
padding:2px 5px 2px 10px;
background: #f2f2f2;
color: #265785;
border-left:5px solid #265785;
}


/* footer */
#footer {
clear: both;
height: 40px;
color: #CCC;
background:url(http://i456.photobucket.com/albums/qq285/RaFaXeReZ/hoolbajo.png) ;
margin: 0;
font-size: 92%;
}
#footer a {
text-decoration: none;
font-weight: bold;
color: #FFF;
}
#footer #footer-left {
width: 68%;
float: left;
text-align: left;
margin: 0; padding: 10px;
}
#footer #footer-right {
width: 25%;
float: right;
text-align: right;
margin: 0; padding: 100px;
}

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear { clear:both; }
.hide { display: none; }
.gray { color: #CCC; }

.comments {
color: #333;
background: #FFF;
text-align: right;
border-top: 1px dashed #EFF0F1;
border-bottom: 1px dashed #EFF0F1;
padding: 5px 0;
margin-top: 20px;
}
img {
border : none;
}
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group