Os stripes estão sendo largamente utilizados para deixar os sites mais bonitos. Eles podem ser utilizados como background e diversas outras formas.
O site Baixaki quando mudou o visual colocou stripe no topo da página e no rodapé:
Topo:
Rodapé:
Como fazer um stripe de forma rápida:
1. Entre no site Stripe Generator.
2. Siga as intruções abaixo para saber para o que serve cada ferramenta:
a. Tamanho das tiras do stripe:
Ajuste o tamanho para ajeitar a largura das tiras. Baseie-se nas setas pra saber qual você estará editando:
b. Cor do stripe e estilo do plano de fundo:
Mude a cor para a cor desejada, depois selecione o estilo do BG. Se for utilizar o stripe como background, recomendo que deixe o background style no padrão (não mudar nada).
c. Sombra:
Fica mais bonito sem sombra. Para deixá-lo sem sombra, não precisa alterar seu valor.
d. Cor do espaço:
Modifique a cor do background do stripe.
e. Estilo do stripe:
Selecione o sentido do stripe.
f. Salve o stripe:
Clique no botão “Download” para salvar no seu PC o stripe criado.
Formas de utilização do stripe:
Há diversas formas de se utilizar um stripe. Vou mostrar 2 formas aqui.
1. Utilizando em um editor HTML:
a. Coloque o stripe como background da página ou de uma tabela.
Nota: o arquivo salvo tem um tamanho pequeno, mas ao aplicá-lo como plano de fundo ele se distribui corretamente.
2. Utilizando no Photoshop:
O stripe pode ser utilizado de forma simples no Photoshop bastando apenas salvá-lo como padrão.
a. Abra o stripe com o Photoshop
b. Vá em Edit (Editar) – Define Pattern (Definir Padrão); e de um nome ao padrão:
c. Utilizando o padrão:
Selecione a camada que deseja aplicar o padrão, depois clique no botão de Layer Style (Estilo de Camada):
Depois clique em Pattern Overlay (Sobreposição de Padrão):
Então, selecione o padrão:
Clique na imagem para ampliar
Veja o resultado final:
Agora é só você soltar a imaginação e fazer os seus ajustes.
Outro stripe também pode ser visto em uma webpage que estou fazendo: http://www.tenaneoliveira.com.br/index.php
{ 24 comentários… leia abaixo ou deixe o seu }
corrigindo o link ali em cima:
http://www.tenaneoliveira.com.br/index.php
abraço!
Boua
parábens pelo belo conteudo.
Aquele Abraço!
realmente é muito melhor assim, muito legal!!
vlw
Celso,
Valeu pela dica, mas eu gostaria de saber se existe algum site que diga cores que combinam para sites.
Valeu!
Olá Tiago,
Eu não conheço nenhum serviço assim.
Abraço!
Celso,
Estou com problemas no Thesis Theme.
Quero diminuir o tamanho das colunas, eu vou lá no painel diminuo os px mas não adianta nada.
Não tem um jeto de diminuir nos arquivos do template?
Valeu!
E outra no resumo na pagina inicial aparece em baixo da imagem isso”// “
Tiago,
Quando eu diminuo as colunas através do painel do Thesis, elas são alteradas no template. Será que você não está usando um plugin de cache? Essa é a única explicação que eu tenho.
Quando ao seu segundo problema, verifique no painel do Thesis em “Link to full article” não está escrito algo errado.
Abraço!
Celso,
consegui.
Era as permissões dos arquivos
no caso do // era no post (adsense).
Verdade que o thesis é o melhor template que existe em termos de velocidade e SEO?
Valeu
Tiago,
Em termos de velocidade eu não sei dizer, mas em relação ao SEO, dizem que é o melhor sim. Eu mesmo tenho obtido bons resultados.
Abraço!
Olá
Onde posso conseguir um script para colocar miniaturas em um site?
Falo das miniaturas que são vistas quando se passa o mouse sobre determinada palavra.
Obrigada.
Angela,
Infelizmente eu não sei onde isso pode ser encontrado.
Abraço!
Celso
como faço para mudar o fundo do meu website ?
ou não tem com o ?
agradeço desde já .
Elber,
Você precisaria editar o CSS do seu site manualmente. O problema é que para fazer isso, você precisa ter conhecimento sobre CSS.
Abraço!
Valew pela dica!!É melhor do que se matar tentando no PS
(Apesar de eu saber) ; )
Muito bom seu site CELSO http://criarsites.com ,não quero criticar nem nada mais só acho que falta um pouco de organização. Mais mesmo assim seu site está com conteudo excelente.
Olá Celso, gostaria de informar que o link do site fastforward.com está quebrado ou o site está fora do ar. Eu tentei abrir em três navegadores diferente e ele não abriu. Enquanto a dica muito boa. Vlw!!
Renato Alves
Renato,
Obrigado pela dica. Retirei os links do artigo.
Abraço!
o stripe faz uma grande diferença no layout
a muito tempo procurava por um tutorial assim
muito bom esse metodo deixa o site maneiro
muito bom pra sites html e blogs
muito obrigado pela a dica!
meu site ficou muito mais bonito depois que eu coloquei o stripe…
ele funciona no webnode
Olá Celso.
tem como usar ele no blogspot?
obrigado.