Avisos
Vaciar todo

Modulo Suffix  

 
DIEGO CALDERON
 DIEGO CALDERON
Usuario eminente

Como siempre inicio dándoles las gracias por su excelente gestión, acabo de crear un nuevo suffix para un nuevo estilo css con el fin que la letra sea gris pero al activarse con el Mouse cambie a blanco, el código es el siguiente:

/* suffix oscuro */
.box.oscuro,.box_text.oscuro,.box_menu.oscuro{
color: #FFFFFF;
text-color: #FFFFFF;
padding: 0;
margin: 10px 0 0 0;
background: none;
line-height: 145%;
border: none;
}

.box.oscuro .content {
text-color: #FFFFFF;
color: #FFFFFF;
padding: 10px;
overflow: hidden;
}

.box_menu,oscuro ul.menu>li.active {
color: #FFF;
border: 1px solid #639012;
border-bottom: none;
margin: 0 -1px;
}

.box.oscuro:first-child,.box_text:first-child,.box_menu.oscuro:first-child {
margin-top: 0 !important;
color:#FFFFFF;
}

.box.oscuro > h3,.box_text.oscuro > h3,.box_menu.oscuro > h3 {
text-color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
height: 32px;
line-height: 32px;
background: none;
border-bottom: none;
padding: 0;
}

.box.oscuro > h3 span,.box_text.oscuro > h3 span,.box_menu.oscuro > h3 span {
text-color: #343434;
color: #FFFFFF;
display: block;
height: 32px;
padding: 0 10px;
}

.box.oscuro ul li:first-child,.box_text.oscuro ul li:first-child,.box_menu.oscuro ul li:first-child {
color: #FFFFFF;
border-top: none;
}

El problema es que el estilo no esta cambiando tal como lo deseo, ya que el color de la letra es negra y cuando lo activo con el mouse cambia a rojo y no como lo deseo... el joomla que utilizo es el 2.5.7 y el modulo al que le estoy aplicando el cambio esta ubicado el el Bottom1 en la parte inferior izquierda de la web en la seccion Nosotros, muchas gracias por su colaboracion.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 01/10/2012 5:50 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Diego

Tienes que llegar al texto, es decir tu estilo debería dirigirse hata el link, por ejjemplo:

.box.oscuro a {color:white !important;}

Y usar la sentencia important.

Luego para que el texto cambie de color al pasar el mouse utiliza el hover del link, revisa el siguiente artículo que explica el uso de hover : http://www.w3schools.com/cssref/sel_hover.asp

Lo comentado son generalidades, no damos soporte CSS a través de foro.

Saludos.

ResponderCitar
Respondido : 01/10/2012 6:04 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress