Predefinição:Diagrama

De Wiki@DCOM
Ir para navegação Ir para pesquisar

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
  • 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]]}}
}}
  • 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

  • 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