[Resolvido] Repetição de imagens

[Fábio Santos Silva 0]

Boa tarde pessoal,

 

Estou a tentar criar um background como este site http://www.correiodamanha.pt/ mas não sei como fazer para bater certo.

 

Esse fundo é a junção de uma imagem padrão que cria esse efeito, e eu queria fazer algo do genero onde as imagens se juntem repetidamente e fiquem como esse site. :unsure:

 

 

Obrigado

[Progress 2]

Não entendi exatamente o que você deseja, você quer criar a imagem com a textura de linhas diagonais, ou você já tem a imagem pronta e deseja repeti-la no background de seu site?! (Por favor, mesmo que eu já tenha respondido sua dúvida, responda essa pergunta para eu saber se devo mover o tópico para o fórum mais adequado, assim deixando mais organizado.)

 

1. Se você quiser criar a imagem com a textura de linhas diagonais no Photoshop basta fazer o background com um retângulo já com a cor e tamanho desejado, e aplicar um pattern de linhas diagonais, configurando-o como desejar.

 

2. Se você já tem a imagem pronta e deseja repeti-la, é o seguinte: você tendo a imagem pronta, basta repeti-la com uma propriedade CSS, podendo repetir na vertical ou horizontal, a propriedade seria:

background-repeat: valor;

Os valores para essa possível propriedade são:

 

1. não repete: no-repeat

2. repete vertical e horizontal: repeat

3. repete vertical: repeat-y

4. repete horizontal: repeat-x

 

Veja mais sobre repetição de imagens no seguinte link:

http://www.maujor.com/tutorial/backtut.php

 

Falou, qualquer coisa é só postar ae. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Fábio Santos Silva 0]

Não entendi exatamente o que você deseja, você quer criar a imagem com a textura de linhas diagonais, ou você já tem a imagem pronta e deseja repeti-la no background de seu site?! (Por favor, mesmo que eu já tenha respondido sua dúvida, responda essa pergunta para eu saber se devo mover o tópico para o fórum mais adequado, assim deixando mais organizado.)

 

1. Se você quiser criar a imagem com a textura de linhas diagonais no Photoshop basta fazer o background com um retângulo já com a cor e tamanho desejado, e aplicar um pattern de linhas diagonais, configurando-o como desejar.

 

2. Se você já tem a imagem pronta e deseja repeti-la, é o seguinte: você tendo a imagem pronta, basta repeti-la com uma propriedade CSS, podendo repetir na vertical ou horizontal, a propriedade seria:

background-repeat: valor;

Os valores para essa possível propriedade são:

 

1. não repete: no-repeat

2. repete vertical e horizontal: repeat

3. repete vertical: repeat-y

4. repete horizontal: repeat-x

 

Veja mais sobre repetição de imagens no seguinte link:

http://www.maujor.com/tutorial/backtut.php

 

Falou, qualquer coisa é só postar ae. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Viva!

 

O que eu queria era mesmo criar a imagem. Essa é a minha principal dificuldade pois pretendo que as tais linhas se conjuguem com vários rectangulos juntos.

Portanto, eu queria mesmo criar a imagem com a textura de linhas diagonais. O repeat vai ser um amigo meu programador que vai tratar disso. :rolleyes:

[Progress 2]

Então basta criar conforme eu disse:

 

1. Se você quiser criar a imagem com a textura de linhas diagonais no Photoshop basta fazer o background com um retângulo já com a cor e tamanho desejado, e aplicar um pattern de linhas diagonais, configurando-o como desejar.

Ao fazer isso terá a imagem pronta, quando for repeti-la ela irá se ajustar automaticamente, unindo as linhas através dos vários retângulos.

 

Veja a imagem abaixo um exemplo para entender melhor:

 

Repare que temos dois quadrados texturizados com linhas diagonais, sendo um amarelo e um laranja, perceba que ao unir os dois (no caso do site seria a repetição), as linhas diagonais se ajustam automaticamente.

 

Falou, qualquer dúvida é só postar ae e aguardo um retorno seu para saber se conseguiu ou não. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Fábio Santos Silva 0]

Então basta criar conforme eu disse:

 

1. Se você quiser criar a imagem com a textura de linhas diagonais no Photoshop basta fazer o background com um retângulo já com a cor e tamanho desejado, e aplicar um pattern de linhas diagonais, configurando-o como desejar.

Ao fazer isso terá a imagem pronta, quando for repeti-la ela irá se ajustar automaticamente, unindo as linhas através dos vários retângulos.

 

Veja a imagem abaixo um exemplo para entender melhor:

 

Repare que temos dois quadrados texturizados com linhas diagonais, sendo um amarelo e um laranja, perceba que ao unir os dois (no caso do site seria a repetição), as linhas diagonais se ajustam automaticamente.

 

Falou, qualquer dúvida é só postar ae e aguardo um retorno seu para saber se conseguiu ou não. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Consegui! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

Obrigadoow!