15 Geradores Online para o Design do seu blog

/* Todos os créditos sobre este post devem ser dados ao Brogui.com.br. Como os textos estão muito bons e bem autoexplicativos, resolvi deixá-los tal como escrito no Brogui. */

Todos sabemos que uma das coisas que mais chamam atenção em um blog (depois do conteúdo, é claro) é o design, muito tem se falado sobre isso depois que lançaram as tendências da web 2.0 em design, como botões maiores, abas com degradê, backgrounds com barras diagonais, logos com reflexo entre outras centenas de coisas.

Abaixo tem uma lista com 25 geradores online para você colocar apenas alguns parâmetros que deseja utilizar (como cores e formas) e o sistema faz tudo automatico e online para você colocar em seu blog, incrementá-lo, e consequentemente, consiga um maior número de visitas.

1. - Gerador de logo Beta



Esta é uma moda geral, tudo o que ainda não está 100% pronto ou ainda poderá sofrer evoluções, deverá ser considerado beta. Este site gera diversos logos betas para você.

2. - Botões Web 2.0



Este gerador lhe ajuda a fazer botões em apenas 4 etapas, você pode mudar cores, formas, texto e pode até colocar ícones personalizados. Tem mais de 50 tipos de letra e uma grande variedade de ícones.

3. - Gerador de listras diagonais



Como o próprio nome diz, este gerador gera aquelas famosas listras diagonais que ficaram famosas em layouts ditos como da Web 2.0

4. - Textos da Web 2.0 (com ou sem reflexo)



Neste gerador, você pode adicionar um efeito de reflexo, além de colocar seu logo com os “padrões” da web 2.0. Você pode até colocar um logo de beta se for o caso.

5. - Outro bom gerador de textos Web 2.0



Este outro é a mesma coisa do de cima, só que ele tem ajustes de cores, texto e reflexo. Você também pode acrescentar pequenos ícones da Web 2.0

6. - Gerador de Tabs



Este gerador é muito bacana, você ajusta as guías e em seguida faz o download da sua aba personalizada. Simples assim.

7. - Gerador de listras para serem usadas no canto do blog



Estas são aquelas faixas que ficam no canto do blog, como se pegasse o topo e a lateral, você pode colocar qualquer mensagem dentro das fitinhas, como “beta” ou “tal blog atingiu 20.000 visitas, obrigado leitores”

8. - Outro gerador de listras para serem usadas no canto do blog



Este é igual o de cima, porém as listras são um pouco mais personalizáveis.

9. - Gerador de ícones (barra de endereços)



Este gerador do que chamam de “favicon” é bem simples, ele serve para você fazer um daqueles ícones que ficam ao lado do seu endereço em alguns navegadores.

10. - Gerador de botões online

11. - Outro gerador de botões online

12. - Gerador de imagens de loading (ou “carregando”, como queira)



Este site gera diversos gifs de loading para você substituir os que aparecem normalmente em diversas aplicações em ajax, por exemplo.

13. - Mais um site que gera imagens de loading



Este site é basicamente a mesma coisa que o de cima.

14. - Gerador do efeito Gradient



Este gerador de Gradient é um pouco mais complicado que os outros, pois tem diversos ajustes que podem ser feitos para se chegar a tonalidade de cor pretendida, mas mesmo assim é um gerador muito bacana que mostra um resultado bem profissional.

15. - Outro gerador do efeito Gradient



Este é o contrário do acima, muito mais simplificado, porém com menos funções e possiblidades.

16. - Gerador de background xadrez



Caso você seja um Escocês ou um lenhador, você pode fazer um fundo para seu blog utilizando este gerador.

17. - Gerador de CSS



Basta colocar as cores e posições que ele te manda o código todo mastigadinho.

18. - Navegação CSS



Este aqui te ajuda a criar um menu personalizado em CSS

19. - Gerador de Menu em CSS



Este aqui é igual o acima, porém, tem diversos modelos gratuitos disponíveis.

20. - Gerador de Menu Multinível em CSS



Este é para você fazer os famosos menus “drop down”.

21. - Gerador de Popups em Javascript



Se você sempre quis ter uma janela de Popup no seu blog e não sabia como fazer, este aplicativo online faz tudo para você, basta responder as perguntas colocadas na tela e pronto.

22. - Gerador de temas para o Wordpress



Este gerador de temas para wordpress facilita muito a vida de quem tá iniciando nessa ferramenta e quer ter um template único.

23. - Gerador de formulários de e-mail



Se você sempre quis manter contato com seus leitores e não sabia como, esta é a ferramenta que você estava procurando.

24. - Gerador de esquema de cores



Este é um gerador de esquema de cores muito bacana, com ele você pode escolher quais cores utilizar em seu site, quais combinam e não combinam, enfim, excelente gerador para quem está pretendendo fazer o site seguindo rigorosos padrões de design.

25. - Gerador de bordas arredondadas



Gerador simples, praticamente só colocar o raio, cor, borda, gerar e colocar no site, Ctrl C Ctrl V no código.

Fonte: Traduzido do Design Vitality. Texto: Brogui.com.br

Posted in: Geradores HTML