Academia St. Clavier
Tutorial de Tags - Printable Version

+- Academia St. Clavier (http://academiastclavier.com.br)
+-- Forum: All about us (http://academiastclavier.com.br/forumdisplay.php?fid=3)
+--- Forum: Informações gerais (http://academiastclavier.com.br/forumdisplay.php?fid=10)
+--- Thread: Tutorial de Tags (/showthread.php?tid=23)

Tutorial de Tags - Skurai - 08-13-2021

Gente, sei que vocês já tem alguma familiaridade com o fórum antigo. Grazadeus não mudou muito, mas é sempre bom refrescar a memória, então achei legal fazer esse pequeno guia de tags usáveis no fórum, mesmo que na barra acima da caixa de postagem já tenha botões feitos pra isso. E os botões funcionam, aliás! Mas fiquem atentos porque às vezes, editando pelos botões, o código pode bugar. Para isso, adicionado a esse post, vou deixar um mini tutorial de como usar o espaço de postagem.

Para usar as tags aí vão algumas dicas:

A sintaxe básica das tags é que todo o conteúdo que vocês desejem modificar seja colocado dentro delas, por exemplo:

Esse é um texto em negrito.
[*b]Esse é um texto em negrito.[*/b]
As tags podem ser inseridas dentro das outras. Por exemplo, quero um texto em negrito e colorido: nesse caso, eu abro uma tag de color, e depois uma tag de b (bold) (sem asteriscos).

[*color=blue][*b]Texto negrito e colorido[*/b][*/color]
Texto negrito e colorido

Lembrem-se de fechar as tags na ordem inversa. Então, se a primeira digitada foi a tag color, a última a ser fechada é a tag color.

As tags são fechadas com um /nome da tag, e sempre vem dentro de colchetes.

Se quiser fazer um texto com uma formatação específica e tiver que inserir uma tag igual dentro dessa formatação, melhor fechar a tag aberta primeiro que inserir e fechar uma tag dentro da outra. Exemplo: Tenho um texto todo em preto. E agora preciso inserir um texto rosa no meio. Melhor fechar a tag preta primeiro, e apenas depois continuar com o preto.

Tenho um texto todo em preto. E agora preciso inserir um texto rosa no meio. Melhor fechar a tag preta primeiro, e apenas depois continuar com o preto

Code:
[color=Black]Tenho um texto todo em preto. E agora preciso inserir um texto rosa no meio.[/color] [color=hotpink]Melhor fechar a tag preta primeiro[/color][color=Black], e apenas depois continuar com o preto[/color]

Código errado:

Code:
[color=Black]Tenho um texto todo em preto. E agora preciso inserir um texto rosa no meio.[color=hotpink]Melhor fechar a tag preta primeiro[/color], e apenas depois continuar com o preto[/color]

Para cores, vocês podem digitar os nomes das cores ou seus códigos hexadecimais.: Se sua cor bugar, não esqueça de inserir # antes do código hexadecimal, mas acredito que funciona sem também.

Cor certa:
Teste
Teste

Código:
Code:
[color=#00FF00]Teste[/color]
[color=red]Teste[/color]
   

Cor errada:
Code:
[color=00FF00]Assim ainda pode funcionar.[/color]
[color=amarelocanário]Mas assim não, que essa cor não existe.[/color]
   

Vocês vão notar depois de um tempo que se vocês colarem o post já todo taggeado no fórum, ao invés de mostrar a tag, ele vai mostrar o resultado final. Ele tem um leitor automático. Caso encontrem algum erro na tag de vocês quando colarem, vocês vão ter que clicar no último botão da barra de ferramentas de postagem, um que parece um papel em branco (View source). Esse botão vai mostrar o código base do post. (Ilustro isso mais a frente)


Bom, vamos explorar as tags BÁSICAS:

Abaixo, vocês tem a lista de tags básicas, mas se descerem mais, poderão encontrar exemplos delas em uso.

Code:
Negrito: [b][/b]
Itálico: [i][/i]
Sublinhado: [u][/u]
Riscado: [s][/s]
URL: [url]http://url.com[/url] OU [url=http://url.com]My URL[/url]
E-mail: [email]myemail@mydomain.com[/email] OU [email=myemail@mydomain.com]My Email[/email]
Quote: [quote][/quote] OU [quote=Autor][/quote]
Código: [*code][*/code] OU [*php][*/php]
Imagem: [img]http://mysite.com/mypic.jpg[/img]
Cor da fonte: [color=red][/color]
Tamanho da fonte: [size=3][/size]
Tipo de fonte: [font=tahoma][/font]
Alinhamento do texto: [align=center][/align]
Listas: [list][/list] e [*]

TAGS EM USO:

● Efeitos de texto
Code:
[b]TEXTO[/b]
[i]TEXTO[/i]
[u]TEXTO[/i]
[s]TEXTO[/i]

Negrito
Itálico
Sublinhado
Riscado

● Tamanho do texto
Code:
[size=TAMANHO, em números ou como definidos abaixo]TEXTO[/size]
[size=xx-small]XX-Small[/size]
[size=x-small]X-Small[/size]
[size=small]Small[/size]
[size=medium]Medium[/size]
[size=large]Large[/size]
[size=x-large]X-Large[/size]
[size=xx-large]XX-Large[/size]

XX-Small
X-Small
Small
Medium
Large
X-Large
XX-Large

● Fonte do texto
Code:
[font=NOME_DA_FONTE]TEXTO[/font]
[font=Tahoma]Esse texto está em Tahoma[/font]
[font=Courier]Esse texto está em Courier[/font]

Esse texto está em Tahoma
Esse texto está em Courier

● Cor do texto
Code:
[color=NOME_DA_COR]TEXTO[/font]
[color=red]Esse texto é vermelho.[/color]
[color=green]Esse texto é verde.[/color]
[color=#0000FF]Esse texto é azul na forma de hexadecimal[/color]

Esse texto é vermelho.
Esse texto é verde.
Esse texto é azul na forma de hexadecimal

● Alinhamento do texto
Code:
[align=POSIÇÃO]
[align=left]Alinhado à esquerda[/align]
[align=center]Centralizado[/align]
[align=right]Alinhado à direita[/align]
[align=justify]Justificado[/align]

Alinhado à esquerda
Centralizado
Alinhado à direita
Justificado

***Vocês notarão mais os textos justificados em blocos de texto grandes, porém, não recomendo para as postagens do fórum. Eu tenho a impressão que as quebras de linha diferentes ajudam a ler melhor ?***


● Inserir imagens
Code:
[img]http://example.com/image.gif[/img]
[img=WIDTHxHEIGHT]http://example.com/image.gif[/img]

[Image: xAHCbnI.png]
[Image: TIgLYOs.png]

● Inserir links
Code:
[url]http://examplo.com[/url]
[url=http://examplo.com]Título[/url]

https://community.mybb.com
Comunidade de fóruns myBB

***Para inserir e-mails, usem a mesma lógica de inserir links, mas usem a tag de e-mail***


● Listas
Code:
[list]
[*]Item #1
[*]Item #2
[*]Item #3
...
[/list]
-----------
Lista de compras:
[list]
[*]Cenoura
[*]Alface
  [list]
  [*]Toddyinho
  [*]Neston
  [/list]
[*]Levar o cartão de mainha
[/list]
Lista de compras:
  • Cenoura
  • Alface
    • Toddyinho
    • Neston
  • Levar o cartão de mainha

● Linha horizontal
[*hr] - digitar sem asterisco, e não precisa fechar. Ele faz uma linha horizontal pra usar de separador, caso precise.
Viu? :V