Comunidad de diseño web y desarrollo en internet online

Diseño de fondo

Citar            
MensajeEscrito el 18 Feb 2006 05:30 am
Buenas, necesito una ayudita;
1.- como hacer fondos con rayas;
2.- como hacer bordes con degradado en el contenedor principal,
uno de los ejemplos de este yipo de diseños es; http://zarzamora.la100rra.com.mx
gracias por su ayuda

Por raylem

27 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 18 Feb 2006 07:02 am
Para el fondo a rayas pues solo se me ocurre hacerlo con una imagen de 2x2.
Para rayas horizontales, pintas los 2px de arriba de un color y los de abajo de otro.
Para rayas verticales, pinta los 2px de la derecha de un color y los de la izquierda de otro.
Para rayas diagonales, pinta el pixel superior derecho y el pixel inferior izquierdo de un color, y los otros dos, de otro.

Luego pon la imagen de background con repeat:

Código :

body {
background: url(direccion de la imagen) repeat;
}


Saludos
The Ghost

Por The Ghost

44 de clabLevel



 

Lima-Perú

firefox
Citar            
MensajeEscrito el 21 Feb 2006 05:50 pm
Muchas gracias, y como resuelvo lo de los bordes con degradado de colores?, lo del background ya esta solucionado!!, gracias nuevamente

Por raylem

27 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 21 Feb 2006 06:38 pm
Para los bordes con degradado, armás una imagen que contenga los degradados en los bordes y el color del fondo que quieras en el centro del ancho que necesites (de 1 o 2 px de alto, más no necesitas) y lo usás del mismo modo como background, pero del contenedor no de la página.

Código :

#contenedor {
background: url(direccion de la imagen) repeat;
}


Si la imagen tiene el mismo ancho que el contenedor no hay problema porque va a repetir en un solo sentido, si no también podés asegurarte de que no se repita a lo ancho con un "background-repeat:repeat-y;". En este caso le decís que sólo se repita a lo alto.

Por Elke

321 de clabLevel



 

La Ciudad de la Furia

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.