Fondo degradado

[junioro13]

Quisiera ayuda para realizar un fondo con efecto de degradado que no se distorsione al cambiar la resolucion de la pantalla o de navegador. Y que ademas yo pueda escoger los colores del fondo. Gracias. Aqui un ejemplo de lo que deseo...

http://www.invisionhispano.com/foro/...howtopic=31595

[juaniquillo]

Si hablas de la imagen eso es algo que debes hacer en un programa demanipulación de imágenes o vectores como photoshop o illustrator. Pregunta en el foro de diseño gráfico para que te puedan ayudar mejor.

Lolo que quieres es poner un degradado como este:
http://otometricspr.net/

ese hace con una imagen de hasta 1 x 1 pixel repetida horizontalmente y puesta en el tope de la pagina con css, y un color de fondo solido, en este caso blanco.

[junioro13]

Pero en si como le hago para lograr el efecto? Supongamos que tengo una imagen color rojo de 2x2...la coloco como imagen de fondo en DW y le digo ke se repita...ahora ke?

[juaniquillo]

En el caso que te puse arriba la degradación va de violeta a blanco y esta es la imagen:

http://otometricspr.net/images/fondo1.jpg

En este caso la imagen es 2 x 574 pixeles. Lo puedes hacer usando la ventana de 'Page Properties'. Llegas a ella ya sea dándole al botón que esta en el 'Properties Panel':



O yendo a: Modify -> Page Properties. Una vez ahí haces esto:

1- Escoges el color de fondo del final del degradado (en este caso blanco).
2- Escoges la imagen.
3- En 'Repeat' escoges 'repeat-x'.
4- pones cero '0' en todos los margenes del body.



Y de esa forma Dreamweaver crea el CSS necesario para el degradado que puse arriba.