Avisos
Vaciar todo

Modulo Suffix

2 Respuestas
2 Usuarios
0 Reactions
1,113 Visitas
DIEGO CALDERON
Respuestas: 36
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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


 
Respondido : 01/10/2012 4:50 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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.


 
Respondido : 01/10/2012 5:04 pm