Template:Box-header: Difference between revisions

From RPGWiki
Jump to navigationJump to search
No edit summary
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><div style="clear: both;"></div>
<includeonly>{| class="wikitable" style="border: 2px solid {{{border-color|#99c}}}; width: 100%; {{{tablestyle}}};"
<div style="border: 1px solid {{{border-color|#99c}}};<!--
! style="background-color: {{{titlebg|#ccf}}};" |<!--
        -->background: {{{titlebg|#ccf}}};<!--
  --><span style="color: {{{titlefg|#000}}}; {{{titlestyle|}}};"><!--
        -->color: {{{titlefg|#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;"><!--
        -->margin-bottom: 0px;<!--
        -->[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]<!--
        -->border-bottom: none;<!--
  --></span>| }}
        -->border-radius: {{{corner-upleft|0}}}em {{{corner-upright|0}}}em 0 0;<!--
|-style="background-color: {{{contentbg|#fff}}};"
        -->{{{titlestyle|}}};"><!--
|<div style="color:{{{contentfg|#000}}};{{{contentstyle|}}};"><!--
  --><span class="plainlinks"<!-- PARÂMETROS DO LINK "edit"
  -->{{{content|Insira o texto aqui. Pode ter vários parágrafos.}}}<!--
        -->style="float:right;<!--
  -->{{#if:{{{ler-mais|}}} | &nbsp;[[{{{ler-mais}}}|Ler mais...]] | }}<!--
              -->margin-bottom:.1em;<!--
              -->font-size: 80%;<!--
              -->padding-right: 0.5em;"><!--
        -->[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]<!--
  --></span><!--
  -->{{{title|Título}}}<!--
--></div>
--></div>
<div style="display: block;<!--
|}</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.
        -->border: 1px solid {{{border-color|#99c}}};<!--
 
        -->vertical-align: top;<!--
        -->background: {{{contentbg|#fff}}};<!--
        -->color: {{{contentfg|#000}}};<!--
        -->margin-bottom: 10px;<!--
        -->padding: .3em .7em .3em .7em;<!-- CIMA DIREITA BAIXO ESQUERDA
        -->margin-top: 0em;<!--
        -->border-radius: 0 0 {{{corner-downright|0}}}em {{{corner-downleft|0}}}em;<!--
        -->{{{contentstyle|}}};"><!--
            -->{{{content|Insira o texto vai aqui. Pode ter vários parágrafos.}}}<!--
--></div></includeonly>
<noinclude>Serve para criar caixas de texto altamente personalizáveis.
== Exibição ==
== Exibição ==
Esse código:
<code><nowiki>{{Box-header}}</nowiki></code>
Será exibido assim:
{{Box-header}}
{{Box-header}}
== Uso ==
== Uso ==
Para usar essa predefinição copie um dos códigos a seguir.
Para usar essa predefinição copie um dos códigos a seguir.


'''Mínimo, porém inútil:'''
'''Uso inútil:'''
<pre>{{Box-header}}</pre>
<pre>{{Box-header}}</pre>


Line 43: Line 32:
<pre>{{Box-header
<pre>{{Box-header
|title  = Título
|title  = Título
|content = Insira o texto vai aqui. Pode ter vários parágrafos.
|content = Insira o texto aqui. Pode ter vários parágrafos.
}}</pre>
}}</pre>


'''Completo:'''
'''Completo:'''
<pre>{{Box-header       <-- VALORES PADRÃO --!>
<pre>{{Box-header       <!-- VALORES PADRÃO PARA CADA PARÂMETRO -->
|tablestyle      =
|title            = Título
|title            = Título
|titlebg          = #ccf
|titlebg          = #ccf
|titlefg          = #000
|titlefg          = #000
|titlestyle      =  
|titlestyle      =  
|editpage        =
|ler-mais        =
|border-color    = #99c
|border-color    = #99c
|corner-upleft    = 0
|corner-upright  = 0
|corner-downleft  = 0
|corner-downright = 0
|contentbg        = #fff
|contentbg        = #fff
|contentfg        = #000
|contentfg        = #000
|contentstyle    =  
|contentstyle    =  
|content          = Insira o texto vai aqui. Pode ter vários parágrafos.
|content          = Insira o texto aqui. Pode ter vários parágrafos.
}}</pre>
}}</pre>
{|class="wikitable" style="width:367px;"
{|class="wikitable"
|-style="vertical-align:top;"
! PARÂMETRO !! DESCRIÇÃO
|'''PARÂMETRO''' || '''DESCRIÇÃO'''
|-
|-style="vertical-align:top;"
|'''tablestyle''' || Permite inserir estilos adicionais para a tabela.
|-
|'''title''' || Nome do título.
|'''title''' || Nome do título.
|-style="vertical-align:top;"
|-
|'''titlebg''' || Cor do plano de fundo da barra de título.
|'''titlebg''' || Cor do plano de fundo da barra de título.
|-style="vertical-align:top;"
|-
|'''titlefg''' || Cor da fonte do título.
|'''titlefg''' || Cor da fonte do título.
|-style="vertical-align:top;"
|-
|'''titlestyle''' || Permite inserir estilos adicionais para o título.
|'''titlestyle''' || Permite inserir estilos adicionais para o título.
|-style="vertical-align:top;"
|-
|'''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.
|'''border-color''' || Cor da borda da caixa.
|-style="vertical-align:top;"
|-
|style="width:110px;"|'''corner-upleft<br>corner-upright<br>corner-downleft<br>corner-downright''' || Define cantos arredondados. Deixe "0" para uma caixa "reta", ou coloque "1.5" para cantos arredondados. Cada canto pode ter seu próprio arredondamento. Valores diferentes criam raios de curvatura diferentes.
|-style="vertical-align:top;"
|'''contentbg''' || Cor do plano de fundo do conteúdo.
|'''contentbg''' || Cor do plano de fundo do conteúdo.
|-style="vertical-align:top;"
|-
|'''contentfg''' || Cor da fonte do conteúdo.
|'''contentfg''' || Cor da fonte do conteúdo.
|-style="vertical-align:top;"
|-
|'''contentstyle''' || Permite inserir estilos adicionais para o conteúdo.
|'''contentstyle''' || Permite inserir estilos adicionais para o conteúdo.
|-style="vertical-align:top;"
|-
|'''content''' || O conteúdo a ser exibido na caixa.
|'''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.
'''NOTA:''' esses atributos podem ser colocados fora de ordem.
Line 91: Line 82:
==Exemplos pré-formatados==
==Exemplos pré-formatados==
<blockquote>
<blockquote>
{{Box-header
{{Box-header|titlebg=#D98282|border-color=#BFA3A3|contentbg=#FFF5F5|content=<code><nowiki>{{Box-header|titlebg=#D98282|border-color=#BFA3A3|contentbg=#FFF5F5}}</nowiki></code>}}
|titlebg         = #D98282
{{Box-header|titlebg=#F2CECE|border-color=#BFA3A3|contentbg=#FFF5F5|content=<code><nowiki>{{Box-header|titlebg=#F2CECE|border-color=#BFA3A3|contentbg=#FFF5F5}}</nowiki></code>}}
|border-color     = #BFA3A3
{{Box-header|titlebg=#FFE6E6|border-color=#BFA3A3|contentbg=#FFF5F5|content=<code><nowiki>{{Box-header|titlebg=#FFE6E6|border-color=#BFA3A3|contentbg=#FFF5F5}}</nowiki></code>}}
|contentbg       = #FFF5F5
{{Box-header|titlebg=#D9AD82|border-color=#BFB1A3|contentbg=#FFFAF5|content=<code><nowiki>{{Box-header|titlebg=#D9AD82|border-color=#BFB1A3|contentbg=#FFFAF5}}</nowiki></code>}}
|content         = <code><nowiki>{{Box-header
{{Box-header|titlebg=#F2E0CE|border-color=#BFB1A3|contentbg=#FFFAF5|content=<code><nowiki>{{Box-header|titlebg=#F2E0CE|border-color=#BFB1A3|contentbg=#FFFAF5}}</nowiki></code>}}
|titlebg         = #D98282
{{Box-header|titlebg=#FFF2E6|border-color=#BFB1A3|contentbg=#FFFAF5|content=<code><nowiki>{{Box-header|titlebg=#FFF2E6|border-color=#BFB1A3|contentbg=#FFFAF5}}</nowiki></code>}}
|border-color     = #BFA3A3
{{Box-header|titlebg=#FFFF99|border-color=#BFBFA3|contentbg=#FEFFF5|content=<code><nowiki>{{Box-header|titlebg=#FFFF99|border-color=#BFBFA3|contentbg=#FEFFF5}}</nowiki></code>}}
|contentbg       = #FFF5F5
{{Box-header|titlebg=#FFFFD9|border-color=#BFBFA3|contentbg=#FEFFF5|content=<code><nowiki>{{Box-header|titlebg=#FFFFD9|border-color=#BFBFA3|contentbg=#FEFFF5}}</nowiki></code>}}
}}</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
{{Box-header|titlebg=#F2F2CE|border-color=#BFBFA3|contentbg=#FFFFF5|content=<code><nowiki>{{Box-header|titlebg=#F2F2CE|border-color=#BFBFA3|contentbg=#FFFFF5}}</nowiki></code>}}
|titlebg         = #F2CECE
{{Box-header|titlebg=#ADD982|border-color=#B1BFA3|contentbg=#FAFFF5|content=<code><nowiki>{{Box-header|titlebg=#ADD982|border-color=#B1BFA3|contentbg=#FAFFF5}}</nowiki></code>}}
|border-color     = #BFA3A3
{{Box-header|titlebg=#E0F2CE|border-color=#B1BFA3|contentbg=#FAFFF5|content=<code><nowiki>{{Box-header|titlebg=#E0F2CE|border-color=#B1BFA3|contentbg=#FAFFF5}}</nowiki></code>}}
|contentbg       = #FFF5F5
{{Box-header|titlebg=#F2FFE6|border-color=#B1BFA3|contentbg=#FAFFF5|content=<code><nowiki>{{Box-header|titlebg=#F2FFE6|border-color=#B1BFA3|contentbg=#FAFFF5}}</nowiki></code>}}
|content         = <code><nowiki>{{Box-header
{{Box-header|titlebg=#AD82D9|border-color=#B1A3BF|contentbg=#FAF5FF|content=<code><nowiki>{{Box-header|titlebg=#AD82D9|border-color=#B1A3BF|contentbg=#FAF5FF}}</nowiki></code>}}
|titlebg         = #F2CECE
{{Box-header|titlebg=#E0CEF2|border-color=#B1A3BF|contentbg=#FAF5FF|content=<code><nowiki>{{Box-header|titlebg=#E0CEF2|border-color=#B1A3BF|contentbg=#FAF5FF}}</nowiki></code>}}
|border-color     = #BFA3A3
{{Box-header|titlebg=#F2E6FF|border-color=#B1A3BF|contentbg=#FAF5FF|content=<code><nowiki>{{Box-header|titlebg=#F2E6FF|border-color=#B1A3BF|contentbg=#FAF5FF}}</nowiki></code>}}
|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>
}}
</blockquote>
</blockquote>
* [https://en.wikipedia.org/wiki/Template:Box-header Veja mais exemplos de cores na Wikipédia]
* [[Wikipedia: Template:Box-header]] — Veja mais exemplos de cores na Wikipédia
[[Category:Meta-Templates]]</noinclude>
[[Category:Templates]]</noinclude>

Latest revision as of 19: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}}