×

Langue

Fermer
Atelier 801
  • Forums
  • Dev Tracker
  • Connexion
    • English Français
      Português do Brasil Español
      Türkçe Polski
      Magyar Română
      العربية Skandinavisk
      Nederlands Deutsch
      Bahasa Indonesia Русский
      中文 Filipino
      Lietuvių kalba 日本語
      Suomi עברית
      Italiano Česky
      Hrvatski Slovensky
      Български Latviešu
      Estonian
  • Langue
  • Forums
  • /
  • Atelier 801
  • /
  • Discussions
  • /
  • [Tutorial] Como usar a tabela
1 / 5 › »
[Tutorial] Como usar a tabela
Gatan
« Censeur »
1444511580000
    • Gatan#1201
    • Profil
    • Derniers messages
    • Tribu
#1
  21

http://i.imgur.com/y9trkKz.png
Este tutorial demorou cerca de uma hora para ser feito, via-celular.


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 http://atelier801.com/img/icones/16/table.png, 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:

Jerry Lê livros


[table border=#92CF91]
[row]
[cel]Jerry [/cel][cel]Lê livros [/cel]
[/row]
[/table]


Agora, se eu adicionar mais três fileiras na tabela:
Sujeito passatempo
Jerry Lê livros
Xelor vê as horas
Cegos falam verdades

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

Palavras com B: bem beleza

[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.
Dona Anastsia
Sub-donas impossível de obter
Shaman se inscreva
Sentinela se inscreva
Secretária se inscreva
escoteira se inscreva
500 firsts 500 firsts
normal 100qjs


Como personalizá-la?
Coloque border=#Cor em hexadecimal na Table.
Medo querido
[table border=#606090]
[row][cel]Medo [/cel][cel]querido [/cel][/row]
[/table]


Caso contrário, ela ficará assim:
Medo querido

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

http://www.transformice.com/share/avatar.jpg
http://i.imgur.com/FYu8OgN.png

[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!

Eu sou umbolinho de arrozmeus bracinhos vierambem depois. Minhas
perninhas ainda estãopor vir. Enão tenho boquinha para sorrir.


[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
    • Candybabby#0000
    • Profil
    • Derniers messages
    • Tribu
#2
  1
Parece bem útil! Espera que vou tentar fazer!

Dolly:CitrusGuaraná
Coca:BaunilhaCereja
Pastel:FlangoPeixe
Pao:de FormaFrancês


To com fome -q

Dernière modification le 1444511940000
Betty
« Sénateur »
1444511760000
    • Betty#3317
    • Profil
    • Derniers messages
    • Tribu
#3
  0
legal
ae
Adulto_maneiro
« Citoyen »
1444511880000
    • Adulto_maneiro#3265
    • Profil
    • Derniers messages
#4
  2
que bagulho confuso
porém prático
porém não
Daauphiinee
« Citoyen »
1444512540000
    • Daauphiinee#0000
    • Profil
    • Derniers messages
#5
  0
Aqui não funciona ┐( ̄ヮ ̄)┌

Dernière modification le 1444512660000
Tiiiitania
« Citoyen »
1444512600000
    • Tiiiitania#0000
    • Profil
    • Derniers messages
    • Tribu
#6
  0
eu ja sabia usar ^.^
mas ficou legal o tópico

Dernière modification le 1444512660000
Glindabele
« Citoyen »
1444512900000
    • Glindabele#0000
    • Profil
    • Derniers messages
    • Tribu
#7
  0
Alo Ola

Dernière modification le 1444512960000
Prysmos
« Citoyen »
1444513920000
    • Prysmos#0000
    • Profil
    • Derniers messages
    • Tribu
#8
  0
Nossa, eu não sabia que dava pra fazer esses "mini-spoilers" o.o
vlw
Aryastark
« Citoyen »
1444514460000
    • Aryastark#9329
    • Profil
    • Derniers messages
#9
  0
Obrigada, me ajudou panks.
Amandaxn
« Citoyen »
1444515600000
    • Amandaxn#0000
    • Profil
    • Derniers messages
#10
  0
testeteste
Savannahlps
« Citoyen »
1444517700000
    • Savannahlps#0000
    • Profil
    • Derniers messages
    • Tribu
#12
  0
Tutorial muito bom
Eclair
« Citoyen »
1444517880000
    • Eclair#2002
    • Profil
    • Derniers messages
    • Tribu
#13
  0
tkx
eu parecia um retardado tentando fazer as tabelas
no fim das contas eu fazia até gif mas n fazia uma tabela
P1zza
« Citoyen »
1444519860000
    • P1zza#0000
    • Profil
    • Derniers messages
#14
  0
Ajudou mt :)
Rscorreia
« Censeur »
1444521300000
    • Rscorreia#0000
    • Profil
    • Derniers messages
    • Tribu
#15
  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
    • Mumich#6666
    • Profil
    • Derniers messages
    • Tribu
#16
  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)

123
2
3
31
12

Dernière modification le 1444522980000
Daauphiinee
« Citoyen »
1444523040000
    • Daauphiinee#0000
    • Profil
    • Derniers messages
#17
  0
pizzaélecal
Astallin
« Citoyen »
1444526580000
    • Astallin#0000
    • Profil
    • Derniers messages
    • Tribu
#18
  2
http://i.imgur.com/ZieZoGC.png
http://i.imgur.com/aj24gqr.png


Legal.
Thlz
« Citoyen »
1444527540000
    • Thlz#7718
    • Profil
    • Derniers messages
#19
  0
lindo tutorial *=*
Rab
« Censeur »
1444527720000
    • Rab#1239
    • Profil
    • Derniers messages
    • Tribu
#20
  0
aff não pegou

Dernière modification le 1444527780000
  • Forums
  • /
  • Atelier 801
  • /
  • Discussions
  • /
  • [Tutorial] Como usar a tabela
1 / 5 › »
© Atelier801 2018

Equipe Conditions Générales d'Utilisation Politique de Confidentialité Contact

Version 1.27