Template:Box-header: Difference between revisions

Latest revision as of 16:13, 14 December 2022

Serve para criar caixas de texto altamente personalizáveis. Tais caixas foram idealizadas para serem usadas em "portais de conteúdo", contendo um texto resumido de um outro artigo, e com um link para esse outro artigo.

Exibição

Esse código:

{{Box-header}}

Será exibido assim:

Título
Insira o texto aqui. Pode ter vários parágrafos.

Uso

Para usar essa predefinição copie um dos códigos a seguir.

Uso inútil:

{{Box-header}}

Mínimo útil:

{{Box-header
|title   = Título
|content = Insira o texto aqui. Pode ter vários parágrafos.
}}

Completo:

{{Box-header       <!-- VALORES PADRÃO PARA CADA PARÂMETRO -->
|tablestyle       =
|title            = Título
|titlebg          = #ccf
|titlefg          = #000
|titlestyle       = 
|editpage         = 
|ler-mais         = 
|border-color     = #99c
|contentbg        = #fff
|contentfg        = #000
|contentstyle     = 
|content          = Insira o texto aqui. Pode ter vários parágrafos.
}}

PARÂMETRO	DESCRIÇÃO
tablestyle	Permite inserir estilos adicionais para a tabela.
title	Nome do título.
titlebg	Cor do plano de fundo da barra de título.
titlefg	Cor da fonte do título.
titlestyle	Permite inserir estilos adicionais para o título.
editpage	Esse é o nome da página da wiki que será aberta em modo de edição quando o usuário clicar em editar, no canto superior direito. Por padrão, se esse parâmetro não for dado ou estiver em branco, o link de editar não vai aparecer.
border-color	Cor da borda da caixa.
contentbg	Cor do plano de fundo do conteúdo.
contentfg	Cor da fonte do conteúdo.
contentstyle	Permite inserir estilos adicionais para o conteúdo.
content	O conteúdo a ser exibido na caixa.
ler-mais	Insere um link com os dizeres Ler mais... que aponta para uma outra página da wiki (indicada após o "=", e sem a necessidade de colchetes) onde o assunto da caixa será melhor desenvolvido.

NOTA: esses atributos podem ser colocados fora de ordem.

Códigos de cores HTML

Aqui tem uma tabela com as principais cores, seus nomes e códigos HTML:


Cor	Hexadecimal	Cor	Hexadecimal
black	#000000	silver	#c0c0c0
gray	#808080	white	#ffffff
maroon	#800000	red	#ff0000
purple	#800080	fuchsia	#ff00ff
green	#008000	lime	#00ff00
olive	#808000	yellow	#ffff00
navy	#000080	blue	#0000ff
teal	#008080	aqua	#00ffff

Uma grande lista de nomes e códigos de cores pode ser encontrada na Flextool.

Exemplos pré-formatados

Título

{{Box-header|titlebg=#D98282|border-color=#BFA3A3|contentbg=#FFF5F5}}

Título

{{Box-header|titlebg=#F2CECE|border-color=#BFA3A3|contentbg=#FFF5F5}}

Título

{{Box-header|titlebg=#FFE6E6|border-color=#BFA3A3|contentbg=#FFF5F5}}

Título

{{Box-header|titlebg=#D9AD82|border-color=#BFB1A3|contentbg=#FFFAF5}}

Título

{{Box-header|titlebg=#F2E0CE|border-color=#BFB1A3|contentbg=#FFFAF5}}

Título

{{Box-header|titlebg=#FFF2E6|border-color=#BFB1A3|contentbg=#FFFAF5}}

Título

{{Box-header|titlebg=#FFFF99|border-color=#BFBFA3|contentbg=#FEFFF5}}

Título

{{Box-header|titlebg=#FFFFD9|border-color=#BFBFA3|contentbg=#FEFFF5}}

Título

{{Box-header|titlebg=#FFFFE6|border-color=#BFBFA3|contentbg=#FEFFF5}}

Título

{{Box-header|titlebg=#D9D982|border-color=#BFBFA3|contentbg=#FFFFF5}}

Título

{{Box-header|titlebg=#F2F2CE|border-color=#BFBFA3|contentbg=#FFFFF5}}

Título

{{Box-header|titlebg=#ADD982|border-color=#B1BFA3|contentbg=#FAFFF5}}

Título

{{Box-header|titlebg=#E0F2CE|border-color=#B1BFA3|contentbg=#FAFFF5}}

Título

{{Box-header|titlebg=#F2FFE6|border-color=#B1BFA3|contentbg=#FAFFF5}}

Título

{{Box-header|titlebg=#AD82D9|border-color=#B1A3BF|contentbg=#FAF5FF}}

Título

{{Box-header|titlebg=#E0CEF2|border-color=#B1A3BF|contentbg=#FAF5FF}}

Título

{{Box-header|titlebg=#F2E6FF|border-color=#B1A3BF|contentbg=#FAF5FF}}

Wikipedia: Template:Box-header — Veja mais exemplos de cores na Wikipédia

@@ Line 1: / Line 1: @@
-<includeonly>__NOEDITSECTION__ __NOTOC__<div style="clear: both;"></div>
+<includeonly>{| class="wikitable" style="border: 2px solid {{{border-color|#99c}}}; width: 100%; {{{tablestyle}}};"
-<div style="border: 1px solid {{{border|{{{borderbg}}}}}};<!--
+! style="background-color: {{{titlebg|#ccf}}};" |<!--
-         -->background: {{{titlebackground|{{{titlebg}}}}}};<!--
+   --><span style="color: {{{titlefg|#000}}}; {{{titlestyle|}}};"><!--
-         -->color: {{{titleforeground|#000}}};<!--
+      -->{{{title|Título}}}<!--
-         -->padding: 0.1em;<!--
+   --></span><!--
-         -->text-align: center;<!--
+   -->{{#if:{{{editpage|}}}|<!--
-         -->font-weight: bold;<!--
+   --><span class="plainlinks" style="float:right;margin-bottom:.1em;font-size:80%;padding-right:0.5em;"><!--
-         -->font-size: 100%;<!--
+         -->[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]<!--
-         -->margin-bottom: 0px;<!--
+   --></span>| }}
-         -->border-bottom: none;<!--
+|-style="background-color: {{{contentbg|#fff}}};"
-         -->border-radius: 1.5em 1.5em 0 0;<!--
+|<div style="color:{{{contentfg|#000}}};{{{contentstyle|}}};"><!--
-         -->{{{titlestyle|}}};"><!--
+   -->{{{content|Insira o texto aqui. Pode ter vários parágrafos.}}}<!--
-  --><span class="plainlinks" <!-- EDIT LINK PARAMETERS
+   -->{{#if:{{{ler-mais|}}} | &nbsp;[[{{{ler-mais}}}|Ler mais...]] | }}<!--
-        -->style="float:right;<!--
+--></div>
-              -->margin-bottom:.1em;<!--
+|}</includeonly><noinclude>Serve para criar caixas de texto altamente personalizáveis. Tais caixas foram idealizadas para serem usadas em "portais de conteúdo", contendo um texto resumido de um outro artigo, e com um link para esse outro artigo.
-              -->font-size: 80%;<!--
-              -->padding-right: 0.5em;"><!--
-        --><span style="color:{{{titleforeground|#000000}}}">[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]</span>&nbsp;<!--
-  --></span ><!--
-  --><h2 style="font-size:100%;font-weight:bold;border: none; margin: 0; padding:0; padding-bottom:.1em;"><span style="color:{{{titleforeground|#000000}}}">{{{title}}}</span></h2></div>
-<div style="display: block; border: 1px solid {{{border|{{{borderbg}}}}}}; vertical-align: top; background: {{{background|#fff}}}; color: {{{foreground|#000}}}; margin-bottom: 10px; padding: .8em 1em 1em 1.3em; margin-top: 0em; border-radius: 0 0 1.5em 1.5em; {{{style|}}};">{{{1|{{{text|{{{content}}}}}}}}}</div></includeonly>
-<noinclude>Serve para inserir um caixa de texto com cantos arrendondados com diversas finalidades.
 == Exibição ==
-<blockquote>
+Esse código:
-{{Box-round|title=Título|titlebg=#ccf|borderbg=#99c|O texto vai aqui.}}</blockquote>
+<code><nowiki>{{Box-header}}</nowiki></code>
+Será exibido assim:
+{{Box-header}}
 == Uso ==
-Para usar essa predefinição copie o trecho de código a seguir.
+Para usar essa predefinição copie um dos códigos a seguir.
-<code><nowiki>{{Box-round|title=Título|titlebg=#ccf|borderbg=#99c|O texto vai aqui.}}</nowiki></code>
+'''Uso inútil:'''
+<pre>{{Box-header}}</pre>
+'''Mínimo útil:'''
+<pre>{{Box-header
+|title   = Título
+|content = Insira o texto aqui. Pode ter vários parágrafos.
+}}</pre>
+'''Completo:'''
+<pre>{{Box-header       <!-- VALORES PADRÃO PARA CADA PARÂMETRO -->
+|tablestyle       =
+|title            = Título
+|titlebg          = #ccf
+|titlefg          = #000
+|titlestyle       =
+|editpage         =
+|ler-mais         =
+|border-color     = #99c
+|contentbg        = #fff
+|contentfg        = #000
+|contentstyle     =
+|content          = Insira o texto aqui. Pode ter vários parágrafos.
+}}</pre>
+{|class="wikitable"
+! PARÂMETRO !! DESCRIÇÃO
+|-
+|'''tablestyle''' || Permite inserir estilos adicionais para a tabela.
+|-
+|'''title''' || Nome do título.
+|-
+|'''titlebg''' || Cor do plano de fundo da barra de título.
+|-
+|'''titlefg''' || Cor da fonte do título.
+|-
+|'''titlestyle''' || Permite inserir estilos adicionais para o título.
+|-
+|'''editpage''' || Esse é o nome da página da wiki que será aberta em modo de edição quando o usuário clicar em '''editar''', no canto superior direito. Por padrão, se esse parâmetro não for dado ou estiver em branco, o link de '''editar''' não vai aparecer.
+|-
+|'''border-color''' || Cor da borda da caixa.
+|-
+|'''contentbg''' || Cor do plano de fundo do conteúdo.
+|-
+|'''contentfg''' || Cor da fonte do conteúdo.
+|-
+|'''contentstyle''' || Permite inserir estilos adicionais para o conteúdo.
+|-
+|'''content''' || O conteúdo a ser exibido na caixa.
+|-
+|'''ler-mais''' || Insere um link com os dizeres '''Ler mais...''' que aponta para uma outra página da wiki (indicada após o "=", e sem a necessidade de colchetes) onde o assunto da caixa será melhor desenvolvido.
+|}
+'''NOTA:''' esses atributos podem ser colocados fora de ordem.
 {{códigos de cores}}
-[[Category:Templates]]
-[[Category:Meta-Templates]]
+==Exemplos pré-formatados==
-</noinclude>
+<blockquote>
+{{Box-header|titlebg=#D98282|border-color=#BFA3A3|contentbg=#FFF5F5|content=<code><nowiki>{{Box-header|titlebg=#D98282|border-color=#BFA3A3|contentbg=#FFF5F5}}</nowiki></code>}}
+{{Box-header|titlebg=#F2CECE|border-color=#BFA3A3|contentbg=#FFF5F5|content=<code><nowiki>{{Box-header|titlebg=#F2CECE|border-color=#BFA3A3|contentbg=#FFF5F5}}</nowiki></code>}}
+{{Box-header|titlebg=#FFE6E6|border-color=#BFA3A3|contentbg=#FFF5F5|content=<code><nowiki>{{Box-header|titlebg=#FFE6E6|border-color=#BFA3A3|contentbg=#FFF5F5}}</nowiki></code>}}
+{{Box-header|titlebg=#D9AD82|border-color=#BFB1A3|contentbg=#FFFAF5|content=<code><nowiki>{{Box-header|titlebg=#D9AD82|border-color=#BFB1A3|contentbg=#FFFAF5}}</nowiki></code>}}
+{{Box-header|titlebg=#F2E0CE|border-color=#BFB1A3|contentbg=#FFFAF5|content=<code><nowiki>{{Box-header|titlebg=#F2E0CE|border-color=#BFB1A3|contentbg=#FFFAF5}}</nowiki></code>}}
+{{Box-header|titlebg=#FFF2E6|border-color=#BFB1A3|contentbg=#FFFAF5|content=<code><nowiki>{{Box-header|titlebg=#FFF2E6|border-color=#BFB1A3|contentbg=#FFFAF5}}</nowiki></code>}}
+{{Box-header|titlebg=#FFFF99|border-color=#BFBFA3|contentbg=#FEFFF5|content=<code><nowiki>{{Box-header|titlebg=#FFFF99|border-color=#BFBFA3|contentbg=#FEFFF5}}</nowiki></code>}}
+{{Box-header|titlebg=#FFFFD9|border-color=#BFBFA3|contentbg=#FEFFF5|content=<code><nowiki>{{Box-header|titlebg=#FFFFD9|border-color=#BFBFA3|contentbg=#FEFFF5}}</nowiki></code>}}
+{{Box-header|titlebg=#FFFFE6|border-color=#BFBFA3|contentbg=#FEFFF5|content=<code><nowiki>{{Box-header|titlebg=#FFFFE6|border-color=#BFBFA3|contentbg=#FEFFF5}}</nowiki></code>}}
+{{Box-header|titlebg=#D9D982|border-color=#BFBFA3|contentbg=#FFFFF5|content=<code><nowiki>{{Box-header|titlebg=#D9D982|border-color=#BFBFA3|contentbg=#FFFFF5}}</nowiki></code>}}
+{{Box-header|titlebg=#F2F2CE|border-color=#BFBFA3|contentbg=#FFFFF5|content=<code><nowiki>{{Box-header|titlebg=#F2F2CE|border-color=#BFBFA3|contentbg=#FFFFF5}}</nowiki></code>}}
+{{Box-header|titlebg=#ADD982|border-color=#B1BFA3|contentbg=#FAFFF5|content=<code><nowiki>{{Box-header|titlebg=#ADD982|border-color=#B1BFA3|contentbg=#FAFFF5}}</nowiki></code>}}
+{{Box-header|titlebg=#E0F2CE|border-color=#B1BFA3|contentbg=#FAFFF5|content=<code><nowiki>{{Box-header|titlebg=#E0F2CE|border-color=#B1BFA3|contentbg=#FAFFF5}}</nowiki></code>}}
+{{Box-header|titlebg=#F2FFE6|border-color=#B1BFA3|contentbg=#FAFFF5|content=<code><nowiki>{{Box-header|titlebg=#F2FFE6|border-color=#B1BFA3|contentbg=#FAFFF5}}</nowiki></code>}}
+{{Box-header|titlebg=#AD82D9|border-color=#B1A3BF|contentbg=#FAF5FF|content=<code><nowiki>{{Box-header|titlebg=#AD82D9|border-color=#B1A3BF|contentbg=#FAF5FF}}</nowiki></code>}}
+{{Box-header|titlebg=#E0CEF2|border-color=#B1A3BF|contentbg=#FAF5FF|content=<code><nowiki>{{Box-header|titlebg=#E0CEF2|border-color=#B1A3BF|contentbg=#FAF5FF}}</nowiki></code>}}
+{{Box-header|titlebg=#F2E6FF|border-color=#B1A3BF|contentbg=#FAF5FF|content=<code><nowiki>{{Box-header|titlebg=#F2E6FF|border-color=#B1A3BF|contentbg=#FAF5FF}}</nowiki></code>}}
+</blockquote>
+* [[Wikipedia: Template:Box-header]] — Veja mais exemplos de cores na Wikipédia
+[[Category:Templates]]</noinclude>

Template:Box-header: Difference between revisions

Latest revision as of 16:13, 14 December 2022

Contents

Exibição

Uso

Códigos de cores HTML

Exemplos pré-formatados

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

Tools