Difference between revisions of "Template:Box-header"

From RPGWiki
Jump to navigationJump to search
 
(59 intermediate revisions by the same user not shown)
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;<!--
  --><span class="plainlinks"<!--
        -->font-weight: bold;<!--
        -->style="float:right;<!--
        -->font-size: 100%;<!--
                -->margin-bottom:.1em;<!--
        -->margin-bottom: 0px;<!--
                -->font-size: 80%;<!--
        -->border-bottom: none;<!--
                -->padding-right: 0.5em;"><!--
        -->border-radius: 1.5em 1.5em 0 0;<!--
        -->[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]<!--
        -->{{{titlestyle|}}};"><!--
  --></span>
  --><span class="plainlinks" <!-- EDIT LINK PARAMETERS
|-style="background-color: {{{contentbg|#fff}}};"
        -->style="float:right;<!--
|<span style="color: {{{contentfg|#000}}};<!--
              -->margin-bottom:.1em;<!--
          -->padding: .3em .5em .3em .5em;<!-- CIMA DIREITA BAIXO ESQUERDA
              -->font-size: 80%;<!--
          -->{{{contentstyle|}}};"><!--
              -->padding-right: 0.5em;"><!--
  -->{{{content|Insira o texto aqui. Pode ter vários parágrafos.}}}<!--
        --><span style="color:{{{titleforeground|#000000}}}">[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]</span>&nbsp;<!--
  --> [[{{{editpage|{{FULLPAGENAME}}}}}|Ler mais...]]<!--
  --></span ><!--
--></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>
|}</includeonly><noinclude>Serve para criar caixas de texto altamente personalizáveis.
<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>
== Exibição ==
<noinclude>Serve para inserir um caixa de texto com cantos arrendondados com diversas finalidades.
Esse código:


== Exibição ==
<code><nowiki>{{Box-header}}</nowiki></code>
<blockquote>
 
{{Box-round|title=Título|titlebg=#ccf|borderbg=#99c|O texto vai aqui.}}</blockquote>
Será exibido assim:
{{Box-header}}
== Uso ==
== 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>
'''Mínimo, porém 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 -->
|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.
}}</pre>
{|class="wikitable" <!-- style="width:367px;" -->
|-style="vertical-align:top;"
|'''PARÂMETRO''' || '''DESCRIÇÃO'''
|-style="vertical-align:top;"
|'''tablestyle''' || Permite inserir estilos adicionais para a tabela.
|-style="vertical-align:top;"
|'''title''' || Nome do título.
|-style="vertical-align:top;"
|'''titlebg''' || Cor do plano de fundo da barra de título.
|-style="vertical-align:top;"
|'''titlefg''' || Cor da fonte do título.
|-style="vertical-align:top;"
|'''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;"
|'''border-color''' || Cor da borda da caixa.
|-style="vertical-align:top;"
|'''contentbg''' || Cor do plano de fundo do conteúdo.
|-style="vertical-align:top;"
|'''contentfg''' || Cor da fonte do conteúdo.
|-style="vertical-align:top;"
|'''contentstyle''' || Permite inserir estilos adicionais para o conteúdo.
|-style="vertical-align:top;"
|'''content''' || O conteúdo a ser exibido na caixa.
|}
'''NOTA:''' esses atributos podem ser colocados fora de ordem.
{{códigos de cores}}
{{códigos de cores}}
[[Category:Templates]]
==Exemplos pré-formatados==
[[Category:Meta-Templates]]
<blockquote>
</noinclude>
{{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>
* [https://en.wikipedia.org/wiki/Template:Box-header Veja mais exemplos de cores na Wikipédia]
[[Category:Templates]]</noinclude>

Latest 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...