Foros del Web » Creando para Internet » CSS »

Ayuda estilos con CSS

Estas en el tema de Ayuda estilos con CSS en el foro de CSS en Foros del Web. Hola amigos recien conoci esta pagina porque alguien me dijo que aqui me podian brindar ayuda y bueno mi problema es este. Estoy haciendo un ...
  #1 (permalink)  
Antiguo 19/01/2011, 14:34
 
Fecha de Ingreso: enero-2011
Mensajes: 3
Antigüedad: 6 años, 10 meses
Puntos: 0
Exclamación Ayuda estilos con CSS

Hola amigos recien conoci esta pagina porque alguien me dijo que aqui me podian brindar ayuda y bueno mi problema es este.


Estoy haciendo un diseño en css y todo bien, pero quisiera que tuviera varios estilos es decir:

- Al hacer click en un enlace [X] cambiara de color a azul

- Al hacer click en un enlace [Y] cambiara de color a rojo

Osea la idea es que con click cambie a al estilo que el link redirija:

Aclaro: Tengo los css que especifican los colores pero no se como hacer para que cambie automaticamente con el click

Muchas gracias de antemano.
  #2 (permalink)  
Antiguo 19/01/2011, 17:43
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Ayuda estilos con CSS

Si los enlaces te llevan a otra página, en esa página cambia las propiedades de tus enlaces.
Si no te llevan a otra página puedes usar a:visited pero eso te cambiará el color sólo la primera vez que visites el enlace (que hagas click).
La manera adecuada si no cambias de página en el enlace y quieres que cambie el color en cada click es utilizar javascript dentro del atributo onclick o href del enlace.
  #3 (permalink)  
Antiguo 19/01/2011, 18:56
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 7 años, 2 meses
Puntos: 59
sanxuan, creo que no has entendido bien la pregunta.

iTzJeSuS, esto es lo que buscas: Cambio Dinámico de Hoja de Estilos CSS.

__________________
01011111 01000001 01100100 01110010 01101001 01100001 01101110 01011111
  #4 (permalink)  
Antiguo 19/01/2011, 19:21
 
Fecha de Ingreso: enero-2011
Mensajes: 3
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Ayuda estilos con CSS

Ok muchas gracias ahora mira
Cita:
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}

function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
}
return null;
}
Eso seria un ejemplo para colocar 2 estilos pero como los conecto con el css? Supongo que lo que subraye en rojo , por favor si estoy equivocado corrigeme.
  #5 (permalink)  
Antiguo 20/01/2011, 08:49
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 7 años, 2 meses
Puntos: 59
No tienes que modificar el archivo .js

Cita:
Por último, nos queda añadir en la parte de nuestra página que creamos conveniente los vínculos para que el usuario pueda cambiar el estilo al hacer clic:

<a href="#" onclick="setActiveStyleSheet('normal'); return false;">Normal</a>

<a href="#" onclick="setActiveStyleSheet('ejemplo2'); return false;">Alto Contraste</a>

En estos hipervínculos, el atributo onclick hace referencia a una función incluida en el archivo styleswitcher.js, a la cual le pasamos el valor del title de la hoja de estilo.
__________________
01011111 01000001 01100100 01110010 01101001 01100001 01101110 01011111
  #6 (permalink)  
Antiguo 20/01/2011, 09:09
 
Fecha de Ingreso: enero-2011
Mensajes: 3
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Ayuda estilos con CSS

Ok solo una ultima duda :D como se a que estilo meva a llevar los links graciass. Hasme el favor de responderme eso y salgo de la duda. Muchas Gracias.

Cita:
<a href="#" onclick="setActiveStyleSheet('normal'); return false;">Normal</a>

<a href="#" onclick="setActiveStyleSheet('ejemplo2'); return false;">Alto Contraste</a>
  #7 (permalink)  
Antiguo 20/01/2011, 14:08
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 7 años, 2 meses
Puntos: 59
Cita:
En estos hipervínculos, el atributo onclick hace referencia a una función incluida en el archivo styleswitcher.js, a la cual le pasamos el valor del title de la hoja de estilo.
__________________
01011111 01000001 01100100 01110010 01101001 01100001 01101110 01011111

Etiquetas: colores, estilos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:20.