Foros del Web » Creando para Internet » CSS »

Links Visitados y Activos ¿?

Estas en el tema de Links Visitados y Activos ¿? en el foro de CSS en Foros del Web. Que tal, estoy aplicando una hoja de estilos que tiene esta parte: Código PHP: . textocontenido  { FONT - SIZE :  13px ;  COLOR :  ...
  #1 (permalink)  
Antiguo 29/04/2005, 12:50
Avatar de jpogsistem  
Fecha de Ingreso: diciembre-2001
Mensajes: 2.405
Antigüedad: 16 años
Puntos: 4
Links Visitados y Activos ¿?

Que tal, estoy aplicando una hoja de estilos que tiene esta parte:

Código PHP:
.textocontenido {
FONT-SIZE13pxCOLOR#516068; FONT-FAMILY: Verdana, Arial, 

Helveticasans-serifTEXT-ALIGNjustifyTEXT-DECORATIONnone;

 
visited color#516068; active color: #516068;


Pero creo que está mal el código de lo último:

visited color: #516068; active color: #516068;

Porque no me lo aplica y en el Dream aparece subrayado.

Como sería.

Saludos y Gracias.
__________________
EL LIMITE ES EL UNIVERSO
  #2 (permalink)  
Antiguo 29/04/2005, 13:03
 
Fecha de Ingreso: junio-2004
Ubicación: Barcelona
Mensajes: 107
Antigüedad: 13 años, 5 meses
Puntos: 2
el visited, se aplica a la propiedad a (la de los enlaces) para cambiar el color de un link k ya has visitado.
Ej:
a: visited {color: fff000;}
Y el Active es 3/4 de lo mismo, solo que para los links activos.
  #3 (permalink)  
Antiguo 29/04/2005, 13:06
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Sonrisa Que tal jpogsistem,

Cita:
Iniciado por jpogsistem
.textocontenido {
FONT-SIZE: 13px; COLOR: #516068; FONT-FAMILY: Verdana, Arial,

Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none;

visited color: #516068; active color: #516068;
}
hmmm primero una pregunta... ¿es puro texto o son vínculos? por que déjame te digo que para qué o por qué aplicarles pseudo clases a un simple texto, porque hasta donde yo sé eso sería para la etiqueta que funciona como enlace a otro recurso <a href=".com">vínculo</a> hmmmm ya me hice chibolas

Ok veamos.... aquí te voy a dejar un ejemplo de cómo lo haría yo para aplicarle estilo a mis links:

Código:
A.menu:link, A.menu:visited {
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}

A.menu:hover, A.menu:active {
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: Bold;
	background-color: #FFFFFF;
	color: #005B80;
	text-decoration: underline overline;
	cursor: default;
	}
ahhh,, jajajajja ya ví donde está tu error esque estás aplicando una pseudo clase como si fuera una propiedad lo que tendrías que hacer es como está en el ejemplo de arriba (aunque para serte sincero todabía estoy confundido si son links o puro texto ), pero bueno, la cosa en sí es... tienes que aplicar la pseudo clase al elemento o a la clase o identificador "ID" donde quieras el efecto.

De hecho acabo de responder algo similar en otro post parecido a este , ok espero haber podido ayudar...

Slds y suerte
__________________
_______
Jorge Rojas.
  #4 (permalink)  
Antiguo 29/04/2005, 13:07
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Jé, casi nos chocamos BILka
__________________
_______
Jorge Rojas.
  #5 (permalink)  
Antiguo 29/04/2005, 13:16
Avatar de jpogsistem  
Fecha de Ingreso: diciembre-2001
Mensajes: 2.405
Antigüedad: 16 años
Puntos: 4
Es que tengo todo el texto de la página así con ese css.

Pero en un par de páginas parte del texto se convierte en link y se pone Azul, eso es lo que deseo controlar que no sea azul sino lo más parecido a la fuente de contenido.
__________________
EL LIMITE ES EL UNIVERSO
  #6 (permalink)  
Antiguo 29/04/2005, 13:21
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Ok jpogsistem, danos un ejemplo de lo que quieres hacer y te ayudamos con tu problema, es decir, ¿que color quieres, tamaño de letra, tipo de letra,? etc, etc,

slds...
__________________
_______
Jorge Rojas.
  #7 (permalink)  
Antiguo 29/04/2005, 13:29
Avatar de jpogsistem  
Fecha de Ingreso: diciembre-2001
Mensajes: 2.405
Antigüedad: 16 años
Puntos: 4
La misma que he puesto, pero con color #516068 para los vinculos activos y visitados.
__________________
EL LIMITE ES EL UNIVERSO
  #8 (permalink)  
Antiguo 29/04/2005, 13:35
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Sonrisa Hola de nuevo,

Ok aquí te dejo un ejemplo para que lo apliques:
Código:
A.textocontenido:hover, A.textocontenido:active {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #516068;
	text-decoration: none;
	cursor: hand;
	}
Bueno... creo que esa sería la solución a tu problema amigo...
Si no lo es avisa
Slds...
__________________
_______
Jorge Rojas.
  #9 (permalink)  
Antiguo 29/04/2005, 13:49
Avatar de jpogsistem  
Fecha de Ingreso: diciembre-2001
Mensajes: 2.405
Antigüedad: 16 años
Puntos: 4
Lo pregunto de otra manera:

Tengo esta hoja de estilos:

Código PHP:
.textocontenido 
FONT-SIZE13pxCOLOR#516068; FONT-FAMILY: Verdana, Arial, 

Helveticasans-serifTEXT-ALIGNjustifyTEXT-DECORATIONnone


Cómo le adiciono esto?


Código PHP:
visited color#516068; active color: #516068; 
__________________
EL LIMITE ES EL UNIVERSO
  #10 (permalink)  
Antiguo 29/04/2005, 13:58
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Voy de nuevo,

Creo que ahora ya te entendí perfectamente que es lo que quieres conseguir,

Lo que tendrías que hacer es esto:

Código:
.textocontenido:hover, .textocontenido:active {
          color: #516068; }
Wow amigo, si no es eso lo que preguntas entonces ya no sé ni que responderte ajaajja pero no hay problema, estoy poniendo a prueba mis poderes

Slds...
__________________
_______
Jorge Rojas.
  #11 (permalink)  
Antiguo 29/04/2005, 14:15
Avatar de jpogsistem  
Fecha de Ingreso: diciembre-2001
Mensajes: 2.405
Antigüedad: 16 años
Puntos: 4
Una ultima mano con la sintaxis? Porfa: algo de los{{

Código PHP:
.textocontenido {
FONT-SIZE13pxCOLOR#516068; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none; 
.textocontenido:hover, .textocontenido:active color#516068; 

__________________
EL LIMITE ES EL UNIVERSO
  #12 (permalink)  
Antiguo 29/04/2005, 16:11
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Sonrisa Ok jpogsistem,

Cita:
Iniciado por jpogsistem
Una ultima mano con la sintaxis? Porfa: algo de los{{

Código PHP:
.textocontenido {
FONT-SIZE13pxCOLOR#516068; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none; 
.textocontenido:hover, .textocontenido:active color#516068; 

Hmmm, veamos.....

Donde tienes las declaraciones para .textocontenido creo que sólo te haría falta la llave de cierre (}) ya que sólo tienes la de apertura, es sencillo como ya sabrás cuando vas a declarar estilos (agrupados), y/o vas a crear una clase o un identificador, o bien, usar directamente el elemento... La sintáxis que tienes que aplicar sería así:

/*selector= elemento P*/
Código:
P { propiedad: valor;propiedad: valor; }
Esto es cuando trabajamos directamente con el selector, se abre la llave para hacer las respectivas declaraciones y luego se cierra para indicar que allí termina el estilo para dicho elemento.

Y, al igual que cualquier otro estilo que querramos dar, ya sea usando clases o ID's sería siempre la misma historia:

/*selector= .clase1*/
Código:
.clase1 {
   propiedad: valor;propiedad: valor; }
y así puedes ir aplicando los diferentes estilos que quieras.
¿Ahora no sé si ya entendistes cual era tu problema con las pseudo clases que querías aplicar? tu problema era que querías aplicar una pseudo clase como una propiedad más y con un valor, y lo estabas aplicando de manera incorrecta ya que ( visited-color: ) NO existe en CSS , hmmm déjame reviso en la Web a ver si encuentro un tutorial de CSS buenísimo para que vayas aprendiendo Cuando tenga la url te la mando

Slds y suerte
__________________
_______
Jorge Rojas.
  #13 (permalink)  
Antiguo 02/05/2005, 18:26
Avatar de jpogsistem  
Fecha de Ingreso: diciembre-2001
Mensajes: 2.405
Antigüedad: 16 años
Puntos: 4
Hombre, no funciona.
__________________
EL LIMITE ES EL UNIVERSO
  #14 (permalink)  
Antiguo 02/05/2005, 21:58
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Los estilos para los links tienes que hacerlos aparte:

/*Estilo para los textos en general*/
.textocontenido {
FONT-SIZE: 13px;
COLOR:
#516068;
FONT-FAMILY: Verdana, Arial,Helvetica, sans-serif;
TEXT-ALIGN: justify;
}

/*Estilo para los links*/
a.textocontenido:link{
color:#alguncolor;
text-decoration:none;
}
/*Estilo para losl inks visitados*/
a.textocontenido:visited{
color:#alguncolor;
}
/*Estilos al estar encima de los links*/
a.textocontenido:hover{
color:#alguncolor;
}
/*Estilos para cuando haces click en los links
a.textocontenido:active{
color:#alguncolor;
}
__________________
El conocimiento es libre: Movimiento por la Devolución
  #15 (permalink)  
Antiguo 03/05/2005, 09:35
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Sonrisa Hola de nuevo a todos,

Lo que tiene que tener bien en cuenta es el orden para cambiar el aspecto de los links, el cual sería así:

A:link
A:visited
A:hover
A:active


Por tal razón yo lo hago de la manera anteriormente explicada:

Código:
A:link, A:visited {  }
A:hover, A:active {  } 
De esa manera se reduce considerablemente el peso de tu hoja de estilos La manera correcta de llamarlo sería, (Agrupamiento de selectores)

Bueno, sin más me despido...
Slds y suerte
__________________
_______
Jorge Rojas.
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 10:52.