Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
[TUTORIAL] Cambiar color de link al pasar el mouse sobre el
#1
Tan solo deben añadir este codigo a su archivo CSS

Código:
a:link {

[color=#0000FF]color: red;[/color]

text-decoration: none;

}

A:hover {

text-decoration: none;

color: blue;

}

También pueden hacer que aparezca unas lineas abajo y arriba del texto con este codigo:

Código:
a:link {

color: red;

text-decoration: none;

}

A:hover {

text-decoration: underline overline;

color: blue;

}
Como ven, unicamente he añadido underline overline a text-decoration

Pueden cambiar el color de los links sin pasar el mouse (rojo en este codigo) modificando la propiedad color de link , y el color al pasar el mouse modificando lla propiedad color de hover Guiño
#2
Estupendo aporte Rodro. Seguro que a muchos les servirá Guiño
WWW
#3
Esta bien, pero sobran un par de cosas del codigo

[color=#elquesea][/color]

Esto no sirve para nada
elCSS.com
[Imagen: 33jsqk6.png]
Crece con nosotros || Síguenos en Twitter - Facebook - RSS
WWW
#4
dBer escribió:Esta bien, pero sobran un par de cosas del codigo

[color=#elquesea][/color]

Esto no sirve para nada
Mas que sobrar lo que ocurre es que se ha equivocado de tags, seria
Código:
<color=#elquesea></color>
ya que los corchetes son para los bbcodes Guiño
WWW
#5
Hombre en css eso yo creo que no deberia aparecer ni con [] ni con <>
elCSS.com
[Imagen: 33jsqk6.png]
Crece con nosotros || Síguenos en Twitter - Facebook - RSS
WWW
#6
dBer escribió:Hombre en css eso yo creo que no deberia aparecer ni con [] ni con <>
efecttivamente, perdona es que no me habia fihjado que era un archivo CSS Guiño
WWW
#7
Para el que le interese, este es el codigo sin errores.

Código:
a:link {

color: red;
text-decoration: none;

}

A:hover {
text-decoration: none;
color: blue;
}

También pueden hacer que aparezca unas lineas abajo y arriba del texto con este codigo:

Código:
a:link {
color: red;
text-decoration: none;
}

A:hover {
text-decoration: underline overline;
color: blue;

}
Como ven, unicamente he añadido underline overline a text-decoration
elCSS.com
[Imagen: 33jsqk6.png]
Crece con nosotros || Síguenos en Twitter - Facebook - RSS
WWW
#8
Muchas gracias Rodro por el truco y a dBer por la corrección Guiño
WWW
#9
Si, tenemos unos usuarios soberbios. GRacias a los dos Guiño
WWW
#10
Además de dBer me fío por que se está estudiando (supongo xD) el manual de CSS que le pasé Lengua
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Tutorial] Pasar MySQL a MySQLi[POO] amner 6 532 03-05-2017, 02:05 AM
Último mensaje: ReyNexo23
  Wiki sobre Genie Posits 15 818 04-02-2017, 01:07 AM
Último mensaje: Posits
  [Tutorial] Pasar base de datos MySQL por SSH Jvh_22 1 449 11-10-2016, 04:12 PM
Último mensaje: efbsfcd
  [Duda] Con respecto de cambiar color a una plantilla con seleccionador Hostingbir 0 333 21-09-2016, 03:04 PM
Último mensaje: Hostingbir
Información [Tutorial] Certificado SSL Gratis StartSSL 2016 Tutorial DarkMaster 26 6,378 28-04-2016, 03:39 AM
Último mensaje: Lob3zNo
  [Duda] Opinión sobre Artisteer habacuc78 3 569 29-03-2016, 10:12 AM
Último mensaje: habacuc78
Bombilla [Tutorial] SSL Gratis, Conseguir e Instalar Certificado DarkMaster 16 1,184 06-01-2016, 01:32 AM
Último mensaje: DarkMaster
  [PUBLICO] Tutorial Botones con perspectiva 3D AngelKrak 0 338 17-01-2015, 05:44 AM
Último mensaje: AngelKrak
  Link online para obtener html de una imagen desde word u otra página canpios 0 374 17-12-2014, 10:29 PM
Último mensaje: canpios
Pregunta Cambiar a versión movil celticslment 12 985 02-12-2014, 10:43 PM
Último mensaje: YamaT



Usuarios navegando en este tema: 1 invitado(s)