menus desplegables en joomla

Para cualquier duda sobre Joomla! 1.5 que no tenga cabida en alguno de los foros de más abajo.

Moderators: carcam, hefesto

Locked
TECMAN1
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Tue Sep 21, 2010 2:05 pm

menus desplegables en joomla

Post by TECMAN1 » Tue Sep 21, 2010 5:10 pm

tengo 2 menus desplegables y tengo un problema dsitinto con cada uno
con el hxdmoomenu,el tamaño de los botones no me queda igual, y cuando quiero ponerle un roll over a la seleccion, este queda de un tamaño mucho mas grande y sualmente se superpone al boton anterior o al que le siguie


.menuhxdmenu,.menuhxdmenu *{
margin:0;
padding:0;
color: #000000;
text-align:left;

}

div#hxdmoomenu{
z-index:50;
color: #0066CC;

}

#hxdmoomenu li li{
margin:0;
color: #FFFFFF;

}

.menuhxdmenu {
line-height:1.0;
float:left;
margin-bottom:1.5em;
position:relative;
z-index:50;
color: #FFFFFF;
}

.menuhxdmenu ul{
background:#fff;
padding:0;
color: #FFFFFF;

}

.menuhxdmenu li{
float:left;
list-style:none;
position:relative;
color: #FFFFFF;
width:123px;

}

div#hxdmoomenu li li a, div#hxdmoomenu li.active li a{
display:block;
padding:0;
margin:0;
text-decoration:none;
float:none;
width:98%;
color: #FFFFFF;
}

.menuhxdmenu li ul{
float:none;
left:-999em;
position:absolute;
width:10px;
z-index:50;
color: #FFFFFF;
width:128px;

}

.menuhxdmenu li:hover ul,

.menuhxdmenu li.sfHover ul{
left:0px;
top:25px;
color: #FFFFFF;


}

.menuhxdmenu li:hover li ul,

.menuhxdmenu li.sfHover li ul,

.menuhxdmenu li li:hover li ul,

.menuhxdmenu li li.sfHover li ul,

.menuhxdmenu li li li:hover li ul,

.menuhxdmenu li li li.sfHover li ul{
top:-999em;
color: #FFFFFF;
}

.menuhxdmenu li li:hover ul,

.menuhxdmenu li li.sfHover ul,

.menuhxdmenu li li li:hover ul,

.menuhxdmenu li li li.sfHover ul,

.menuhxdmenu li li li li:hover ul,

.menuhxdmenu li li li li.sfHover ul{
left:0px;
top:0px;
color: #FFFFFF;
}

.menuhxdmenu li li{position:relative;float:none;width:50%;}

/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#hxdmoomenu{

}

#hxdmoomenu ul{
margin: 0;
padding: 0;
background: #ffffff;

}

#hxdmoomenu ul li{
margin:0;
padding:0;
display:block;
color: #FFFFFF;

}

#hxdmoomenu ul li a{
margin:0;
display:block;
float: left;
height: 35px;
line-height: 25px;
padding: 0 15px;
color: #FFFFFF;
}

#hxdmoomenu ul li a:hover{
color: #003399;
}

#hxdmoomenu li.active a {
color: #FFFFFF;
width:128px;

}

#hxdmoomenu li ul {
margin-top:0px;
margin-left:auto;
width:350px;
color: #FFFFFF;
}



#hxdmoomenu ul ul ul {
margin-top:10px;
color: #FFFFFF;
}

#hxdmoomenu ul ul li{
display:block;
padding:0 0 0 15px;
text-align:left;
padding-left:10px;
width:350px;
color: #000000;
}


#hxdmoomenu ul ul li a{
display:block;
color: #FFFFFF;
}


#hxdmoomenu li.active li a {
color: #FFFFFF;

}

#hxdmoomenu ul ul li a:hover,

#hxdmoomenu ul li.active.parent ul a:hover {
display:block;
color: #000000;


}


y el otro es con super fish, el menu no se despliega como deveria

.sf-menu, .sf-menu * {

margin: 0;

padding: 0;

list-style: none;

width:128px;
}

.sf-menu {

line-height: 1.0;

width:128px;
}

.sf-menu ul {

position: absolute;

top: -999em;

width: 10em; /* left offset of submenus need to match (see below) */

width:128px;
}

.sf-menu ul li {

width: 100%;

width:128px;
}

.sf-menu li:hover {

visibility: inherit; /* fixes IE7 'sticky bug' */

width:128px;
}

.sf-menu li {

float: left;

position: relative;

width:128px;

}

.sf-menu a {

display: block;

position: relative;

width:128px;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

left: 0;

top: 2.5em; /* match top ul list item height */

z-index: 99;

width:128px;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

top: -999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

left: 10em; /* match ul width */

top: 0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

top: -999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

left: 10em; /* match ul width */

top: 0;

}



/*** DEMO SKIN ***/

.sf-menu {

float: left;

margin-bottom: 1em;

width:128px;

}

.sf-menu a {

border-left: 1px solid #fff;

border-top: 1px solid #CFDEFF;

padding: .75em 1em;

text-decoration:none;

width:128px;

}

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/

color: #13a;

width:128px;

}



.sf-menu li {

background: #BDD2FF;

width:128px;

}

.sf-menu li li {

background: #AABDE6;

width:128px;

}

.sf-menu li li li {

background: #9AAEDB;

width:128px;

}



.sf-menu li:first-child, .sf-menu li.first-child {

}



.sf-menu li:last-child, .sf-menu li.last-child {

}



.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

background: #CFDEFF;

outline: 0;

width:128px;

}



.sf-menu li .separator {

display: block;

border-left: 1px solid #fff;

border-top: 1px solid #CFDEFF;

padding: .75em 1em;

text-decoration:none;

width:128px;

}



/*** arrows **/

.sf-menu a.sf-with-ul {

padding-right: 2.25em;

min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */

width:128px;

}

.sf-sub-indicator {

position: absolute;

display: block;

right: .75em;

top: 1.05em; /* IE6 only */

width: 10px;

height: 10px;

text-indent: -999em;

overflow: hidden;

background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

width:128px;

}

a > .sf-sub-indicator { /* give all except IE6 the correct values */

top: .8em;

background-position: 0 -100px; /* use translucent arrow for modern browsers*/

width:128px;
}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

background: url('../images/shadow.png') no-repeat bottom right;

padding: 0 8px 9px 0;

-moz-border-radius-bottomleft: 17px;

-moz-border-radius-topright: 17px;

-webkit-border-top-right-radius: 17px;

-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

background: transparent;

}



.sf-menu .active {

background: #ccc;

}



.sf-menu #current {

background: #aaa;

}



.superfish_clear {

clear: both !important;

height: 1px !important;

overflow: hidden !important;

font-size: 1px !important;

margin: 0 !important;

padding: 0 !important;

}

User avatar
hefesto
Joomla! Hero
Joomla! Hero
Posts: 2569
Joined: Fri Jan 20, 2006 12:37 am
Location: Seville - Spain
Contact:

Re: menus desplegables en joomla

Post by hefesto » Wed Sep 22, 2010 3:49 pm

Hola TECMAN1, bienvenido al foro.

Un par de cosillas sobre la forma de escribir los posts:

-Por favor, no escribas todo el mensaje en negrita.
-¿Podrías usar las etiquetas CODE del editor para el trozo de código que has puesto? Eso permitiría leerlo más fácilmente
-¿Sería posible que eliminaras los espacios entre los atributos de cada clase en el código CSS? Eso también permitiría leerlo todo más fácilmente.

Para lo anterior, puedes editar tu propio mensaje pinchando en el icono que aparece en la parte inferior del mismo ;).

En cuanto a tu pregunta, la verdad es que no termino de entender el problema. ¿Sería posible que pusieras un enlace al sitio donde ocurre para que podamos verlo "en vivo"?
Spanish forum local moderator
Twitter: @isidrobaq
Comunidad Joomla de España: https://joomlaes.org
NO atiendo peticiones privadas de soporte. Por favor, pregunta en los foros.

TECMAN1
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Tue Sep 21, 2010 2:05 pm

Re: menus desplegables en joomla

Post by TECMAN1 » Fri Oct 08, 2010 8:00 pm

no te preocupes, ya solucione el problema


Locked

Return to “Joomla! 1.5”