Template:Box-header: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly><div style="clear: both;"></div> | <includeonly>{| class="wikitable" style="border: 1px solid {{{border-color|#99c}}}; width: 100%;" | ||
! style="background-color: {{{titlebg|#ccf}}};" |<!-- | |||
--><span style="color: {{{titlefg|#000}}}; {{{titlestyle|}}};"><!-- | |||
-->{{{title|Título}}}<!-- | |||
--></span><!-- | |||
--><span class="plainlinks"<!-- | |||
-->style="float:right;<!-- | |||
-->margin-bottom:.1em;<!-- | |||
-->font-size: 80%;<!-- | |||
-->padding-right: 0.5em;"><!-- | |||
-->[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]<!-- | |||
--></span> | |||
|-style="background-color: {{{contentbg|#fff}}};" | |||
|<span style="color: {{{contentfg|#000}}};<!-- | |||
-->padding: .3em .5em .3em .5em;<!-- CIMA DIREITA BAIXO ESQUERDA | |||
-->{{{contentstyle|}}};"><!-- | |||
-->{{{content|Insira o texto aqui. Pode ter vários parágrafos.}}}<!-- | |||
--> [[{{{editpage|{{FULLPAGENAME}}}}}|Ler mais...]]<!-- | |||
--></span> | |||
|}<!-- <div style="clear: both;"></div> | |||
<div style="border: 1px solid {{{border-color|#99c}}};<!-- | <div style="border: 1px solid {{{border-color|#99c}}};<!-- | ||
-->background: {{{titlebg|#ccf}}};<!-- | -->background: {{{titlebg|#ccf}}};<!-- | ||
| Line 31: | Line 50: | ||
-->{{{content|Insira o texto aqui. Pode ter vários parágrafos.}}}<!-- | -->{{{content|Insira o texto aqui. Pode ter vários parágrafos.}}}<!-- | ||
--> [[{{{editpage|{{FULLPAGENAME}}}}}|Ler mais...]]<!-- | --> [[{{{editpage|{{FULLPAGENAME}}}}}|Ler mais...]]<!-- | ||
--></div></includeonly><noinclude>Serve para criar caixas de texto altamente personalizáveis. | --></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:16, 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... |
background: #ccf;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
-->
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...background: #D98282;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #D98282 |border-color = #BFA3A3 |contentbg = #FFF5F5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #F2CECE |border-color = #BFA3A3 |contentbg = #FFF5F5 }}Ler mais...background: #F2CECE;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #F2CECE |border-color = #BFA3A3 |contentbg = #FFF5F5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #FFE6E6 |border-color = #BFA3A3 |contentbg = #FFF5F5 }}Ler mais...background: #FFE6E6;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #FFE6E6 |border-color = #BFA3A3 |contentbg = #FFF5F5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #D9AD82 |border-color = #BFB1A3 |contentbg = #FFFAF5 }}Ler mais...background: #D9AD82;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #D9AD82 |border-color = #BFB1A3 |contentbg = #FFFAF5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #F2E0CE |border-color = #BFB1A3 |contentbg = #FFFAF5 }}Ler mais...background: #F2E0CE;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #F2E0CE |border-color = #BFB1A3 |contentbg = #FFFAF5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #FFF2E6 |border-color = #BFB1A3 |contentbg = #FFFAF5 }}Ler mais...background: #FFF2E6;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #FFF2E6 |border-color = #BFB1A3 |contentbg = #FFFAF5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #FFFF99 |border-color = #BFBFA3 |contentbg = #FEFFF5 }}Ler mais...background: #FFFF99;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #FFFF99 |border-color = #BFBFA3 |contentbg = #FEFFF5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #FFFFD9 |border-color = #BFBFA3 |contentbg = #FEFFF5 }}Ler mais...background: #FFFFD9;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #FFFFD9 |border-color = #BFBFA3 |contentbg = #FEFFF5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #FFFFE6 |border-color = #BFBFA3 |contentbg = #FEFFF5 }}Ler mais...background: #FFFFE6;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #FFFFE6 |border-color = #BFBFA3 |contentbg = #FEFFF5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #D9D982 |border-color = #BFBFA3 |contentbg = #FFFFF5 }}Ler mais...background: #D9D982;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #D9D982 |border-color = #BFBFA3 |contentbg = #FFFFF5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #F2F2CE |border-color = #BFBFA3 |contentbg = #FFFFF5 }}Ler mais...background: #F2F2CE;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #F2F2CE |border-color = #BFBFA3 |contentbg = #FFFFF5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #ADD982 |border-color = #B1BFA3 |contentbg = #FAFFF5 }}Ler mais...background: #ADD982;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #ADD982 |border-color = #B1BFA3 |contentbg = #FAFFF5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #E0F2CE |border-color = #B1BFA3 |contentbg = #FAFFF5 }}Ler mais...background: #E0F2CE;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #E0F2CE |border-color = #B1BFA3 |contentbg = #FAFFF5 }}Ler mais...-->
Títuloedit {{Box-header |titlebg = #F2FFE6 |border-color = #B1BFA3 |contentbg = #FAFFF5 }}Ler mais...background: #F2FFE6;color: #000;padding: 0.1em;text-align: center;font-weight: bold;margin-bottom: 0px;border-bottom: none;border-radius: 0em 0em 0 0;;">editTítulo
{{Box-header |titlebg = #F2FFE6 |border-color = #B1BFA3 |contentbg = #FAFFF5 }}Ler mais...-->
