Ativa o menu
Alternar menu de preferências
Alternar menu pessoal
Não autenticado(a)
Your IP address will be publicly visible if you make any edits.

Ajuda:Guia de Estilo: mudanças entre as edições

De Celta Sistemas Wiki
Sem resumo de edição
Sem resumo de edição
Linha 13: Linha 13:
=== Exemplo Padrão (Manuais e Tutoriais) ===
=== Exemplo Padrão (Manuais e Tutoriais) ===


<pre>
<pre><nowiki>
{{Cabecalho
{{Cabecalho
  | [[Tutoriais]] › [[Sub-rotina]]
  | [[Tutoriais]] › [[Sub-rotina]]
  | Título da Página de *Exemplo*
  | Título da Página de *Exemplo*
}}
}}
</pre>
</nowiki></pre>


'''Resultado:'''
'''Resultado:'''
Linha 29: Linha 29:
=== Invisível (Dashboards e Hubs) ===
=== Invisível (Dashboards e Hubs) ===


<pre>
<pre><nowiki>
{{Cabecalho | [[Invisível (Dashboards e Hubs)]] | no}}
{{Cabecalho | [[Invisível (Dashboards e Hubs)]] | no}}
</pre>
</nowiki></pre>


'''Resultado:'''
'''Resultado:'''
Linha 65: Linha 65:
=== Tipo: Crítico / Erro ===
=== Tipo: Crítico / Erro ===


<pre>
<pre><nowiki>
{{Nota|danger|CRÍTICO|Risco de perda de dados ou bloqueios.}}
{{Nota|danger|CRÍTICO|Risco de perda de dados ou bloqueios.}}
</pre>
</nowiki></pre>


'''Resultado:'''
'''Resultado:'''
Linha 79: Linha 79:
=== Exemplo de Tabela ===
=== Exemplo de Tabela ===


<pre>
<pre><nowiki>
{{TabelaCampos|
{{TabelaCampos|
   {{Linha
   {{Linha
Linha 92: Linha 92:
   }}
   }}
}}
}}
</pre>
</nowiki></pre>


'''Resultado:'''
'''Resultado:'''
Linha 115: Linha 115:
=== 4.1. Cards Simples ===
=== 4.1. Cards Simples ===


<pre>
<pre><nowiki>
<div class="celta-grid">
<div class="celta-grid">
   {{Card | titulo=Dicas | texto=Texto do card...}}
   {{Card | titulo=Dicas | texto=Texto do card...}}
   {{Card | titulo=Manual | texto=Texto do card...}}
   {{Card | titulo=Manual | texto=Texto do card...}}
</div>
</div>
</pre>
</nowiki></pre>


'''Resultado:'''
'''Resultado:'''
Linha 132: Linha 132:
Cores: `blue`, `dark`, `orange`, `green`, `red`.
Cores: `blue`, `dark`, `orange`, `green`, `red`.


<pre>
<pre><nowiki>
<div class="celta-grid">
<div class="celta-grid">
{{CardMenu
{{CardMenu
Linha 143: Linha 143:
}}
}}
</div>
</div>
</pre>
</nowiki></pre>


'''Resultado:'''
'''Resultado:'''
Linha 164: Linha 164:
=== Prints de Tela ===
=== Prints de Tela ===


<pre>
<pre><nowiki>
{{Print|Nome_do_Arquivo.png|Legenda da imagem}}
{{Print|Nome_do_Arquivo.png|Legenda da imagem}}
</pre>
</nowiki></pre>


=== Etiquetas de Versão ===
=== Etiquetas de Versão ===


<pre>
<pre><nowiki>
Funcionalidade Nova {{Badge|novo|v15.0}}
Funcionalidade Nova {{Badge|novo|v15.0}}
</pre>
</nowiki></pre>


'''Resultado:'''
'''Resultado:'''
Linha 185: Linha 185:
=== Suporte Técnico (Padrão) ===
=== Suporte Técnico (Padrão) ===


<pre>
<pre><nowiki>
{{ContatoSuporte}}
{{ContatoSuporte}}
</pre>
</nowiki></pre>


'''Resultado:'''
'''Resultado:'''
Linha 195: Linha 195:
=== Financeiro / Comercial ===
=== Financeiro / Comercial ===


<pre>
<pre><nowiki>
{{ContatoFinanceiro}}
{{ContatoFinanceiro}}
</pre>
</nowiki></pre>


'''Resultado:'''
'''Resultado:'''
Linha 208: Linha 208:
Copie este bloco para iniciar uma nova página.
Copie este bloco para iniciar uma nova página.


<pre>
<pre><nowiki>
{{Cabecalho
{{Cabecalho
  | [[Módulo]] › [[Funcionalidade]]
  | [[Módulo]] › [[Funcionalidade]]
Linha 238: Linha 238:


{{ContatoSuporte}}
{{ContatoSuporte}}
</pre>
</nowiki></pre>

Edição das 13h15min de 1 de dezembro de 2025

Guia de Estilo e Padrões

Atualizado em: 01/12/2025

Use este guia para copiar os códigos dos componentes oficiais.

1. Cabeçalho da Página

Use sempre na primeira linha da página.

Exemplo Padrão (Manuais e Tutoriais)

{{Cabecalho
 | [[Tutoriais]] › [[Sub-rotina]]
 | Título da Página de *Exemplo*
}}

Resultado:

Título da Página

Atualizado em: 01/12/2025

Invisível (Dashboards e Hubs)

{{Cabecalho | [[Invisível (Dashboards e Hubs)]] | no}}

Resultado:


2. Caixas de Aviso (Notas)

Sintaxe:

TÍTULO
Texto...

Tipo: Dica / Informação

DICA

Texto da dica ou informação complementar.

Resultado:

DICA

Texto da dica ou informação complementar.

Tipo: Sucesso / Novidade

SUCESSO

Para novidades ou boas práticas.

Resultado:

SUCESSO

Para novidades ou boas práticas.

Tipo: Atenção / Alerta

ATENÇÃO

Alertas que requerem cuidado.

Resultado:

ATENÇÃO

Alertas que requerem cuidado.

Tipo: Crítico / Erro

{{Nota|danger|CRÍTICO|Risco de perda de dados ou bloqueios.}}

Resultado:

CRÍTICO

Risco de perda de dados ou bloqueios.


3. Tabela de Campos

Use para listar parâmetros. Utilize `1=` e `2=` para evitar quebras.

Exemplo de Tabela

{{TabelaCampos|
  {{Linha
   | 1= Nome do Campo
   | 2= Explicação do campo.
  }}
  {{Linha
   | 1= Outro Parâmetro
   | 2= Explicação com lista:
* Item A
* Item B
  }}
}}

Resultado:

Campo / Parâmetro Função e Instruções
Nome do Campo Explicação do campo.
Outro Parâmetro Explicação com lista:
  • Item A
  • Item B

4. Cards e Menus

4.1. Cards Simples

<div class="celta-grid">
  {{Card | titulo=Dicas | texto=Texto do card...}}
  {{Card | titulo=Manual | texto=Texto do card...}}
</div>

Resultado:

Dicas

Texto do card...

Manual

Texto do card...

4.2. Menus de Navegação (Hubs)

Cores: `blue`, `dark`, `orange`, `green`, `red`.

<div class="celta-grid">
{{CardMenu
 | cor = orange
 | icone = bi-star
 | titulo = Favoritos
 | conteudo = 
* [[Link 1]]
* [[Link 2]]
}}
</div>

Resultado:


5. Imagens e Badges

Prints de Tela

{{Print|Nome_do_Arquivo.png|Legenda da imagem}}

Etiquetas de Versão

Funcionalidade Nova {{Badge|novo|v15.0}}

Resultado:

Funcionalidade Nova v15.0


6. Rodapé de Contato

Adicione apenas o código abaixo no final das páginas.

Suporte Técnico (Padrão)

{{ContatoSuporte}}

Resultado:



Financeiro / Comercial

{{ContatoFinanceiro}}

Resultado:


7. Template Base (Copiar e Colar)

Copie este bloco para iniciar uma nova página.

{{Cabecalho
 | [[Módulo]] › [[Funcionalidade]]
 | Título do Manual
}}

Resumo da funcionalidade.

{{Nota|info|PRÉ-REQUISITO|Necessário estar na versão 15.0 ou superior.}}

== 1. Visão Geral ==
Explicação do conceito...

== 2. Configuração ==
Acesse o menu '''Cadastro > Operações'''.

{{TabelaCampos|
  {{Linha
   | 1= Nome do Campo
   | 2= Explicação do campo.
  }}
}}

== 3. Passo a Passo ==
# Clique em '''Incluir''';
# Preencha os dados;
#: {{Print|Exemplo_Tela.png|Tela de cadastro}}
# Clique em '''Gravar'''.

{{ContatoSuporte}}