imagen de fondo

[pipogol]

hola! no se si mi problema va aca, pero la cuestion es la siguiente. como hago para crear un fondo, (digamos 50 px * 50 px) de unas lineas en diagonal, y repetirlo?

hice mi imagen en photoshop, pero al momento de meterla de background, se repite recontra chueca.

hay algun truco, o programa simple para crear los patterns? si alguien sabe avisenme porfa. gracias

[JavierB]

Hola pipogol

No entiendo bien tu duda, pero te doy alguna indicaciones. Si quieres que se repita horizontal y vertical solo tienes que poner la imágen de fondo:

Código:

<style type="text/css">
  body {background: url(tuimagen.gif)}
</style>

Si quieres que se repita horizontal lo pones así:

Código:

<style type="text/css">
  body {background: url(tuimagen.gif) repeat-x}
</style>

Si prefieres que se repita en horizontal, lo mismo pero con repeat-y

Espero que te sirva. Saludos,

[pipogol]

javierb no me referia a eso. si no que como puedo hacer mis propios patterns? mira, si hago algo asi, y lo pongo de fondo se ve cheuco, como en este ejemplo rapido.

como puedo solucinar este problema? se que con css no se puede, pero como hago para crear los patterns bien?

gracias

http://www.geocities.com/vincent_vargas_3/test.html

[JavierB]

Hola de nuevo.

Parece que el problema es de diseño de la propia imágen, así que donde mejor pueden ayudarte es en el foro de Diseño gráfico y para allá muevo tu mensaje.

Movido desde Css.

Saludos,

[El_derby]

te rfieres a que quieres crear tu propios patrones para un fondo? si eso talves esto te pueda ayudar

http://www.web-studio.com.ar/photoshop/scanlines.php

[pipogol]

El_derby hola! no es exactamente lo que queria.
en el link que puse, salian lineas en diagonal, pero no se como hacer para que justo encajen unas con otras, asi hacer uno de 50 * 50 px por ejemplo y repetirlo varias veces, pero que encajen.

alguna ideA?

[Pedri]

Sigue el tuto que te ofrece El Derby. Pero en tu caso debes hacer la adaptación concreta.

El problema que tienes en tu módulo es que la simetría y el eje central no son correctos. Para ello deberás colocar una diagonal de ángulo a ángulo y dejar el mismo grueso de raya negra y raya blanca, repitiendolas hasta el final de tu cuadrado. De este modo, tu módulo debe cazar perfectamente cuando se repita.

Saludos

[juaniquillo]

es cierto lo que dice Pedri. Tu problema es de simetria. Trata haciendo el canvas de la imagen 4 veces mayor que la imagen, pones la imagen en la esquina superior izquierda y la duplicas hacia abajo y hacia el lado. asi sabras cuando la imagen es completamente simetrica.