Template:Box-header: Difference between revisions

From RPGWiki
Jump to navigationJump to search
(25 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;<!--
  --><span class="plainlinks"<!--
        -->font-weight: bold;<!--
        -->style="float:right;<!--
        -->margin-bottom: 0px;<!--
                -->margin-bottom:.1em;<!--
        -->border-bottom: none;<!--
                -->font-size: 80%;<!--
        -->border-radius: {{{corner-upleft|0}}}em {{{corner-upright|0}}}em 0 0;<!--
                -->padding-right: 0.5em;"><!--
        -->{{{titlestyle|}}};"><!--
        -->[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]<!--
  --><span class="plainlinks"<!-- PARÂMETROS DO LINK "edit"
  --></span>
        -->style="float:right;<!--
|-style="background-color: {{{contentbg|#fff}}};"
              -->margin-bottom:.1em;<!--
|<span style="color: {{{contentfg|#000}}};<!--
              -->font-size: 80%;<!--
          -->padding: .3em .5em .3em .5em;<!-- CIMA DIREITA BAIXO ESQUERDA
              -->padding-right: 0.5em;"><!--
          -->{{{contentstyle|}}};"><!--
        -->[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]<!--
  -->{{{content|Insira o texto aqui. Pode ter vários parágrafos.}}}<!--
  --></span><!--
  --> [[{{{editpage|{{FULLPAGENAME}}}}}|Ler mais...]]<!--
  -->{{{title|Título}}}<!--
--></span>
--></div>
|}</includeonly><noinclude>Serve para criar caixas de texto altamente personalizáveis.
<div style="display: block;<!--
        -->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 ==
Line 43: Line 35:
<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 -->
|tablestyle      =
|title            = Título
|title            = Título
|titlebg          = #ccf
|titlebg          = #ccf
|titlefg          = #000
|titlefg          = #000
|titlestyle      =  
|titlestyle      =  
|editpage        = {{FULLPAGENAME}}
|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="width:367px;" -->
|-style="vertical-align:top;"
|-style="vertical-align:top;"
|'''PARÂMETRO''' || '''DESCRIÇÃO'''
|'''PARÂMETRO''' || '''DESCRIÇÃO'''
|-style="vertical-align:top;"
|'''tablestyle''' || Permite inserir estilos adicionais para a tabela.
|-style="vertical-align:top;"
|-style="vertical-align:top;"
|'''title''' || Nome do título.
|'''title''' || Nome do título.
Line 73: Line 65:
|-style="vertical-align:top;"
|-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 editor clicar em "edit", no canto superior direito. Por padrão, se esse parâmetro não for dado ou estiver em branco, a caixa vai abrir em modo de edição a própria página onde ela foi inserida. É isso que faz o código <code><nowiki>{{FULLPAGENAME}}</nowiki></code>. Como a box-header foi idealizada para criação de "portais de conteúdo", o certo seria criar uma página cujo conteúdo seria inserido nessa caixa por transclusão, e configurar esse parâmetro para editar aquela página, e não a página do Portal. Esta também será a página para a qual aponta o link "Ler mais...".
|-style="vertical-align:top;"
|-style="vertical-align:top;"
|'''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;"
|-style="vertical-align:top;"
|'''contentbg''' || Cor do plano de fundo do conteúdo.
|'''contentbg''' || Cor do plano de fundo do conteúdo.
Line 198: Line 190:
|border-color    = #BFBFA3
|border-color    = #BFBFA3
|contentbg        = #FFFFF5
|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>
}}</nowiki></code>
}}
}}
</blockquote>
</blockquote>
* [https://en.wikipedia.org/wiki/Template:Box-header Veja mais exemplos de cores na Wikipédia]
* [https://en.wikipedia.org/wiki/Template:Box-header Veja mais exemplos de cores na Wikipédia]
[[Category:Meta-Templates]]</noinclude>
[[Category:Templates]]</noinclude>

Revision as of 20:06, 26 March 2022

Serve para criar caixas de texto altamente personalizáveis.

Exibição

Esse código:

{{Box-header}}

Será exibido assim:

Títuloedit
Insira o texto aqui. Pode ter vários parágrafos. Ler mais...

Uso

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

Mínimo, porém 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 -->
|tablestyle       =
|title            = Título
|titlebg          = #ccf
|titlefg          = #000
|titlestyle       = 
|editpage         = {{FULLPAGENAME}}
|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 editor clicar em "edit", no canto superior direito. Por padrão, se esse parâmetro não for dado ou estiver em branco, a caixa vai abrir em modo de edição a própria página onde ela foi inserida. É isso que faz o código {{FULLPAGENAME}}. Como a box-header foi idealizada para criação de "portais de conteúdo", o certo seria criar uma página cujo conteúdo seria inserido nessa caixa por transclusão, e configurar esse parâmetro para editar aquela página, e não a página do Portal. Esta também será a página para a qual aponta o link "Ler mais...".
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.

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ítuloedit
{{Box-header |titlebg = #D98282 |border-color = #BFA3A3 |contentbg = #FFF5F5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #F2CECE |border-color = #BFA3A3 |contentbg = #FFF5F5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #FFE6E6 |border-color = #BFA3A3 |contentbg = #FFF5F5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #D9AD82 |border-color = #BFB1A3 |contentbg = #FFFAF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #F2E0CE |border-color = #BFB1A3 |contentbg = #FFFAF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #FFF2E6 |border-color = #BFB1A3 |contentbg = #FFFAF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #FFFF99 |border-color = #BFBFA3 |contentbg = #FEFFF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #FFFFD9 |border-color = #BFBFA3 |contentbg = #FEFFF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #FFFFE6 |border-color = #BFBFA3 |contentbg = #FEFFF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #D9D982 |border-color = #BFBFA3 |contentbg = #FFFFF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #F2F2CE |border-color = #BFBFA3 |contentbg = #FFFFF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #ADD982 |border-color = #B1BFA3 |contentbg = #FAFFF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #E0F2CE |border-color = #B1BFA3 |contentbg = #FAFFF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #F2FFE6 |border-color = #B1BFA3 |contentbg = #FAFFF5 }} Ler mais...
Títuloedit
{{Box-header |titlebg = #AD82D9 |border-color = #B1A3BF |contentbg = #FAF5FF }} Ler mais...
Títuloedit
{{Box-header |titlebg = #E0CEF2 |border-color = #B1A3BF |contentbg = #FAF5FF }} Ler mais...
Títuloedit
{{Box-header |titlebg = #F2E6FF |border-color = #B1A3BF |contentbg = #FAF5FF }} Ler mais...