Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

15/03/2012

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 é:

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

10 comentários:

  1. Bem legal tutorial!! Não é tão dificil de fazer :)
    Amei o blog. To seguindo!
    Beijos

    blogmodaonline.blogspot.com

    ResponderExcluir
  2. Sério, seu blog é um arraso total! Adorei tudo! ahsuahush! Já curti no facebook e estou seguindo.

    PS> Fazia tempo que procurava esse bendito site
    com o javascript para fazer as tabelas.
    Obrigada!
    Beijos!


    http://delicadissima.com
    http://delicadissima.com

    ResponderExcluir
  3. É simples, e muito importante, pois irá me ajudar na organização !

    -> garota-smart.blogspot.com

    Beijo!

    ResponderExcluir
  4. valeu amiga, por compartilhar este conteúdo.As vezes "levo uma surra" das tabelas que vc nem imagina rs!bjns
    http://cadernocolorido.blogspot.com

    ResponderExcluir
  5. SEU BLOG É SUPER FOFO E CHEIO DE DICAS SENSACIONAIS, PARABÉNS

    ResponderExcluir
  6. Sheila menina do ceu, que desabafo hein... falou tudo, rasgou o verbo sobre o tema em meu Blog, é isso aí menina, se joga... fala mesmo.
    Rsrsrsrsrs... 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

    ResponderExcluir
  7. 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.

    Obrigada Sheila, seus tutos são demais *-*

    Bjs

    daimaginacaoaescrita.com

    ResponderExcluir
  8. Muito bom o tutorial.
    http://Raymiga.blogspot.com

    ResponderExcluir
  9. oi, ta rolando um concurso no meu blog, vc pode participar?
    http://oblogdapp.blogspot.com/2012/01/concurso-de-fotos.html
    bjs, adoro o blog!

    ResponderExcluir
  10. `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.

    Atualizamos diariamente, não perca essa oportunidade.


    Toaky - Agregador de Links.
    www.toaky.net

    Eu tô aqui, e você?

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados