Predefinição:Diagrama

Diagrama

Atenção: caso ocorra algum erro ou o texto não seja exibido, verifique se há algum sinal de = no conteúdo. Se for o caso, substitua-o por {{=}}

Para inserir um diagrama como abaixo, siga as orientações a seguir:

Teste

• Este é um texto de exemplo para testar o diagrama.
• Pai
  • Filho (este é um box nomeado)
    • Sim
      • Passos para resposta positiva
    • Não
      • Passos para resposta negativa
  • 
    Filho
    • Neto
  • Filho (este é um box destacado)
    • Neto
      • Bisneto (este é um box com link para outro box)
      • Bisneto (este é um box destacado)

• Para iniciar, utilize o código:

{{diagrama|
}}

• Se quiser que o diagrama tenha um título, utilize:

{{diagrama|titulo=Teste|
}}

• Inclua o conteúdo em forma de lista de itens (cada linha iniciando com um asterisco), com o código {{box|CONTEUDO}}, como abaixo:

{{diagrama|titulo=Teste|
*{{box|Pai}}
**{{box|Filho}}
*{{box|Pai}}
}}

• O resultado será o seguinte:

Observe que as linhas no mesmo nível (mesmo número de asteriscos) são colocadas lado a lado.

Teste

• Pai
  • Filho
• Pai

• As linhas com níveis sucessivos (conforme se acrescentam asteriscos no início), vão sendo exibidas como "filhas" da linha anterior

{{diagrama|titulo=Teste|
*{{box|Pai}}
**{{box|Filho}}
***{{box|Neto}}
****{{box|Bisneto}}
*****{{box|Trineto}}
******{{box|Tataraneto}}
*{{box|Pai}}
*{{box|Pai}}
**{{box|Filho}}
***{{box|Neto}}
}}

Teste

• Pai
  • Filho
    • Neto
      • Bisneto
        • Trineto
          • Tataraneto
• Pai
• Pai
  • Filho
    • Neto

• Se um "pai" tiver dois ou mais "filhos", eles serão exibidos lado a lado:

{{diagrama|titulo=Teste|
*{{box|Pai}}
**{{box|Filho}}
***{{box|Neto}}
****{{box|Bisneto 1}}
****{{box|Bisneto 2}}
}}

Teste

• Pai
  • Filho
    • Neto
      • Bisneto 1
      • Bisneto 2

• O conteúdo do box não pode ser muito complexo, pois precisa ser incluído em uma única linha.

Sugere-se, no máximo, uma figura e um texto simples ou link, como abaixo:

Observe que é necessário utilizar <br /> para inserir uma quebra de linha no conteúdo do box

{{diagrama|titulo=Teste|
*{{box|Texto simples}}
*{{box|[[wikilink]]}}
*{{box|[[wikilink#Seção|Wikilink direcionando para seção específica}}
*{{box|[https://compras.ufsc.br Link para página externa]}}
*{{box|[[Arquivo:Camera.png|link=]]}} <- FIGURA SEM LINK
*{{box|[[Arquivo:Camera.png|link=wikilink]]}} <- FIGURA COM LINK PARA A PRÓPRIA WIKI
*{{box|[[Arquivo:Camera.png|link=https://compras.ufsc.br]]}} <- FIGURA COM LINK EXTERNO
*{{box|[[Arquivo:Camera.png|link=]]<br />Figura e texto simples}}
*{{box|[[Arquivo:Camera.png|link=]]<br />Figura e [[wikilink]]}}
}}

Teste

• Texto simples
• wikilink
• Wikilink direcionando para seção específica
• Link para página externa
• 
• 
• 
• 
  Figura e texto simples
• 
  Figura e wikilink

• Há duas configurações opcionais dos box:
  • destaque=sim: o box ficará destacado dos demais, com uma cor diferente:
  • id=IDENTIFICADOR: o box será nomeado e poderá ser utilizado como destino, como no exemplo abaixo:

{{diagrama|titulo=Teste|
*{{box|Texto simples}}
*{{box|destaque=sim|Este box ficará destacado dos demais}}
*{{box|id=PASSO1|Este box será nomeado como PASSO1}}
*{{box|Este box possui um link para o box PASSO1. [[#PASSO1|Clique aqui para ver o que acontece.]]}}
}}

Teste

• Texto simples
• Este box ficará destacado dos demais
• Este box será nomeado como PASSO1
• Este box possui um link para o box PASSO1. Clique aqui para ver o que acontece.

• Para auxiliar no fluxo do diagrama, há dois box especiais ({{box-sim}} e {{box-nao}}):

{{diagrama|titulo=Teste|
*{{box|Esta é uma pergunta sim/não para decidir quais serão os passos adicionais}}
**{{box-sim}}
***{{box|Se a resposta for sim, este será o próximo passo}}
**{{box-nao}}
***{{box|Se a resposta for não, este será o próximo passo}}
}}

Teste

• Esta é uma pergunta sim/não para decidir quais serão os passos adicionais
  • Sim
    • Se a resposta for sim, este será o próximo passo
  • Não
    • Se a resposta for não, este será o próximo passo