Predefinição:Diagrama: mudanças entre as edições

De Wiki@DCOM
Ir para navegação Ir para pesquisar
mSem resumo de edição
mSem resumo de edição
 
(5 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 4: Linha 4:
</div></includeonly><noinclude>
</div></includeonly><noinclude>
=Diagrama=
=Diagrama=
{{destaque|alerta|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 <nowiki>{{=}}</nowiki>}}


Para inserir um diagrama como abaixo, siga as orientações a seguir:
Para inserir um diagrama como abaixo, siga as orientações a seguir:
Linha 9: Linha 13:
*{{box|Este é um texto de exemplo para testar o diagrama.}}
*{{box|Este é um texto de exemplo para testar o diagrama.}}
*{{box|Pai}}
*{{box|Pai}}
**{{box|id=Filho|Filho}}
**{{box|id=Filho|Filho (este é um box nomeado)}}
***{{box-sim}}
****{{box|Passos para resposta positiva}}
***{{box-nao}}
****{{box|Passos para resposta negativa}}
**{{box|[[Arquivo:Camera.png|link=]]<br />Filho}}
**{{box|[[Arquivo:Camera.png|link=]]<br />Filho}}
***{{box|Neto}}
***{{box|Neto}}
**{{box|destaque=sim|Filho (este é um box especial)}}
**{{box|destaque=sim|Filho (este é um box destacado)}}
***{{box|Neto}}
***{{box|Neto}}
****{{box|[[#Filho|Bisneto]]}}
****{{box|[[#Filho|Bisneto (este é um box com link para outro box)]]}}
****{{box|destaque=sim|Bisneto}}
****{{box|destaque=sim|Bisneto (este é um box destacado)}}
}}
}}


Linha 30: Linha 38:
</syntaxhighlight>
</syntaxhighlight>


* Inclua o conteúdo em forma de lista de itens (cada linha iniciando com um asterisco), com o código <code></nowiki>{{box|CONTEUDO}}</nowiki></code>, como abaixo:
* Inclua o conteúdo em forma de lista de itens (cada linha iniciando com um asterisco), com o código <code><nowiki>{{box|CONTEUDO}}</nowiki></code>, como abaixo:
<syntaxhighlight lang="html" line>
<syntaxhighlight lang="html" line>
{{diagrama|titulo=Teste|
{{diagrama|titulo=Teste|
Linha 57: Linha 65:
******{{box|Tataraneto}}
******{{box|Tataraneto}}
*{{box|Pai}}
*{{box|Pai}}
*{{box|Pai}}
**{{box|Filho}}
***{{box|Neto}}
}}
}}
</syntaxhighlight>
</syntaxhighlight>
Linha 68: Linha 79:
******{{box|Tataraneto}}
******{{box|Tataraneto}}
*{{box|Pai}}
*{{box|Pai}}
*{{box|Pai}}
**{{box|Filho}}
***{{box|Neto}}
}}
}}


Linha 91: Linha 105:
* O conteúdo do box não pode ser muito complexo, pois precisa ser incluído em uma única linha.
* 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:
: Sugere-se, no máximo, uma figura e um texto simples ou link, como abaixo:
{{destaque|info|Observe que é necessário utilizar <code><nowiki><br /></nowiki></code> para inserir uma quebra de linha no conteúdo do box}}
<syntaxhighlight lang="html" line>
<syntaxhighlight lang="html" line>
{{diagrama|titulo=Teste|
{{diagrama|titulo=Teste|
Linha 117: Linha 132:
}}
}}


* Há duas configurações opcionais dos box:
** <code>destaque=sim</code>: o box ficará destacado dos demais, com uma cor diferente:
** <code>id=IDENTIFICADOR</code>: o box será nomeado e poderá ser utilizado como destino, como no exemplo abaixo:
<syntaxhighlight lang="html" line>
{{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.]]}}
}}
</syntaxhighlight>
{{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.]]}}
}}


* Para auxiliar no fluxo do diagrama, há dois box especiais (<code><nowiki>{{box-sim}}</nowiki></code> e <code><nowiki>{{box-nao}}</nowiki></code>):
<syntaxhighlight lang="html" line>
{{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}}
}}
</syntaxhighlight>
{{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}}
}}
</noinclude>
</noinclude>

Edição atual tal como às 11h38min de 13 de janeiro de 2025

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

Teste

  • 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
Disponível em “https://compras.wiki.ufsc.br/index.php?title=Predefinição:Diagrama&oldid=8735”