[Tutorial] Como utilizar a tabela!

[Tutorial] Como utilizar a tabela!

#1

10

✿ Seja muito bem-vindo! ✿

Todos olhamos com admiração aquelas pessoas que sabem usar uma tabela... Pois bem! Que tal você ser uma delas?
Hoje trago um tutorial de Como utilizar uma tabela!

"O que é essa tabela? Como posso achá-la?"
Sabe essas diversas ferramentas que aparecem em cima de sua mensagem?

São funções que o fórum disponibiliza aos usuários para organizar suas mensagens! Pois a tabela é esta minúscula opção .

Se interessou? Então venha comigo que irei explicar toda a complexidade desse minúsculo botão!

✿ Explicação! ✿

➥ Agora vem o que todos estão ansiosos de ver. Ao apertar o botão

http://atelier801.com/img/icones/16/table.png

, você receberá esse código:

[table]
[row]
[cel][/cel][cel][/cel]
[/row]
[/table]

➥ Cada linha desse código cria algo diferente, pois vamos explicar a função de cada um:

➤ Table: Essa é a linha que inicia e termina uma tabela, no caso, a "borda". Essa linha é crucial para o funcionamento de tudo. Também é necessario adicionar cor na tabela para que ela funcione! Adicione border na frente de table, assim: [table border=#cor]

➤Row: É a linha que abre as fileiras para sua tabela. Não edite nada nela!

➤ Cel: São os quadradinhos da tabela, ou melhor, a divisão das palavras. Você também pode aumentar o número de "quadradinhos" na sua tabela adicionando mais uma célula!

✿ Montando a tabela! ✿

➠ Para melhor ensinamento, decidi eu mesma montar minha tabela:

Lista de Compras	:
Arroz	Feijão
Salada	Bolacha

ㅤ ➥ Como ficará na sua mensagem:

➠ Agora se eu adicionar mais uma linha de Cel:

Lista de Compras	:
Arroz	Feijão
Salada	Bolacha
Sal	Açucar

ㅤ ➥ Como ficará na sua mensagem:

➠ Também é possivel mudar a cor dos textos da tabela, adicionando [/color=#cor]:

Lista de Compras	:
Arroz	Feijão
Salada	Bolacha
Sal	Açucar

ㅤ ➥ Como ficará na sua mensagem:

➠ Você pode fazer mini-spoilers com as tabelas! Colocando o spoiler dentro de uma célula.

ㅤ ➥ Como ficará na sua mensagem:

➠ Gostaria que o mini-spoiler ou a tabela fique centralizada? Troque o Table por [/table align=center]:

ㅤ ➥ Como ficará na sua mensagem:

✿ Bônus! ✿

➠ Para uma melhor organização, tambem existe o Rowspan e o Colspan. é um pouco mais dificil mexer nessas duas opções, porém vamos lá!

➤ Rowspan: Quantas linhas a celula tem.

➤ Colspan: Quantas colunas a celula tem.

Cesta de Compras
Pão Ovo	Açucar
	Farinha

ㅤ ➥ Como ficará na sua mensagem:

✿ Obrigada! ✿

Chegamos ao final do nosso tutorial! Espero que tenha aprendido como mexer em uma tabela.
Olhando assim, é fácil não é?

Uma tabela serve para decorar ou organizar suas mensagens, sendo ótimo utilizar os mini-spoilers para não ficar spoilers um em cima do outro.
Qualquer dúvida ou erros cometidos durante o tópico, me contate!

Faça bom proveito!

#2

0

remake do tópico Como usar a tabela! mas dividido em abas

Dernière modification le

#3

0

Preuclides a dit :
ramake do tópico Como usar a tabela! mas dividido em abas...

Oh, não sabia que existia já algum tópico assim. Nunca tinha visto esse XD

Dando uma lida, eu adicionei mais informações também, mais atualizado.

#4

0

Princererity a dit :
Preuclides a dit :
ramake do tópico Como usar a tabela! mas dividido em abas...

Oh, não sabia que existia já algum tópico assim. Nunca tinha visto esse XD

Dando uma lida, eu adicionei mais informações também, mais atualizado.

tu pegou da tua tribo e a tua tribo pegou da gatan (dá pra ver claramente as mesmas cores e textos sendo usados)
ela era da flores de athenas inclusive

#5

0

Preuclides a dit :
Princererity a dit :
Preuclides a dit :
ramake do tópico Como usar a tabela! mas dividido em abas...

Oh, não sabia que existia já algum tópico assim. Nunca tinha visto esse XD

Dando uma lida, eu adicionei mais informações também, mais atualizado.

tu pegou da tua tribo e a tua tribo pegou da gatan (dá pra ver claramente as mesmas cores e textos sendo usados)
ela era da flores de athenas inclusive

Sim, peguei da minha tribo, onde eu mesma postei o tutorial! Não existe nenhum outro tutorial assim lá.

#6

0

Gatan a dit :
Table: Essa é a tag que inicia e termina uma tabela. É essencial para seu funcionamento. Só a edite para definir cor da borda (explicado mais adiante).

Row: É a tag que abre fileiras para as células. Não a edite.

Células: São esses quadradinhos. Você pode colocar texto normalmente neles. Você também pode aumentar o número de células em uma coluna repetindo a tag.

Princererity a dit :
➤ Table: Essa é a linha que inicia e termina uma tabela, no caso, a "borda". Essa linha é crucial para o funcionamento de tudo. Também é necessario adicionar cor na tabela para que ela funcione! Adicione border na frente de table, assim: [table border=#cor]

➤Row: É a linha que abre as fileiras para sua tabela. Não edite nada nela!

➤ Cel: São os quadradinhos da tabela, ou melhor, a divisão das palavras. Você também pode aumentar o número de "quadradinhos" na sua tabela adicionando mais uma célula!

pra mim, pareceu bem parecido então

#7

1

Preuclides a dit :
Gatan a dit :
Table: Essa é a tag que inicia e termina uma tabela. É essencial para seu funcionamento. Só a edite para definir cor da borda (explicado mais adiante).

Row: É a tag que abre fileiras para as células. Não a edite.

Células: São esses quadradinhos. Você pode colocar texto normalmente neles. Você também pode aumentar o número de células em uma coluna repetindo a tag.

Princererity a dit :
➤ Table: Essa é a linha que inicia e termina uma tabela, no caso, a "borda". Essa linha é crucial para o funcionamento de tudo. Também é necessario adicionar cor na tabela para que ela funcione! Adicione border na frente de table, assim: [table border=#cor]

➤Row: É a linha que abre as fileiras para sua tabela. Não edite nada nela!

➤ Cel: São os quadradinhos da tabela, ou melhor, a divisão das palavras. Você também pode aumentar o número de "quadradinhos" na sua tabela adicionando mais uma célula!

pra mim, pareceu bem parecido então

Realmente, pareceu bem parecido. Bom! Visto isso, mandei uma MP para a Gatan perguntando se ela deseja que eu dê os créditos, por já ter esse tópico criado. Obrigada por me avisar. <3

#8

3

Me trouxeram isso à atenção no pvt então vamos lá:

1. Eu não uso mais esse fórum, então não ligo
2. Tem mais informação e isso já justifica um tutorial novo
3. Tá tudo bem ok gostei do tópico é isso tchau

#9

1

bom topico

1

Parabéns pelo tópico! o/

É sempre bom ver usuários fazendo conteúdo sobre o nosso querido fórum

1

Excelente tópico minha amiga!

1

Luascas a dit :
Parabéns pelo tópico! o/

É sempre bom ver usuários fazendo conteúdo sobre o nosso querido fórum