Foros del Web » Creando para Internet » HTML »

cambio de color del fondo

Estas en el tema de cambio de color del fondo en el foro de HTML en Foros del Web. Hola de nuevo: Trabajo con dreamweaver y cuando se hace un link en un texto, se puede cambiar de color, subrayar, quitar el subrayado etc. ...
  #1 (permalink)  
Antiguo 19/04/2009, 15:45
 
Fecha de Ingreso: abril-2009
Mensajes: 27
Antigüedad: 8 años, 7 meses
Puntos: 0
cambio de color del fondo

Hola de nuevo:

Trabajo con dreamweaver y cuando se hace un link en un texto, se puede cambiar de color, subrayar, quitar el subrayado etc. todo esto al colocar el mouse sobre el texto.

La pregunta: Como puedo hacer para que cambie el color del fondo del texto?


Gracias y saludos a todos
  #2 (permalink)  
Antiguo 19/04/2009, 16:32
Avatar de dART  
Fecha de Ingreso: enero-2009
Ubicación: Madrid
Mensajes: 246
Antigüedad: 8 años, 10 meses
Puntos: 7
Respuesta: cambio de color del fondo

Hola,
Código HTML:
<a href="enlace.html" style="background-color:#000000; color:#FFFFFF; text-decoration:none;">enlace</a> 
  #3 (permalink)  
Antiguo 19/04/2009, 16:35
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: cambio de color del fondo

Tomando la idea del siguiente ejemplo:

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.    
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.     <title></title>
  5.     <style>
  6.     a:link {
  7.         background: #FFF;
  8.         color: #FFF    
  9.     }
  10.     a:hover {
  11.         background: #000;
  12.         color: #FFF
  13.     }
  14.     </style>
  15. </head>
  16.  
  17. <a href="#">Demo</a>
  18. </body>
  19. </html>

Con a:link definís la manera en que se ve tu enlace y con a:hover, ante el evento requerido.

__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #4 (permalink)  
Antiguo 21/04/2009, 00:43
Avatar de sebaweb  
Fecha de Ingreso: abril-2009
Mensajes: 95
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: cambio de color del fondo

Código HTML:
<a href="pagina.html" style="background-color:"#000">Link</a> 
asi es el codigo. Saludos!!
  #5 (permalink)  
Antiguo 21/04/2009, 10:40
 
Fecha de Ingreso: marzo-2009
Mensajes: 58
Antigüedad: 8 años, 9 meses
Puntos: 2
Respuesta: cambio de color del fondo

Ojito y rectificarme si lo digo mal. Hover no funciona con IE 6 o inferior..... BENDITO MICROSOFT!!!!
  #6 (permalink)  
Antiguo 22/04/2009, 03:46
 
Fecha de Ingreso: abril-2009
Mensajes: 27
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: cambio de color del fondo

Cita:
Iniciado por d-ART Ver Mensaje
Hola,
Código HTML:
<a href="enlace.html" style="background-color:#000000; color:#FFFFFF; text-decoration:none;">enlace</a> 

Buenos días:

He hecho lo que me indicas en el código y no cambia el color del fondo al colocar el ratón sobre el enlace.

Gracias por responder

Dalu2
flagbeer
  #7 (permalink)  
Antiguo 22/04/2009, 07:45
Avatar de dART  
Fecha de Ingreso: enero-2009
Ubicación: Madrid
Mensajes: 246
Antigüedad: 8 años, 10 meses
Puntos: 7
Respuesta: cambio de color del fondo

Hola,

Tú pedías soporte sobre cómo cambiar el color de fondo a un enlace, no al pasar el ratón sobre éste.

Prueba usando hojas de estilos. Te pongo un ejemplo:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
a:link{
	/* atributos de css para todos los enlaces de la web */
}

a:visited{
	/* atributos de css para todos los enlaces VISITADOS de la web */
}
a:hover{
	/* atributos de css para todos los enlaces de la web POR DONDE PASEMOS EL RATÓN  */
}
</style>
</head>

<body>
<a href="enlace.html">enlace</a>
</body>
</html> 
  #8 (permalink)  
Antiguo 22/04/2009, 09:06
 
Fecha de Ingreso: abril-2009
Mensajes: 27
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: cambio de color del fondo

Hola de nuevo:

Con el código que me enió Daniel y D-art funionó, pero le da el mismo argumento a todos los link de la página, por que va colodado entre los <head> </head> y yo lo que quiero es que ese argumento lo tengan unicamente los enlaces del menú y el resto no.

Disculpen mi falta de conocimientos, pero no he estudiado nada del tema de diseño web, como ya lo expliqué antes, en estos temas soy autodidacta.

Salu2
flagbeer
  #9 (permalink)  
Antiguo 22/04/2009, 09:39
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: cambio de color del fondo

A ver si esta idea te sirve, entonces:
Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. /* resto de los enlaces*/
  4. a:link {
  5. background: transparent;
  6. color: #000000;
  7. }
  8. a:hover {
  9. background: transparent;
  10. color: #FFCC00;
  11. }
  12. /* enlaces para el menu*/
  13. #menu a:link {
  14. background: #FFFFFF;
  15. color: #FFFFFF;
  16. }
  17. #menu a:hover {
  18. background: #000000;
  19. color: #FFFFFF;
  20. }
  21.  
  22. </head>
  23. <a href="#">Demo</a>
  24. <div id="menu">
  25. <a href="#">Demo</a>
  26. </div>
  27. </body>
  28. </html>

Si el menú, por ejemplo; lo tenés dentro de DIV (id=menu) podés visualizarlos de otra manera restringiendo esto al correspondiente ID

Suerte!
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #10 (permalink)  
Antiguo 22/04/2009, 12:58
Avatar de dART  
Fecha de Ingreso: enero-2009
Ubicación: Madrid
Mensajes: 246
Antigüedad: 8 años, 10 meses
Puntos: 7
Respuesta: cambio de color del fondo

Hola,

También puedes probar así:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
.link:link{
	/* atributos de css para los enlaces con class="link" */
}

.link:visited{
	/* atributos de css para los enlaces con class="link" VISITADOS */
}
.link:hover{
	/* atributos de css para los enlaces con class="link" SOBRE LOS QUE PASEMOS EL RATÓN */
}
</style>
</head>

<body>
<a href="enlace.html" class="link">enlace</a>
</body>
</html> 
De esta forma, basta con agregarle la clase link a los enlaces que quieras para que surja efecto el estilo.

Recuerda: <a href="enlace.html" class="link">enlace</a>
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 05:24.