[Tutorial] Como usar a tabela |
21 | |||||||||||||||||||||||||||||||||||||||||||||
Todas nós já vimos aquele misterioso botão enquanto testávamos as ferramentas do fórum; mas nunca soubemos sua real utilidade. Há teorias de que o filho de Tigrounette morreu enquanto ele estava grávido (segundo as correntes populares) e que então virou esse botão. Outras dizem simplesmente que ele está bugado e o abandonam. Mas qual será a teoria correta? Tabela: O que é? Pra que serve? Como usa? Onde vou usar isso? Como personalizá-la? Descubra hoje, no Gatan Repórter. O que é? É um código prático para formar uma tabela (sério?). Pra que serve? Fazer uma tabela prática, sem recorrer à programas estrangeiros para fazer suas tabelas. Como usa? Agora vem a pergunta real. Ao apertar o botão , você receberá um código suuuper simples. [table] [row] [cel][/cel][cel][/cel] [/row] [/table] Eu o dividi em partes e cores para melhorar a explicação. Vamos lá. 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). Tag: Categoria. Row: É a tag que abre fileiras para as células. Não a edite. Uma tabela com só uma fileira é assim:
[table border=#92CF91] [row] [cel]Jerry [/cel][cel]Lê livros [/cel] [/row] [/table] Agora, se eu adicionar mais três fileiras na tabela:
[table border=#92CF91] [row] [cel][color=#ED67EA]Sujeito [/color][/cel][cel][color=#ED67EA]passatempo [/color] [/cel] [/row] [row] [cel]Jerry [/cel][cel]Lê livros [/cel] [/row] [row] [cel]Xelor [/cel][cel]vê as horas [/cel] [/row] [row] [cel]Cegos [/cel][cel]falam verdades [/cel] [/row] [/table] 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.
[table border=#F0A78E] [row] [cel]Palavras com B: [/cel][cel]bem [/cel][cel]beleza [/cel] [/row] [/table] Onde vou usar isso? Em tópicos que exijam tabelas. Por exemplo: Informações de cargos.
Como personalizá-la? Coloque border=#Cor em hexadecimal na Table.
[table border=#606090] [row][cel]Medo [/cel][cel]querido [/cel][/row] [/table] Caso contrário, ela ficará assim:
[table] [row] [cel]Medo [/cel][cel]querido [/cel] [/row] [/table] Você também pode fazer mini-spoilers com as tabelas, colocando o spoiler dentro de uma célula. [table] [row][cel][spoiler][img]http://cdn.edgecast.steamstatic.com/steam/apps/335240/ss_dd7519fbd9b248042a46247b99d82ad8df0a90d5.1920x1080.jpg?t=1461365910[/img][/spoiler][/cel][cel][spoiler][img]http://cdn.edgecast.steamstatic.com/steam/apps/335240/header.jpg?t=1461365910[/img][/spoiler][/cel][/row] [/table] Deixar células em branco pode criar efeitos interessantes!
[table border=#FFFFFF] [row] [cel]Eu sou um[/cel][cel]bolinho de arroz[/cel][cel]meus bracinhos vieram[/cel][cel][/cel][cel]bem depois. Minhas[/cel] [/row] [row] [cel][/cel][cel]perninhas ainda estão[/cel][cel]por vir. E[/cel][cel]não tenho boquinha para sorrir.[/cel][cel][/cel] [/row] [/table] Dernière modification le 1510656600000 |
Candybabby « Citoyen » 1444511760000
| 1 | |||||||||||
Parece bem útil! Espera que vou tentar fazer!
To com fome -q Dernière modification le 1444511940000 |
0 | ||
legal ae |
Adulto_maneiro « Citoyen » 1444511880000
| 2 | ||
que bagulho confuso porém prático porém não |
Daauphiinee « Citoyen » 1444512540000
| 0 | ||
Aqui não funciona ┐( ̄ヮ ̄)┌ Dernière modification le 1444512660000 |
Tiiiitania « Citoyen » 1444512600000
| 0 | ||
eu ja sabia usar ^.^ mas ficou legal o tópico Dernière modification le 1444512660000 |
Glindabele « Citoyen » 1444512900000
| 0 | ||
Dernière modification le 1444512960000 |
Prysmos « Citoyen » 1444513920000
| 0 | ||
Nossa, eu não sabia que dava pra fazer esses "mini-spoilers" o.o vlw |
Aryastark « Citoyen » 1444514460000
| 0 | ||
Obrigada, me ajudou panks. |
Amandaxn « Citoyen » 1444515600000
| 0 | ||
|
Savannahlps « Citoyen » 1444517700000
| 0 | ||
Tutorial muito bom |
Eclair « Citoyen » 1444517880000
| 0 | ||
tkx eu parecia um retardado tentando fazer as tabelas no fim das contas eu fazia até gif mas n fazia uma tabela |
0 | ||
Ajudou mt :) |
Rscorreia « Censeur » 1444521300000
| 0 | ||
Desde quando entrou as tabelas sabia como funcionava, já usava em HTML e foi super fácil ver como era aqui. Mas está ótimo o tutorial. OBS.: você disse que fez por celular, creio que um dos "cel" virou "celula", mas não tenho certeza, já que os quadradinhos também são chamados assim. |
Mumich « Citoyen » 1444522860000
| 1 | |||||
Ótimo tutorial, adorei a parte do minispoiler, porém o guia está meio incompleto, existem alguns parametros extras como rowspan e colspan tipo rowspan = quantas linhas a celula tem colspan = quantas colunas a celula tem (dê quote neste post pra ver como que eles funcionam)
Dernière modification le 1444522980000 |
Daauphiinee « Citoyen » 1444523040000
| 0 | ||
|
Astallin « Citoyen » 1444526580000
| 2 | ||
Legal. |
0 | ||
lindo tutorial *=* |
0 | ||
aff não pegou Dernière modification le 1444527780000 |