Autor Tema: Ayuda con link en css  (Leído 548 veces)

Desconectado reef

  • PHPer@ Fijo
  • ***
  • Mensajes: 180
  • Karma: 4
  • Sexo: Masculino
  • Todo un skater
    • Ver Perfil
    • Donreef ~ TagBoard
Ayuda con link en css
« en: 26 de Noviembre de 2011, 01:03:11 am »
Bueno necesito ayuda en css, miren tengo unas opciones en el panel y las tengo con css con hover, link,active,visited pero hay otros que son otros links de las noticias y quiero que esten con otro color no con el mismo del panel como lo puedo hacer si los links estan en los mismo archivos, muchas gracias por al ayuda si me la dan.

style.css:
Código: [Seleccionar]
a:link {
color: #FFF;
font-weight:bold;
text-decoration: none;
}
a:visited {
text-decoration: none;
font-weight:bold;
color: #FFF;
}
a:hover {
text-decoration: none;
font-weight:bold;
color: #FFF;
}
a:active {
text-decoration: none;
font-weight:bold;
color: #FFF;
}
y lo que quiero es ponerle otros de esto mismo pero con otro color a diferente links, haber si me entienden, muchas gracias.

Comunidad PHPeros

Ayuda con link en css
« en: 26 de Noviembre de 2011, 01:03:11 am »

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:Ayuda con link en css
« Respuesta #1 en: 26 de Noviembre de 2011, 04:18:52 am »
Puedes meter el texto de las noticias en un div,
Código: [Seleccionar]
<div id="#noticias">

text

</div>


y al css le agregas:

Código: [Seleccionar]
#noticias a{
color:#ff0000;
}

#noticias a:visited{
color:#ff0076;
}

Desconectado reef

  • PHPer@ Fijo
  • ***
  • Mensajes: 180
  • Karma: 4
  • Sexo: Masculino
  • Todo un skater
    • Ver Perfil
    • Donreef ~ TagBoard
Re:Ayuda con link en css
« Respuesta #2 en: 26 de Noviembre de 2011, 16:15:05 pm »
Muchas gracias por la solucion, no lo tenia en un div le puse el id al href y hice lo mismo que dijsite tu, es que no sabia como ponerlo, muchas gracias, por si alguien le sirve les dejo el codigo, aunque creo que se puede optimizar aun mas:
Código: [Seleccionar]
#noti{
color:#000;
}
#noti:link {
color:#000;
font-weight:bold;
text-decoration: none;
}
#noti:visited {
text-decoration: none;
font-weight:bold;
color:#000;
}
#noti:hover {
text-decoration: none;
font-weight:bold;
color:#000;
}
#noti:active {
text-decoration: none;
font-weight:bold;
color:#000;
}

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:Ayuda con link en css
« Respuesta #3 en: 26 de Noviembre de 2011, 22:25:27 pm »
Sería mejor usar class en vez de id, ya que sólo un elemento puede tener un id, no se puede repetir.
Así que es mejor esto:
Código: [Seleccionar]
.link{ ... }que esto:
Código: [Seleccionar]
#link{ ... }

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:Ayuda con link en css
« Respuesta #4 en: 27 de Noviembre de 2011, 04:34:17 am »
Sería mejor usar class en vez de id, ya que sólo un elemento puede tener un id, no se puede repetir.
Así que es mejor esto:
Código: [Seleccionar]
.link{ ... }que esto:
Código: [Seleccionar]
#link{ ... }

En realidad el pide para un lugar en especial, en este caso las noticias por eso sería mejor darle un id y no un class