¿Cómo hacer un fondo repetitivo sin que se vea cortada la imagen?

[BillieBert]

Buenas tardes!

Miren, desde hace tiempo que me vengo preguntando, e intentando de mil maneras (en realidad no tantas) cómo hacer un fondo tipo así:

Quizá no parezca nada impresionante porque es sólo una imagen, pero hay que ver lo siguiente: http://billiebert.tk/indexbody.htm para darse cuenta de que, una vez colocado en html como fondo, éste se repetirá indefinidamente, pero lo que quiero que vean es que: no se nota donde termina una imagen, y donde comienza la siguiente! Es decir, es un patrón, o algo así he leído.

Me gustaría que me dijeran como es que se hacen este tipo de imagenes, porque no he visto pocas en internet. Algunas sólo miden 100x100 y aún así no se nota dónde termina algo (un detalle), para comenzar lo otro.

Me imagino que se debe hacer una serie de recortes de bordes, para colocarlos en la parte de abajo, y tal. Pero no consigo hacerlo del todo

Y otra pregunta de paso: ¿Dónde puedo subir ejemplos de html, js, css? Por aquí me ha parecido ver algunos links que apuntan a un dominio donde la página tiene 4 recuadros, uno para cada tipo de código, y el último para visualizar el resultado.

Gracias de antemano!

[Pleyano]

La página para probar ejemplos que dices es http://jsfiddle.net/. En cuanto a lo de los patrones, intenta seguir el principio de este tutorial: http://zonacg.com/como-crear-patrones-de-diseno-en-photoshop/ (hay muchisimos más por internet)

[flashmax]

Y otra pregunta de paso: ¿Dónde puedo subir ejemplos de html, js, css? Por aquí me ha parecido ver algunos links que apuntan a un dominio donde la página tiene 4 recuadros, uno para cada tipo de código, y el último para visualizar el resultado.

acá tienes una http://jsfiddle.net/
yo te diría que te crees una cuenta free en hostinger ,por ejemplo y ahi pruebes tus paginas.....con respecto a la imagen es difícil por que el final tiene que se como el principio para que empalme.

[BillieBert]

Buenas!!

Bueno, la pagina que me han pasado ambos es justamente la que yo había visto antes, gracias por el dato ;D

Ahora, con respecto a lo del patrón, el tutorial de Pleyano está bien, pero solo utiliza imagenes sencillas, no sé cómo hacer una mas compleja como la que muestro en el ejemplo, y no sé cómo buscar mas tutoriales. Ya que cuando pongo "patron" solo encuentro patrones que utiliza el photoshop para rellenos :C

[creativo]

Se puede hacer sin mayor problema, el que quede bien o mal depende tu habilidad y conocimiento en el manejo del programa.

Base para hacerlo:

Tener tu imagen y después desplazarla así: Filtro/otro/desplazamiento/vertical "X cantidad de pixeles"/dar vuelta.
Corregir la unión con las herramientas que desees. Tampón, parche, etc.

Hecho ese ajuste puedes repetir tu imagen las veces que desees, si hiciste bien los ajustes veras que se ve una continuidad sin falla.