As tags são os "indicadores". Elas indicam aonde uma certa formatação ou função começa e onde termina. Uma tag é formada geralmente por 3 partes. [Existem tags com menos e outras com mais.

• Divisão da Tag:

Código:

[abertura=variavel]Texto para formatação ou função[/fechamento]

A maioria das tags é constituidas apenas pela [abertura], o texto e o [/fechamento]. O Fechamento e a abertura são praticamente iguais, a única diferença é que o texto do fechamento tem uma "/" a mais que o texto do fechamento. Vejamos, por exemplo, as tags para "negritar" um texto.

Código:

[b]Texto em negrito![/b]

Resultado: Texto em Negrito!

• Uso de duas tags simultaneamente.

Você pode usar, sem problemas nenhum, duas tags em conjunto. Por exemplo, você escreve um texto em itálico, e quer reforçar uma palavra em vermelho. Veja como é simples:

Código:

[i][color=red]Brasil Designer Forever[/color][/i]

Resultado: Brasil Designer Forever

Note que a tag [color] (Cor) tem uma variável (No caso, red). Essa variável define a cor do texto que está entre as tags de abertura e fechamento.

---

• Tags de Formatação Básica

• [b] - Negrito - Deixa o Texto entre as Tags em negrito.

Código:

[b]Brasil Designer Forever[/b]

---

• [i] - Itálico - Deixa o Texto entre as Tags em itálico.

Código:

[i]Brasil Designer Forever[/i]

---

• [u] - Sublinhado - Deixa o Texto entre as Tags em sublinhado.

Código:

[u]Brasil Designer Forever[/u]

---

• [left] - Alinhado a Esquerda - Alinha o Texto entre as Tags à Esquerda.

Código:

[left]Brasil Designer Forever[/left]

---

• [center] - Centralizado - Centraliza o texto entre as Tags centralizar.

Código:

[center]Brasil Designer Forever[/center]

---

• [right] - À direita - Deixa o Texto entre as Tags alinhado a direita.

Código:

[right]Brasil Designer Forever[/right]

---

• [justify] - Justificado - Deixa o Texto entre as Tags justificado [Evita as "escadinhas" de textos].

Código:

[justify]Brasil Designer Forever é concerteza o melhor fórum de Designer do brasil.[/justify]

---

• [list] - Lista - Cria uma listagem de itens. Entre essas tags, qualquer tag [*] (Sem fechamento) vira um "•" (Sem aspas).

Código:

[list][*]Brasil[*]Designer[*]Forever[/list]

---

• [h*r] - Linha transversal - Adiciona uma linha horizontal. (Essa tag usa apenas a abertura) (Retire o * dentro da tag)

Código:

[hr]

---

• Tags de Formatação Avançada

• [quote="AUTOR"] - Citação - Deixa o Texto entre as Tags em citação. A variável, "AUTOR", pode conter o nome do autor da citação. Essa variável deve estar entre aspas duplas (Ex: "Convidado")

Código:

[quote="Firenando"]Brasil Designer Forever Owna[/quote]

---

• - Código - Transforma o texto entre as tags em um código. Qualquer tag que estiver entre as tags Código não terá efeito nenhum, será apenas escrito como ele é. Eu uso as tags código para escrever o código base de todos os exemplos!

---

• [table] - Tabela - Cria uma tabela. Esse comando tem certa complicação, pois você precissa utilizar outros comandos para criar colunas e linhas. O comando [tr] cria uma linha, e a tag [td] cria a coluna das linhas. Para criar uma tabela com bordas, use a tag [table border="1"].

Código:

[table border="1"][tr][td]Linha 1 Coluna 1[/td][td]Linha 1 Coluna 2[/td][/tr][tr][td]Linha 2 Coluna 1[/td][td]Linha 2 Coluna 2[/td][/tr][/table]

---

[img] - Imagem - Nesse caso, o texto entre as tags tem que ser um LINK para uma imagem válida na internet. Esse link entre as tags é transformado em uma imagem.

Código:

[img]http://www.iconspedia.com/uploads/815550930.png[/img]

---

• [url=LINK_AQUI!] - Hiperlink - A palavra entre as tags Hiperlink são transformadas em um link. Esse link é a varíavel, LINK_AQUI!.

Código:

[url=http://www.google.com/]Google Buscador[/url]

---

• [flash(altura,largura)] - Embutir arquivo .swf - As palavras entre as tags devem ser, necessariamente, links para um arquivo .swf [Flash]. A altura e largura são as dimensões que esse arquivo será exibido, em pixels!

---

• [youtube] - Embutir Vídeos do YouTube - Novamente, o texto entre as tags deve ser um link para um vídeo do youtube.

Código:

[flash(425,350)]http://www.youtube.com/watch?v=G354iGggik0[/flash]

---

• [size=Tamanho] - Tamanho do Texto - O texto entre as tags tem seu tamanho alterado. O tamanho é definido por um valor INTEIRO entre 1 e 28, definido pela variável Tamanho.

Código:

[size=24]Brasil Designer Forever[/size]

---

• [color=cor] - Cor - Altera a coloração do texto entre as tags. A cor é definida pela variável COR, que deve ser um valor hexadecimal válido ou uma cor em inglês.

Código:

[color=blue]Brasil Designer Forever[/color]

---

• - Fonte - Altera a fonte do texto entre tags. A fonte é definida pela variável FONTE. Fontes disponíveis: Arial, Arial Black, Comic Sans Ms, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS e Verdana.

Código:

[font=Comic Sans Ms]Brasil Designer Forever[/font]

---

• [sub] - Índice - Transforma o texto entre as tags em um índice.

Código:

[sup]Brasil Designer Forever[/sup]

---

• [spoiler=NOME_DO_SPOILER] - Spoiler - O texto entre as tags é escondido por um Spoiler. Após o Spoiler receber um clique do cursor, seu conteúdo é revelado.

Código:

[spoiler=Clique Aqui]Brasil Designer Forever[/spoiler]

---

• [hide] - Esconder - Esconde o texto entre as tags. Apenas quem postou no tópico e os Administradores conseguem ver o contéudo das tags Esconder.

Código:

[hide]Brasil Designer Forever[/hide]

---

• [scroll] - Movimento Horizontal - Movimenta o texto entre tags horizontalmente.

Código:

[scroll]Brasil Designer Forever[/scroll]

---

• [updown] - Movimento Vertical - Movimenta o texto entre tags verticalmente.

Código:

[updown]Brasil Designer Forever[/updown]

---

• [rand] - Número aleatório - O texto entre as tags deve ser, necessáriamente, dois valores INTEIROS, separados por virgula. A tag Número aleatório vai gerar um número aleatório entre esses dois valores separados por vírgulas.

Código:

[rand]1,10[/rand]

---

Espero que todos tenham gostado do meu super tutorial!

Há, Tinha coisa que nem sabia que tinha aqui no fórum, obrigado por bolar esse tutorial

opa,Chique de mais. Para quem é novo em tags e no forumeiros.com é bem útil.

Belo Tutorial !

TAGS de fórum, ótimo para novatos!