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
Linha 1: Linha 1:
<div class="diagrama sombra">
<includeonly><div class="diagrama sombra">
<p>{{{titulo|}}}</p>
<p>{{{titulo|}}}</p>
{{{1|INSIRA O CONTEÚDO AQUI, UTILIZANDO A TAG BOX}}}
{{{1|INSIRA O CONTEÚDO AQUI, UTILIZANDO A TAG BOX}}}
</div>
</div></includeonly><noinclude>
=Diagrama=
 
Para inserir um diagrama como abaixo, siga as orientações a seguir:
{{diagrama|titulo=Teste|
*{{box|Este é um texto de exemplo para testar o diagrama.}}
*{{box|Pai}}
**{{box|id=Filho|Filho}}
**{{box|[[Arquivo:Camera.png|link=]]<br />Filho}}
***{{box|Neto}}
**{{box|destaque=sim|Filho (este é um box especial)}}
***{{box|Neto}}
****{{box|[[#Filho|Bisneto]]}}
****{{box|destaque=sim|Bisneto}}
}}
 
* Para iniciar, utilize o código:
<syntaxhighlight lang="html" line>
{{diagrama|
}}
</syntaxhighlight>
 
* Se quiser que o diagrama tenha um título, utilize:
<syntaxhighlight lang="html" line>
{{diagrama|titulo=Teste|
}}
</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:
<syntaxhighlight lang="html" line>
{{diagrama|titulo=Teste|
*{{box|Pai}}
**{{box|Filho}}
*{{box|Pai}}
}}
</syntaxhighlight>
 
* O resultado será o seguinte:
{{destaque|info|Observe que as linhas no mesmo nível (mesmo número de asteriscos) são colocadas lado a lado.}}
{{diagrama|titulo=Teste|
*{{box|Pai}}
**{{box|Filho}}
*{{box|Pai}}
}}
 
* As linhas com níveis sucessivos (conforme se acrescentam asteriscos no início), vão sendo exibidas como "filhas" da linha anterior
<syntaxhighlight lang="html" line>
{{diagrama|titulo=Teste|
*{{box|Pai}}
**{{box|Filho}}
***{{box|Neto}}
****{{box|Bisneto}}
*****{{box|Trineto}}
******{{box|Tataraneto}}
*{{box|Pai}}
}}
</syntaxhighlight>
 
{{diagrama|titulo=Teste|
*{{box|Pai}}
**{{box|Filho}}
***{{box|Neto}}
****{{box|Bisneto}}
*****{{box|Trineto}}
******{{box|Tataraneto}}
*{{box|Pai}}
}}
 
* Se um "pai" tiver dois ou mais "filhos", eles serão exibidos lado a lado:
<syntaxhighlight lang="html" line>
{{diagrama|titulo=Teste|
*{{box|Pai}}
**{{box|Filho}}
***{{box|Neto}}
****{{box|Bisneto 1}}
****{{box|Bisneto 2}}
}}
</syntaxhighlight>
 
{{diagrama|titulo=Teste|
*{{box|Pai}}
**{{box|Filho}}
***{{box|Neto}}
****{{box|Bisneto 1}}
****{{box|Bisneto 2}}
}}
 
</noinclude>

Edição das 12h38min de 17 de dezembro de 2024

Diagrama

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

Teste

  • Este é um texto de exemplo para testar o diagrama.
  • Pai
    • Filho
    • Camera.png
      Filho
      • Neto
    • Filho (este é um box especial)
  • 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 </nowiki>CONTEUDO</nowiki>, 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}}
}}

Teste

  • Pai
    • Filho
      • Neto
        • Bisneto
          • Trineto
            • Tataraneto
  • Pai
  • 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


Disponível em “https://compras.wiki.ufsc.br/index.php?title=Predefinição:Diagrama&oldid=8305”