Este tópico apresenta uma coletânea de exemplos práticos de como formatar suas mensagens no Waze Discuss. Você pode usar estes códigos diretamente nos seus posts para deixar o conteúdo mais organizado, visualmente atrativo e fácil de ler!
Abaixo você verá em cada seção o código de formatação e o exemplo visual após a publicação.
Observe que os códigos de formatação são inseridos antes e depois do texto a ser formatado, sendo que o código de fechamento deve conter uma “/”,
Alinhamento de texto
[left]Texto alinhado à esquerda[/left]
[center]Texto centralizado[/center]
[right]Texto alinhado à direita[/right]
[left]Texto alinhado à esquerda[/left]
[center]Texto centralizado[/center]
Texto alinhado à direita
Títulos/Cabeçalhos
[wzh=1]Título nível 1[/wzh]
[wzh=2]Título nível 2[/wzh]
[wzh=3]Título nível 3[/wzh]
[wzh=4]Título nível 4[/wzh]
Título nível 1
Título nível 2
Título nível 3
Título nível 4
Tamanho do texto
[size=50]Tamanho 50[/size]
[size=75]Tamanho 75[/size]
[size=100]Tamanho 100 (padrão)[/size]
[size=150]Tamanho 150[/size]
[size=250]Tamanho 250[/size]
[size=500]Tamanho 500[/size]
Tamanho 50
Tamanho 75
Tamanho 100 (padrão)
Tamanho 150
Tamanho 250
Tamanho 500
Cores
Para esta opção, utilize a tabela de cores HTML, por nome ou código hexadecimal.
Para saber mais sobre cores HTML, clique aqui.
[color=silver]Prata[/color]
[color=orange]Laranja[/color]
[color=#1E90FF]Azul personalizado[/color]
[color=#de21c8]Rosa personalizado[/color]
Prata
Laranja
Azul personalizado
Rosa personalizado
Caixas de Destaque
Cor de fundo para digitar ou inserir outras caixas com cores
[wzBox]
Conteúdo padrão
[/wzBox]
[wzBoxRed]
Conteúdo com fundo vermelho
[/wzBoxRed]
[wzBoxBlue]
Conteúdo com fundo azul
[/wzBoxBlue]
[wzBoxGreen]
Conteúdo com fundo verde
[/wzBoxGreen]
[/wzBoxes]
Cor de fundo para digitar ou inserir outras caixas com cores
Conteúdo padrão
Conteúdo com fundo vermelho
Conteúdo com fundo azul
Conteúdo com fundo verde
[/wzbox]
Outras marcações úteis
**Texto em negrito**
*Texto em itálico*
***Texto em negrito e itálico***
[u]Texto sublinhado[/u]
[s]Texto tachado[/s]
[u][s]Texto sublinhado e tachado[/s][/u]
<sup>Sobrescrito</sup>
<sub>Subscrito</sub>
Estas são letras de <kbd>teclado</kbd>
Outro tipo: <kbd>⌘C</kbd>
Este é um [spoiler]spoiler[/spoiler] <- clique para ver o texto
[Hiperlink](www.waze.com)
[email]usuario@exemplo.com[/email]
Texto em negrito
Texto em itálico
Texto em negrito e itálico
Texto sublinhado
Texto tachado
Texto sublinhado e tachado
Sobrescrito
Subscrito
Estas são letras de teclado
Outro tipo: ⌘C
Este é um spoiler ← clique para ver o texto
Hiperlink
usuario@exemplo.com
Citação de conteúdo
Para criar uma citação, adicione um > antes de um parágrafo.
> O Waze é o melhor aplicativo de navegação GPS.
Como é exibido:
O Waze é o melhor aplicativo de navegação GPS.
Citação com mais de um parágrafo:
Para citações com mais de um parágrafo, adicione um > na linha em branco entre os parágrafos.
> O Waze é o melhor aplicativo de navegação GPS.
>
> O Waze é feito pela comunidade de editores.
Como é exibido:
O Waze é o melhor aplicativo de navegação GPS.
O Waze é feito pela comunidade de editores.
Expansão de conteúdo
Use esta marcação para esconder partes do texto:
[details="Clique para expandir"]
Conteúdo oculto
[/details]
Clique para expandir
Conteúdo oculto
Notas de rodapé (Referências)
São exibidas de duas maneiras: como uma nota na linha ou como referência no fim da página,
Notas na linha são acessadas clicando nos três pontos.
Texto um[^1]
Texto dois[^2]
[^1]: Nota de rodapé do texto um
[^2]: Nota de rodapé do texto dois
Veja o resultado ao final desta página.
Tabelas
|Waze A|Waze B|Waze C|
| :--- | :---: | ---: |
|Texto 1|Texto 2|Texto 3|
|Texto 4|Texto 5|Texto 6|
| Waze A | Waze B | Waze C |
|---|---|---|
| Texto 1 a direita | Texto 2 centralizado | Texto 3 a esquerda |
| Texto 4 | Texto 5 | Texto 6 |
Alinhamento da Tabela:
|:---|→ Alinhado à esquerda|:---:|→ Centralizado|---:|→ Alinhado à direita
Redimensionamento de Imagens
Você pode redimensionar imagens nos posts usando os parâmetros no nome da imagem.
A estrutura é:
Escalando pela altura
Para alterar a escala da imagem para a altura de 125 pixels, coloque um x antes da escala:
 
Resultado: ambas terão 125 pixels de altura.
Escalando pela largura
Para alterar a escala da imagem para a largura de 125 pixels, coloque um x depois da escala:
 
Resultado: ambas terão 125 pixels de largura.
Escalando por porcentagem
Você pode alterar a escala da imagem proporcionalmente ao seu tamanho original, para isto apenas insira o percentual na escala:
 
Resultado: ambas serão exibidas com 25% do tamanho original.
Como referência, estes são os tamanhos originais das imagens, exibidas sem alteração de escala:
Organização de Estruturas
O [grid][/grid] pode ser utilizado para várias estruturas, mas o exemplo abaixo vai abordar o agrupamento de imagens.
Em breve disponibilizaremos mais formas para se usar o GRID.
[grid] Imagem 1 Imagem 2 Imagem 3 [/grid]
Referências úteis
Se você conhece outras formatações que funcionam no fórum, compartilhe com o time da Wazeopedia pra que seja adicionado neste tópico!