Hola, ¿cómo podría hacer un degradado a la cabecera de mi web usando el formato .css con el HTML-Kit? Me gustaría que fuese parecido al de Softonic. :wink:
Degradado con css
Eso se hace con phoshop o fireworks, que ya traen la herramienta para hacerlo en los colores que tu elijas te recomiendo que lo pruebes...
claro los degradados se hacen con una imagen de fondo, como por ejemplo esta:
[contenido no disponible]
pero...
como esa imagen tan finita va a ocupar todo el ancho de mi pagina??
bueno para eso usamos una propiedad de la hoja de estilos.
como el degradado lo quiero mostrar en la pagina vamos a hacer lo siguiente:
body {
background-image: url(imagenes/gradient.png);
background-repeat: repeat-x;
}
la carpeta en la que guardaste la imagen
el nombre de la imagen con su extencion
y ahora viene el "truco" mas bien la propiedad:
background-repeat: repeat-x;
decimos que el fondo se repita sobre el eje x, si alguna vez trabajaste con funciones en matemáticas sabrás por que es x.
si quisiera que se repita hacia abajo pondría:
background-repeat: repeat-y;
y como dijo el amigo, estos degradados los podes crear con algún editor gráfico, O también podes visitar este sitio que uso yo para crear mis degradados, realmente muy bueno:
http://gradcolor.com/
bueno con todo esto ya podes armar tu degradado, espero haberte sido de ayuda :wink:
un saludo
[contenido no disponible]
pero...
como esa imagen tan finita va a ocupar todo el ancho de mi pagina??
bueno para eso usamos una propiedad de la hoja de estilos.
como el degradado lo quiero mostrar en la pagina vamos a hacer lo siguiente:
body {
background-image: url(imagenes/gradient.png);
background-repeat: repeat-x;
}
la carpeta en la que guardaste la imagen
el nombre de la imagen con su extencion
y ahora viene el "truco" mas bien la propiedad:
background-repeat: repeat-x;
decimos que el fondo se repita sobre el eje x, si alguna vez trabajaste con funciones en matemáticas sabrás por que es x.
si quisiera que se repita hacia abajo pondría:
background-repeat: repeat-y;
y como dijo el amigo, estos degradados los podes crear con algún editor gráfico, O también podes visitar este sitio que uso yo para crear mis degradados, realmente muy bueno:
http://gradcolor.com/
bueno con todo esto ya podes armar tu degradado, espero haberte sido de ayuda :wink:
un saludo
vale, gracias a los dos, a ver si tengo un poco de tiempo y empiezo a investigar cosas de esta para la nueva web xD
Graciaaas =)
Graciaaas =)