Template:Box-header: Difference between revisions

From RPGWiki
Jump to navigationJump to search
No edit summary
No edit summary
Line 18: Line 18:
   --> [[{{{editpage|{{FULLPAGENAME}}}}}|Ler mais...]]<!--
   --> [[{{{editpage|{{FULLPAGENAME}}}}}|Ler mais...]]<!--
--></span>
--></span>
|}<!-- <div style="clear: both;"></div>
|}</includeonly><noinclude>Serve para criar caixas de texto altamente personalizáveis.
<div style="border: 1px solid {{{border-color|#99c}}};<!--
        -->background: {{{titlebg|#ccf}}};<!--
        -->color: {{{titlefg|#000}}};<!--
        -->padding: 0.1em;<!--
        -->text-align: center;<!--
        -->font-weight: bold;<!--
        -->margin-bottom: 0px;<!--
        -->border-bottom: none;<!--
        -->border-radius: {{{corner-upleft|0}}}em {{{corner-upright|0}}}em 0 0;<!--
        -->{{{titlestyle|}}};"><!--
  --><span class="plainlinks"<!-- PARÂMETROS DO LINK "edit"
        -->style="float:right;<!--
              -->margin-bottom:.1em;<!--
              -->font-size: 80%;<!--
              -->padding-right: 0.5em;"><!--
        -->[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]<!--
  --></span><!--
  -->{{{title|Título}}}<!--
--></div>
<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 aqui. Pode ter vários parágrafos.}}}<!--
            --> [[{{{editpage|{{FULLPAGENAME}}}}}|Ler mais...]]<!--
--></div>
--></includeonly><noinclude>Serve para criar caixas de texto altamente personalizáveis.
== Exibição ==
== Exibição ==
Esse código:
Esse código:

Revision as of 17:17, 24 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 -->
|title            = Título
|titlebg          = #ccf
|titlefg          = #000
|titlestyle       = 
|editpage         = {{FULLPAGENAME}}
|border-color     = #99c
|corner-upleft    = 0
|corner-upright   = 0
|corner-downleft  = 0
|corner-downright = 0
|contentbg        = #fff
|contentfg        = #000
|contentstyle     = 
|content          = Insira o texto aqui. Pode ter vários parágrafos.
}}
PARÂMETRO DESCRIÇÃO
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.
corner-upleft
corner-upright
corner-downleft
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.
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...