Html - Fondo con color degradado
Códigos Html
Código con el que conseguimos dar a nuestros fondos un color degradado.
Tutores.org
Mostrando Codigo - Html
EXPLICACION
solo debemos cambiar los valores: endColorstr : Color final startColorstr : Color de inicio
CODIGO
<!-- Codigo ofrecido por Tutores.org -->
- <body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#cc0000', startColorstr='#FFFFFF', gradientType='0');">
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Fondo con color degradado" href="http://www.tutores.org/codigo/551/" target="_blank">Fondo con color degradado</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Fondo con color degradado" href="http://www.tutores.org/codigo/551/" target="_blank">Fondo con color degradado</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
Tutores.org
19/04/2003
2
5
como ves el codigo empieza
<body .....
este codigo debes de modificarlo por el tag o etiqueta completa de tu codigo la cual empieza con
<body .....
saludos
<body .....
este codigo debes de modificarlo por el tag o etiqueta completa de tu codigo la cual empieza con
<body .....
saludos
Comentario usuario
mario martínezmario martínez
4
5
una pregunta, como le hago para que windows Xp servipack 2 con su famosa banda de informacion(la del escudito amarillo) me detecte este codigo y lo bloque?.
Comentario usuario
Tutores.org
19/04/2003
2
5
Hola, la verdad es que es una pregunta ....
El motivo de que desees bloquear este codigo no lo se, ten en cuenta que es hojas de estilo "CSS" con lo que si decides bloquear este codigo tambien bloquearas todo lo que sea el estilo o diseño de la pagina que visitas, asi que no es muy recomendable eliminarlo, si se puede, de todas formas la manera seria modificando las propiedades del navegador que utilices.
Y como antes he dicho, si se puede...
Saludos
El motivo de que desees bloquear este codigo no lo se, ten en cuenta que es hojas de estilo "CSS" con lo que si decides bloquear este codigo tambien bloquearas todo lo que sea el estilo o diseño de la pagina que visitas, asi que no es muy recomendable eliminarlo, si se puede, de todas formas la manera seria modificando las propiedades del navegador que utilices.
Y como antes he dicho, si se puede...
Saludos
Comentario usuario
natxuznatxuz
4
5
¿Es posible combinar un fondo degradado con una imagen (*.GIF con algún color transparente)?, es decir el siguiente código no me funciona:
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#A6E9AB', gradientType='1');" background="foto.gif">
Gracias.
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#A6E9AB', gradientType='1');" background="foto.gif">
Gracias.
Comentario usuario
Tutores.org
19/04/2003
3
5
hola
si se puede lo unico que debes de tener en cuenta que debes ponerlo de esta manera
[*CODE*]<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#A6E9AB', gradientType='1'); background-image: url(fondo.gif)">[*/CODE*]
para que se aplique al mismo estilo
saludos
si se puede lo unico que debes de tener en cuenta que debes ponerlo de esta manera
[*CODE*]<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#A6E9AB', gradientType='1'); background-image: url(fondo.gif)">[*/CODE*]
para que se aplique al mismo estilo
saludos
Comentario usuario
NellyNelly
2
5
Si, la verdad es un estilo muy padre... Estaria mucho mejor di funciona en varios exploradores... saben algo hacer de eso??
Comentario usuario
patty
28-08-2008 02:01:47
4
5
MUCHAS GRACIAS A TUTORES.ORG ME SIRVIÓ MUCHISIMO SU AYUDA
Comentario usuario
ThunderGOLD
03-08-2008 16:28:43
4
5
Creo que no funciona en Firefox por lo que es recomendable el no usarlo, ya que el aspecto de la Web no sería universal y cambiaria según el navegador.
Comentario usuario
JosepJosep
3
5
Pf no sirve ni para google chrome, ni firefox, favor postear bien!!!
Comentario usuario
alexDalexD
5
5
es un codigo muy bueno, pero no c por que motivo me bloquea mi pagina php al hacer submit hacia esta misma. Le agradeceria su respuesta, gracias.
Comentario usuario
jvmjunior
04-06-2009 09:50:07
4
5
No me funciona. Será por que tengo una hoja de estilo "style.css" ya definida y asociada a mi pagina???
Saludos.
Saludos.
Comentario usuario
Javi
14/12/2003 6.34.01
4
5
No funciona en otros exploradores, y quizas tampoco funcione en servidores que no sean de microsoft... Utiliza una libreria privativa de esa empresa.
Comentario usuario
aramisaramis
2
5
en visual basic2008 me manda un error que dice que flter no es una clas css
Comentario usuario
jose
01-12-2007 02:22:42
5
5
Si funciona muy bien ...
pero el problema que solo funciona con IE,
pero el problema que solo funciona con IE,
Comentario usuario
fapatigafapatiga
3
5
So solo sirve para IE pero puedes colocar una imagen de fondo para otros navegadores
body {
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000000', startColorstr='#F FF F FF', gradientType='0');
background:url("imgs/fondo.jpg") repeat-X scroll center top transparent;
font-family: Arial, Verdana, sans-serif;
font-size: 0.75em;
margin: auto;
padding: 0;
width: 95%;
}
body {
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000000', startColorstr='#F FF F FF', gradientType='0');
background:url("imgs/fondo.jpg") repeat-X scroll center top transparent;
font-family: Arial, Verdana, sans-serif;
font-size: 0.75em;
margin: auto;
padding: 0;
width: 95%;
}
INSERTAR COMENTARIO