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);
- 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;
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 é:
Quem sabe você não é o próximo a ter seu domínio .com ou .com.br?
Bem legal tutorial!! Não é tão dificil de fazer :)
ResponderExcluirAmei o blog. To seguindo!
Beijos
blogmodaonline.blogspot.com
Sério, seu blog é um arraso total! Adorei tudo! ahsuahush! Já curti no facebook e estou seguindo.
ResponderExcluirPS> Fazia tempo que procurava esse bendito site
com o javascript para fazer as tabelas.
Obrigada!
Beijos!
http://delicadissima.com
http://delicadissima.com
É simples, e muito importante, pois irá me ajudar na organização !
ResponderExcluir-> garota-smart.blogspot.com
Beijo!
valeu amiga, por compartilhar este conteúdo.As vezes "levo uma surra" das tabelas que vc nem imagina rs!bjns
ResponderExcluirhttp://cadernocolorido.blogspot.com
SEU BLOG É SUPER FOFO E CHEIO DE DICAS SENSACIONAIS, PARABÉNS
ResponderExcluirSheila menina do ceu, que desabafo hein... falou tudo, rasgou o verbo sobre o tema em meu Blog, é isso aí menina, se joga... fala mesmo.
ResponderExcluirRsrsrsrsrs... estarei enviando as perguntas que farei a vc amanhã a tarde, só quero dar uma revisada pra dar o OK e eu tenho que confessar e não mentir... eu li, reli sua postagem e não sei pra que raios serve essa tabela... kkkkkkkkkkkkkkkkkk... ou eu fiquei loira... kkkkkkk... brincadeirinha loiras ou eu tô por fora do buraco!! PUTZ!! Bjs
Eu tenho muito que agradecer a vc Sheila, sem seus tutos nem sei o que faria *-*. Graças a vc consegui fazer tudo certinho, e agora com o novo endereço =D.
ResponderExcluirObrigada Sheila, seus tutos são demais *-*
Bjs
daimaginacaoaescrita.com
Muito bom o tutorial.
ResponderExcluirhttp://Raymiga.blogspot.com
oi, ta rolando um concurso no meu blog, vc pode participar?
ResponderExcluirhttp://oblogdapp.blogspot.com/2012/01/concurso-de-fotos.html
bjs, adoro o blog!
`Convido você a participar do mais novo agregador de links da web, o TOAKY.net mande seus posts e torne essa rede cada vez maior, para ter suas postagens na home é bem simples basta ser parceiro do site.
ResponderExcluirAtualizamos diariamente, não perca essa oportunidade.
Toaky - Agregador de Links.
www.toaky.net
Eu tô aqui, e você?