Faça tabelas com facilidade!!!

Ainda não vai ser hoje o dia que vocês vão ver a próxima Homenagem de "Quinta". Mas em compensação teremos hoje um tutorial que vai facilitar a vida de muitos blogueiros!!!

Numa das minhas navegâncias, achei um site que tem uma página com um construtor de tabelas super fácil. Quem já colocou uma tabela no blog, sabe como o código é chatinho... Mas nesse site que vamos conhecer hoje só basta alguns cliques e pronto, você terá sua tabela do jeitinho que quiser.
Mas como o site é em inglês, devo dar uma de Google Tradutor, mais uma vez para que todo mundo possa usá-lo... Vamos ver???

Construindo tabelas facilmente:

1. Clique neste link;
2. Na página que abriu, haverá uma tabela já com um monte de coisas escritas. Antes de pensar: "Ai, meu Deus, vou ter que apagar tudo!", clique em "Clear Form", que a tabela vai ficar vazia. Digite em cada célula o conteúdo da sua tabela, normalmente. Por último clique em "Apply Text", para atualizar a visualização. Caso você não queira a primeira coluna com cor igual a linha de cabeçalho, basta deixá-la vazia.

3. Descendo a página, você irá encontrar a seguinte seção: "Colorize and Format Table". Nessa seção, nós encontramos os seguintes campos:

• Borders: configure a grossura da borda (Border Width) e se ela terá sombra ou não (Border Shadows);
• Font: configure qual será a fonte da tabela (font), seu tamanho (Font Size) e se você quer a fonte em negrito ou não (Bold);
• Alignment: configure o alinhamento da fonte do cabeçalho (Header Alignment) e do corpo da tabela (Text Alignment);

Logo abaixo você verá uma paleta de cores e ao lado uma lista. Clique em cada item da lista e depois clique nas cores da paleta para mudar as cores da sua tabela. Veja abaixo qual item muda qual cor.

• Border: muda a cor da borda;
• Heading Bkgnd: muda a cor de fundo do cabeçalho da tabela;
• Heading Text: muda a cor da fonte do cabeçalho da tabela;
• Body Bkground: muda a cor de fundo do corpo da tabela;
• Body Text: muda a cor da fonte do corpo da tabela;

Na paleta, temos acima uma lista para escolher as "Named Colors", uma paleta maior onde você escolhe a cor que deseja (basta clicar nela) e ao lado uma paleta menos onde você escolhe se quer a cor mais escura ou mais clara (clique nela para escolher).

4. Abaixo de tudo isso haverá uma visualização da sua tabela, que se atualiza automaticamente de acordo com que você vai mudando as informações. Quando a tabela estiver no seu gosto, clique em "Make HTML", que está abaixo da visualização.

5. Aparecerá o código na caixa branca, como vemos na imagem acima. Clique em "Select All" para selecionar o texto e copie o código (Ctrl+C). E pronto!!! Depois é só colar esse código no lugar que você quer que esteja a sua tabela, seja numa postagem (clicando em HTML no formulário de postagem e colando no lugar escolhido) ou num widget (HTML/JavaScript).

Viu como fica bem mais fácil do que fazer direto com o código??? Eu só faço minhas tabelas por lá.

Se você não entendeu muito bem o tutorial, pode deixar um comentário que eu conserto!!!

Mil Sweetkisses,

P.S.: Meu tutorial sobre como ter um domínio ajudou mais uma blogueira, a Sammy do "Da Imaginação a Escrita". Vamos hoje passar lá no blog dela para dar os parabéns? O novo endereço é:

http://www.daimaginacaoaescrita.com

Quem sabe você não é o próximo a ter seu domínio .com ou .com.br?