Comunidad de diseño web y desarrollo en internet online

diferentes css en campos de texto

Citar            
MensajeEscrito el 25 Dic 2004 11:08 pm
Holas, merry xmas! antes qe nada por supuesto, una cosa que he querido hacer en Flash es usar varios estilos CSS para los links a:link, a:hover, a:visited, pero la cosa es que solo me funciona si no le pongo ningun nombre es decir:

a:link {

}

si me funciona pero

. texto a:link {

}

esto no funciona así que si quiero usar varios estilos CSS para los vinculos no puedo hacerlo, se puede?

Saludos!

Por Smithy

159 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 26 Dic 2004 12:07 am
intenta con
.texto a{

}

y en el html del flash lo llamas con
<a href="#" class="texto">texto</a>

saludos

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 26 Dic 2004 12:24 am
al parecer ahora ni siquiera puedo cargar un css que tenga una linea asi porque da error

.texto a {

}

y

.texto a:link {

}

ambos dan error, no sé por qué

Por Smithy

159 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 29 Dic 2004 06:47 pm
ok, mi pregunta se resume a esto: se puede usar varios estilos para las etiquetas <a> en un mismo campo de texto en Flash?

Saludos

Por Smithy

159 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 29 Dic 2004 09:03 pm
si
Es la naturaleza de CSS

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino   Admin

Conserje de Cristalab

firefox
Citar            
MensajeEscrito el 29 Dic 2004 09:45 pm
Lo estas usando al revés. Te pongo un ejemplo que usé en el sitio de un cliente que ocupaba cuatro tipos de enlaces.

Normalmente es así (o sea, para un sólo tipo de link):

Código :

a:link {
   color: #FFFFFF;
   text-decoration: none;
}
a:visited {
   color: #FFFFFF;
   text-decoration: none;
}
a:hover {
   color: #1D7CA5;
   text-decoration: underline;
}
a:active {
   text-decoration: none;
}

Si quieres otros estilos específicos

Código :

/*links de tipo B */

a.links_B:link {
      color: #000000;
      text-decoration: none;
}
a.links_B:visited {
      color: #333333;
      text-decoration: none;
}
a.links_B:hover {
      color: #666666;
      text-decoration: underline;
}
a.links_B:active {
      text-decoration: none;
}

/*links de tipo C */

a.links_C:link {
      color: #000000;
      text-decoration: none;
}
a.links_C:visited {
      color: #333333;
      text-decoration: none;
}
a.links_C:hover {
      color: #666666;
      text-decoration: underline;
}
a.links_C:active {
      text-decoration: none;
}

/*links de tipo D */

a.links_D:link {
      color: #1A91CB;
      text-decoration: none;
}
a.links_D:visited {
      color: #12658D;
      text-decoration: none;
}
a.links_D:hover {
      color: #0C445F;
      text-decoration: underline;
}
a.links_D:active {
      text-decoration: none;
}


Obviamente este CSS se puede optimizar utilizando los factores comunes, pero lo puse así para efectos de hacerlo más fácil de entender.

Y al llamarlo, lo haces así:

Código :

<a href="#" class="links_D">Link de Texto Estilizado D</a>

Éxito, ojalá te sirva!

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.