Template:Box-header: Difference between revisions
From RPGWiki
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| Line 58: | Line 58: | ||
|titlestyle = | |titlestyle = | ||
|editpage = {{FULLPAGENAME}} | |editpage = {{FULLPAGENAME}} | ||
|readmore = {{FULLPAGENAME}} | |||
|border-color = #99c | |border-color = #99c | ||
|corner-upleft = 0 | |corner-upleft = 0 | ||
| Line 81: | Line 82: | ||
|-style="vertical-align:top;" | |-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. | |'''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. | ||
|-style="vertical-align:top;" | |||
|'''readmore''' || É 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. | ||
Revision as of 16:01, 24 March 2022
Serve para criar caixas de texto altamente personalizáveis.
Exibição
Esse código:
{{Box-header}}
Será exibido assim:
editTítulo
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}}
|readmore = {{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.
|
| readmore | É 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
editTítulo{{Box-header |titlebg = #D98282 |border-color = #BFA3A3 |contentbg = #FFF5F5 }}Ler mais...editTítulo{{Box-header |titlebg = #F2CECE |border-color = #BFA3A3 |contentbg = #FFF5F5 }}Ler mais...editTítulo{{Box-header |titlebg = #FFE6E6 |border-color = #BFA3A3 |contentbg = #FFF5F5 }}Ler mais...editTítulo{{Box-header |titlebg = #D9AD82 |border-color = #BFB1A3 |contentbg = #FFFAF5 }}Ler mais...editTítulo{{Box-header |titlebg = #F2E0CE |border-color = #BFB1A3 |contentbg = #FFFAF5 }}Ler mais...editTítulo{{Box-header |titlebg = #FFF2E6 |border-color = #BFB1A3 |contentbg = #FFFAF5 }}Ler mais...editTítulo{{Box-header |titlebg = #FFFF99 |border-color = #BFBFA3 |contentbg = #FEFFF5 }}Ler mais...editTítulo{{Box-header |titlebg = #FFFFD9 |border-color = #BFBFA3 |contentbg = #FEFFF5 }}Ler mais...editTítulo{{Box-header |titlebg = #FFFFE6 |border-color = #BFBFA3 |contentbg = #FEFFF5 }}Ler mais...editTítulo{{Box-header |titlebg = #D9D982 |border-color = #BFBFA3 |contentbg = #FFFFF5 }}Ler mais...editTítulo{{Box-header |titlebg = #F2F2CE |border-color = #BFBFA3 |contentbg = #FFFFF5 }}Ler mais...editTítulo{{Box-header |titlebg = #ADD982 |border-color = #B1BFA3 |contentbg = #FAFFF5 }}Ler mais...editTítulo{{Box-header |titlebg = #E0F2CE |border-color = #B1BFA3 |contentbg = #FAFFF5 }}Ler mais...editTítulo{{Box-header |titlebg = #F2FFE6 |border-color = #B1BFA3 |contentbg = #FAFFF5 }}Ler mais...
