Avisos
Vaciar todo
Joomla 3.0
8
Respuestas
4
Usuarios
0
Reactions
497
Visitas
Topic starter
en mi hoja de estilos tengo creadas estas clases para las zonas de fondo claro, pero si el fondo es oscuro no hay contraste. Quisiera crear nuevas clases con colores para zonas oscuras pero no estoy segura de saber hacerlo.
tengo esta sintaxis
a, .uk-link {
color : #007088;
}
a:hover, .uk-link:hover {
color : #777777;
}
a:visited, .uk-link:visited {
color : #cccccc;
}
si duplico y adapto los nuevos valores sobre estas instrucciones podría quedar algo así, pero entonces las zonas claras de la web toman estos valores en lugar de los anteriores que son los que corresponden ¿qué podría hacer para conseguir enlaces con colores adaptados a las zonas oscuras?
a, .uk-link-ng {
color : #9ee7ed;
}
a:hover, .uk-link-ng: hover {
color : #f4f4f4;
}
a:visited, .uk-link-ng: visited {
color : #dadada;
}
Respondido : 22/10/2017 12:32 am
Hola Rosario, Buenos Días.
Si nos indicas que texto es el que quieres modificar te podremos orientar mejor.
El código dependerá del texto a modificar y de la posición que ocupen.
Un saludo
Respondido : 22/10/2017 9:43 am
Topic starter
Contenido solo visible a usuarios registrados
En el footer de esta web hay un menu que de momento está en blanco, pero no es sensible, se puede ver un enlace sensible en la misma zona que se llama contactar, sale en azul oscuro y tendría que ser azul claro con los valores de abajo
Respondido : 22/10/2017 7:29 pm
Hola Rosario,
Ningún enlace de la web que yo veo al pasar el ratón (hover) cambia a un color azul, veo que permanece en un tono blanco o gris claro muy similar.
¿Que color es el que debe adoptar?
Saludos
Respondido : 23/10/2017 1:48 am
Topic starter
No se ve mucho el link de contactos, pero he quitado el formato a todo el menú del debug y ahora se entiende mejor que colores hay que cambiar
color : #9ee7ed; link
color : #f4f4f4; hover
Respondido : 23/10/2017 3:53 pm
Hola
Si sólo quieres afectar al footer, puedes agregar una clase o ID antes, en el caso de la estructura que tienes puedes usar #tm-footer, por ejemplo :
#tm-footer a:hover{
color:red;
}
Saludos.
Respondido : 23/10/2017 5:46 pm
Topic starter
He creado estas clases, pero a la hora de añadirla a mi menu la clase hover no funciona y la clase link se muestra con una distancia top diferente de las otras partes del menu
.tm-footer a, uk-link:{
color:#9ee7ed;
}
.tm-footer a: hover, .uk-link:hover {
color:f4f4f4;
}
- CONTACTAR
etc.
Respondido : 24/10/2017 1:34 pm
Hola Rosario.
Tienes añadida un clase que es la que esta provocando que ese bloque se vea por debajo de los demás:
La clase " tm-footer " es lo que esta provocando eso.
¿ Por que no pones los títulos en color verde y los enlaces los pones en blanco, con eso se verían bien ?
Un saludo
Respondido : 24/10/2017 2:26 pm
