Foros Joomla! Spanish

Zona técnica, debate y cooperación sobre Joomla!

Zonas Joomla! Spanish

Portal Joomla! Spansih
Portal Joomla! Spansih NoticiasComunidad JSZona de Extensiones

Estar informado de J!S

Boletines JS
Sigue el proyecto desde joomlacode
Joomla! Spanish 1.5.26 liberada

Sigue el proyecto desde joomlacode de la 3.0
Joomla! Spanish 3.1.0 liberada

Sigue el proyecto desde joomlacode de la 2.5
Joomla! Spanish 2.5.11 Liberada

Estadistícas del foro

  • Miembros en el foro: 396,923
  • Total Temas: 88,579
  • Total Mensajes: 8
Hay 151 usuarios actualmente navegando en los foros.

Colaboradores Gold

Soporte Publicitario



Responder
Antiguo 19-03-2010, 12:09 AM   #1
Usuario de Joomla
 
Avatar de sadasweb
 
Fecha de Ingreso: Dec 2007
Ubicación: chile
Mensajes: 91
sadasweb is on a distinguished road
Exclamation Problema con CSS y menu

hola
la verdad es que he buscado por aki y por aya y no e encontrado una respuesta hasta el momento por ende me vi en la obligacion de unaves mas solicitar ayuda directa.
sucede que estoy realizando mi primer template en joomla 1.5 y va todo bn hasta la parte del menu.

sucede que en el archivo css pongo las clases:
Código HTML:
#izquierda a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited{
 	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	background:#00FF00;
 }
y todo lo que quiero que tenga pero no responde no hace nada.
en cambio cuando modifico
Código HTML:
a{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
a:hover {
color: #FFFFFF;
text-decoration: underline;
}
se modifican los colores del menu que es lo que quiero pero con el codigo anterior.
nose que es lo que sucede.

dejo el codigo del CSS completo.
Código HTML:
* { 
padding: 0;
margin: 0;
list-style:none;
}

body {
       font-family: arial;
       font-size: 12px;
       color: black;
       background-color: #cccccc;
}
#contenedor { 
margin: 0 auto;
margin-top: 20px;
width: 930px;
}


#navegacion {
color: #c9cacc;
font-weight: bold;
font-family: arial;
margin: 0px 0px 0px 15px;

}

#izquierda { 
color: #ffffff;
font-weight: bold;
font-family: arial;
margin: 0px 0px 0px 15px;
padding: 10px;
width: 195px;
float: left;
}

#contenido { 
float: left;
margin: 0px 5px 5px 0px;
padding: 10px;
display: inline;
color:#c9cacc;
font-family: arial;
text-transform: uppercase;
}

#derecha { 
color: #ffffff;
font-weight: bold;
font-family: arial;
margin: 0px 0px 5px 0px;
padding: 10px;
width: 195px;
float: left;
}
/*-------------------------------*/

/* titulo de pagina*/
.componentheading   {
       text-transform: uppercase;
       color: #de2930;
	   font-size:16px;
       padding: 2px 2px 2px 2px;
       font-weight: bold;
}

/* creado por  y fecha de creacion */
.small, .createdate {
    font-size: smaller;
    color:#de2930;
}

/* leer mas */
.readon {
    text-decoration: none;
    color: #de2930;
}
 
a.readon:hover{
    color: #de2930;
    text-decoration: underline;
}

/* separador de articulos -barra-*/

.article_separator{
    display:block;
    background:#FFDFDF;
    height:1px;
    margin:10px 60px 10px 10px;
}





/*ARTICULOS*/

/*titulos de los articulos*/
.contentheading {
font-size:1.4em;
font-weight: bold;
color:#de2930; 
}
.contentheading:hover {
font-size:1.4em;
margin:0;
color:#de2930;
font-weight:bold;
}
a{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
a:hover {
color: #FFFFFF;
text-decoration: underline;
}


/* Cuerpo de los articulos */
.contentpaneopen {
     font-family: arial;
	 color:#CCCCCC;
}

/* --- atributos de modulo izquierda ---*/


#izquierda .moduletable_menu, #izquierza .moduletable{
    text-align:top;
    margin-bottom:15px;
}
/* Aquí ya estamos dándole propiedades a la lista del menú */
#izquierda .moduletable_menu li{
    list-style-image:none;
    list-style-type:none;
}
 
/* Enlaces del menú */
#izquierda .moduletable_menu a{
     text-decoration:underline;
	 color:#FFFFFF;
}
 
 
 
/* Formateamos tanto el títulos del menú como de los módules que allí pongamos */
.moduletable_menu h3, .moduletable h3, .moduletable_text h3{
    margin:0px 0px 0px 0px;
    text-align:center;
    text-transform:uppercase;
	color:#FFFFFF;
}
#active_menu {
    color: #FFFFFF;
    text-align: left;
    background: #666666;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    width: 276px;
    padding: 4px 3px;
    display: block;
 }
#izquierda a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited{
 	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	background:#00FF00;
 }
de antemano gracias por su ayuda.
__________________
El Amor jamás impide al hombre seguir su Leyenda Personal.
sadasweb no está en línea   Responder Con Cita
Antiguo 19-03-2010, 08:27 AM   #2
Guru de Joomla
 
Avatar de Federico Piccoli
 
Fecha de Ingreso: Feb 2010
Ubicación: Barcelona
Mensajes: 4,643
Federico Piccoli is on a distinguished road
Predeterminado

Ciao

a: a:hover a:link y a:visited son las instrucciones "escoba" en Joomla para los links, lo más probable és que viendo que és un link (aunque sea del menu de navegación) se adueñen de él superponiendose a las instrucciones mainlevel
__________________
www.video-tutorial.biz: video tutoriales sobre Joomla
Federico Piccoli está en línea ahora   Responder Con Cita
Antiguo 19-03-2010, 09:35 AM   #3
Guru de Joomla
 
Avatar de Federico Piccoli
 
Fecha de Ingreso: Feb 2010
Ubicación: Barcelona
Mensajes: 4,643
Federico Piccoli is on a distinguished road
Predeterminado

Ciao

Bueno ahora que me he tomado el cafe con leche:

Si tienes Firebug, mira si te ha encontrado el #izquierda a.mainlevel y lo ha substituido por el a del body (en cuyo caso verás la clase mainlevel más abajo con las instrucciones tachadas)

Si no te aparece yo probaría con otra clase
__________________
www.video-tutorial.biz: video tutoriales sobre Joomla
Federico Piccoli está en línea ahora   Responder Con Cita
Antiguo 19-03-2010, 06:16 PM   #4
Usuario de Joomla
 
Avatar de sadasweb
 
Fecha de Ingreso: Dec 2007
Ubicación: chile
Mensajes: 91
sadasweb is on a distinguished road
Exclamation

hola
sabes elimine lo siguiente del codigo:
Código HTML:
a{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
a:hover {
color: #FFFFFF;
text-decoration: underline;
}
pero el problema es que de todas formas no toma en cuenta el a.mainlevel:... y esos, que puedo hacer que me recomiendas.
ademas necesito saber como poner imagenes de fondo en el menu.
porfavor necesito ayuda urgente.
Gracias de antemano.

saludos.
__________________
El Amor jamás impide al hombre seguir su Leyenda Personal.
sadasweb no está en línea   Responder Con Cita
Antiguo 19-03-2010, 06:53 PM   #5
Guru de Joomla
 
Avatar de Federico Piccoli
 
Fecha de Ingreso: Feb 2010
Ubicación: Barcelona
Mensajes: 4,643
Federico Piccoli is on a distinguished road
Predeterminado

Cita:
Iniciado por sadasweb Ver Mensaje
....
pero el problema es que de todas formas no toma en cuenta el a.mainlevel:...
Ciao

No lo toma en cuenta o lo toma en cuenta pero luego lo substituye con el a:link?

Porque si es así la solución (si la hay) és complicada, si és la otra puedes buscar otras instrucciones

seamos serios, en informatica las cosas son como son, no como nos gustaría que fueran
__________________
www.video-tutorial.biz: video tutoriales sobre Joomla
Federico Piccoli está en línea ahora   Responder Con Cita
Antiguo 19-03-2010, 07:11 PM   #6
Usuario de Joomla
 
Avatar de sadasweb
 
Fecha de Ingreso: Dec 2007
Ubicación: chile
Mensajes: 91
sadasweb is on a distinguished road
Talking

esque no hayn ningun segmento de codigo que diga a:link
por ende supongo que no lo toma en cuenta.

cual seria la solucion?
__________________
El Amor jamás impide al hombre seguir su Leyenda Personal.
sadasweb no está en línea   Responder Con Cita
Antiguo 19-03-2010, 10:44 PM   #7
Guru de Joomla
 
Avatar de Federico Piccoli
 
Fecha de Ingreso: Feb 2010
Ubicación: Barcelona
Mensajes: 4,643
Federico Piccoli is on a distinguished road
Predeterminado

Ciao

Si que lo hay:
"y todo lo que quiero que tenga pero no responde no hace nada.
en cambio cuando modifico
a{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
a:hover {
color: #FFFFFF;
text-decoration: underline;
}"
Solucion: a mi el color predeterminado de mi template css lleva 2 años fastidiándome
__________________
www.video-tutorial.biz: video tutoriales sobre Joomla

Última edición por Federico Piccoli; 19-03-2010 a las 10:47 PM
Federico Piccoli está en línea ahora   Responder Con Cita
Antiguo 22-03-2010, 04:49 AM   #8
Usuario de Joomla
 
Avatar de sadasweb
 
Fecha de Ingreso: Dec 2007
Ubicación: chile
Mensajes: 91
sadasweb is on a distinguished road
Talking

gracias por tu ayuda Federico Piccoli
eso si encontre una solucion alternativa y fue editando mi CSS y mi PHP
dejo solucion.


PHP:
Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>			
<jdoc:include type="head" /> 			
<link rel="stylesheet" href="templates/ondulain2/css/template.css" type="text/css" />	

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head> 	

<body id="<?php echo $this->params->get('color'); ?>">

<p></p>
<div id="contenedor">

<table width="799" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="12" height="11"><img src="templates/ondulain2/images/men_esk_arriba.png"  width="12" height="12" align="absbottom" /></td>
    <td width="215" height="11"><img src="templates/ondulain2/images/menu_arriba.png"  width="215" height="12" align="absbottom" /></td>
    <td width="560" height="11"><img src="templates/ondulain2/images/arriba.png" alt="" width="100%" height="11" align="absbottom" /></td>
    <td width="12" height="11"><img src="templates/ondulain2/images/eskina_arriba.png"  width="12" height="12" align="absbottom" /></td>
  </tr>
  <tr>
    <td width="12" height="57" background="templates/ondulain2/images/menu_derecha.png"></td>
    <td valign="top" background="templates/ondulain2/images/menu_body.png"><table width="215"  border="0" cellpadding="0" cellspacing="0" >
      <tr>
        <td  valign="top"><div id="derecha">
            <jdoc:include type="modules" name="logotipo" style="xhtml" />
        </div></td>
      </tr>
      <tr>
        <td width="211" valign="top">
		<div class="outer">
<div class="menu">
	<ul>
		<div class="izquierda" >
            <jdoc:include type="modules" name="left" style="xhtml" />
        </div>
	</ul>
</div>
</div>		</td>
      </tr>
    </table></td>
    <td valign="top" bgcolor="#FFFFFF"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr>
        <td height="45" valign="top"><div class="navegacion" id="navegacion">
            <jdoc:include type="modules" name="cabecera" style="xhtml" />
        </div></td>
      </tr>
      <tr>
        <td height="87" valign="top" bgcolor="#FFFFFF">
		<div class="contenido" id="contenido">
            <jdoc:include type="component" />
        </div></td>
      </tr>
    </table></td>
    <td width="12" background="templates/ondulain2/images/derecha.png"></td>
  </tr>
</table>
<p>&nbsp;</p>
</div>	
<p></p>
<p></p>
</body>
</html>
CSS:
Código HTML:
/*
 Template de SadasWeb
*/

body {
       font-family: arial;
       font-size: 12px;
       color: black;
       background-color: #cccccc;
}
#contenedor { 
margin-top:30px; 
margin-left: auto;
margin-right:auto;


}


#navegacion {
color: #c9cacc;
font-weight: bold;
font-family: arial;
margin: 0px 0px 0px 0px;

}

#izquierda { 
color: #ffffff;
font-weight: bold;
font-family: arial;
margin: 0px 0px 0px 15px;
width: 195px;
float: left;
}

#contenido { 
float: left;
margin: 0px 5px 5px 0px;
display: inline;
color:#c9cacc;
font-family: arial;
text-transform: uppercase;
}

#derecha { 
color: #ffffff;
font-weight: bold;
font-family: arial;
margin: 0px 0px 5px 0px;
width: 195px;
float: left;
}

/*-------------------------------*/

/* titulo de pagina*/
.componentheading   {
       text-transform: uppercase;
       color: #de2930;
	   font-size:16px;
       padding: 2px 2px 2px 2px;
       font-weight: bold;
}

/* creado por  y fecha de creacion */
.small, .createdate {
    font-size: smaller;
    color:#de2930;
}

/* leer mas */
.readon {
    text-decoration: none;
    color: #de2930;
}
 
a.readon:hover{
    color: #de2930;
    text-decoration: underline;
}

/* separador de articulos -barra-*/

.article_separator{
    display:block;
    background:#FFDFDF;
    height:1px;
    margin:10px 60px 10px 10px;
}





/*ARTICULOS*/

/*titulos de los articulos*/
.contentheading {
font-size:1.4em;
font-weight: bold;
color:#de2930; 
}
.contentheading:hover {
font-size:1.4em;
margin:0;
color:#de2930;
font-weight:bold;
}
a{
text-decoration:none;
color:#de2930;
font-weight:bold;

}
a:hover {
color: #de2930;
text-decoration: underline;
background:url(templates/ondulaine2/images/boton_bg.png);
}


/* Cuerpo de los articulos */
.contentpaneopen {
     font-family: arial;
	 color:#838589;
}

/* --- atributos de modulo izquierda ---*/


#izquierda .moduletable_menu, #izquierza .moduletable{
    text-align:top;
    margin-bottom:15px;
}
/* Aquí ya estamos dándole propiedades a la lista del menú */
#izquierda .moduletable_menu li{
    list-style-image:none;
    list-style-type:none;
}
 
/* Enlaces del menú */
#izquierda .moduletable_menu a{
     text-decoration:underline;
	 color:#FFFFFF;
}
 
 
 
/* Formateamos tanto el títulos del menú como de los módules que allí pongamos */
.moduletable_menu h3, .moduletable h3, .moduletable_text h3{
    margin:10px 0px 8px 0px;
    text-align:left;
    text-transform:uppercase;
	color:#FFFFFF;
}


 .outer a, .outer div, .outer li, .outer ul, .outer body{
	margin: 0;
	padding: 0;
	font-family:  Arial;
}
div.menu{
	width: 165px;
}
div.menu ul{
	list-style: none;
	text-indent: 0px;
}
div.menu li{
	margin-top: 1px;
}
div.menu a{
	font: 12px Arial;
	padding: 4px;
	font-weight: bold;
	color: #FFFFFF;
	display:block;
	padding: 2px 5px;
	height: 20px;
	text-decoration: none;
}
div.menu a:hover{
	background:#E65B63;
	padding: 2px 15px;
}
div.menu active_menu{
background:#E65B63;
}

Gracias y espero que esta solucion sirva a alguien mas jejejeje ya que me cabesie muchisimo y busque hasta en paginas rusas jajaja
saludos a todos
__________________
El Amor jamás impide al hombre seguir su Leyenda Personal.

Última edición por sadasweb; 22-03-2010 a las 04:51 AM
sadasweb no está en línea   Responder Con Cita


Responder

Marcadores

Herramientas
Desplegado

Permisos de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Códigos BB están Activo
Los Emoticonos están Activo
Código [IMG] está Activo
Código HTML está Inactivo
Trackbacks are Activo
Pingbacks are Activo
Refbacks are Activo


Temas Similares
Tema Autor Foro Respuestas Último Mensaje
Problema con un modulo de menu, desparece el header al usar el menu Pawaii Módulos (1.5) 0 25-10-2008 06:06 PM
problema con el menu omelma Módulos (1.0) 0 31-12-2007 10:53 AM
problema con menu ratamaster Foro general (1.0) 0 09-10-2007 05:58 PM
SW Menú Pro - Problema.. impulsog Componentes (1.0) 0 17-05-2007 04:54 PM
Problema con el menú thetruesayan Templates (1.0) 0 16-02-2006 07:04 PM