Mesmo quem não desenha pode criar backgrounds patterns (imagens de fundo lado a lado) bonitos e inéditos. Selecionei quatro sites com os quais podemos gerar as mais variadas imagens. Eles são tão fáceis de usar que dispensam tutoriais. Aproveitei para criar alguns exemplos que você pode baixar gratuitamente.
1. BgPatterns
Eu já falei sobre esse site duas vezes aqui no blog porque ele é muito simples de usar e não me canso de recomendar. Tem algumas opções de imagens e de texturas. Você escolhe o tamanho, a proporção, a disposição e a rotação. Clica no ícone do olho para ver como está ficando e depois na seta para fazer download da imagem que você criou. Não tem erro.
2. Tartan Maker
Para quem curte background tartan (xadrez), esse é o site.
3. Stripe Generator
Crie seu background listrado com suas cores favoritas:
4. Pattern Cooler
Esse é, sem dúvida, o gerador de backgrounds que tem a maior variedade de estampas para você escolher. Desafio: escolha uma imagem que pareça feia e torne-a bonita apenas mudando as cores. Difícil? Com o Pattern Cooler é bem fácil fazer isso. Se estiver sem criatividade para escolher as cores, clique em Show color variations as thumbs e o site mostrará várias opções de coloração já prontinhas.
IMPORTANTE: Você pode baixar e usar essas imagens em seus sites, mas não pode disponibilizá-las novamente para download.
Confira também:
Até mais!
como você colocou esse efeito de colocar o mause em sima da imagem e ela fica como plano de fundo ??????
ResponderExcluirÉ JavaScript, onmouseover. Tenho que fazer um post só para explicar isso. Aqui pode ficar confuso.
Excluirfaz um post por favor !!!!!!!!!
Excluir<div id='thumbleft' style="background: url(http://lh4.googleusercontent.com/-VRvn87Jl79k/T8EIQ7kjjXI/AAAAAAAAPUI/FvHtkvJg3v4/s800/1-coracao-rosa.png) center center;" onmouseover="body.style.backgroundImage='url(http://lh4.googleusercontent.com/-VRvn87Jl79k/T8EIQ7kjjXI/AAAAAAAAPUI/FvHtkvJg3v4/s800/1-coracao-rosa.png)';"><a target="_blank" href="http://lh4.googleusercontent.com/-VRvn87Jl79k/T8EIQ7kjjXI/AAAAAAAAPUI/FvHtkvJg3v4/s800/1-coracao-rosa.png">baixe aqui</a></div>
ExcluirPost mais completo do que este no blog Iemai.
ResponderExcluir