Template:Box-header: Difference between revisions
From RPGWiki
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| Line 14: | Line 14: | ||
-->border-radius: {{{corner-upleft|0}}}em {{{corner-upright|0}}}em 0 0;<!-- | -->border-radius: {{{corner-upleft|0}}}em {{{corner-upright|0}}}em 0 0;<!-- | ||
-->{{{titlestyle|}}};"><!-- | -->{{{titlestyle|}}};"><!-- | ||
--><span class="plainlinks" <!-- EDIT LINK PARAMETERS | --><span class="plainlinks"<!-- EDIT LINK PARAMETERS | ||
-->style="float:right;<!-- | -->style="float:right;<!-- | ||
-->margin-bottom:.1em;<!-- | |||
-->font-size: 80%;<!-- | |||
-->padding-right: 0.5em;"><!-- | |||
--><span style="color:{{{titlefg|#000}}}">[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]</span> <!-- | --><span style="color:{{{titlefg|#000}}}"><!-- | ||
--></span ><!-- | -->[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]<!-- | ||
--></span> <!-- | |||
--></span><!-- | |||
--><h2 style="font-size:100%;<!-- | --><h2 style="font-size:100%;<!-- | ||
-->font-weight:bold;<!-- | -->font-weight:bold;<!-- | ||
| Line 27: | Line 29: | ||
-->padding:0;<!-- | -->padding:0;<!-- | ||
-->padding-bottom:.1em;"><!-- | -->padding-bottom:.1em;"><!-- | ||
--><span style="color:{{{titlefg|#000}}}"><!-- | |||
-->{{{title}}}<!-- | |||
--></span><!-- | |||
--></h2> | |||
</div> | |||
<div style="display: block;<!-- | <div style="display: block;<!-- | ||
-->border: 1px solid {{{border-color|#99c}}};<!-- | -->border: 1px solid {{{border-color|#99c}}};<!-- | ||
| Line 37: | Line 43: | ||
-->margin-top: 0em;<!-- | -->margin-top: 0em;<!-- | ||
-->border-radius: 0 0 {{{corner-downright|0}}}em {{{corner-downleft|0}}}em;<!-- | -->border-radius: 0 0 {{{corner-downright|0}}}em {{{corner-downleft|0}}}em;<!-- | ||
-->{{{ | -->{{{contentstyle|}}};"><!-- | ||
-->{{{content}}}<!-- | |||
</div></includeonly> | |||
<noinclude>Serve para criar caixas de texto altamente personalizáveis. | <noinclude>Serve para criar caixas de texto altamente personalizáveis. | ||
| Line 59: | Line 67: | ||
|titlebg = #ccf | |titlebg = #ccf | ||
|titlefg = #000 | |titlefg = #000 | ||
|titlestyle = <!-- estilos adicionais para o título --> | |||
|border-color = #99c | |border-color = #99c | ||
|corner-upleft = 0 | |corner-upleft = 0 | ||
| Line 66: | Line 75: | ||
|contentbg = #fff | |contentbg = #fff | ||
|contentfg = #000 | |contentfg = #000 | ||
|contentstyle = <!-- estilos adicionais para o conteúdo --> | |||
|content = O texto vai aqui. | |content = O texto vai aqui. | ||
}}</pre> | }}</pre> | ||
Revision as of 14:18, 22 March 2022
Serve para criar caixas de texto altamente personalizáveis.
Exibição
edit
Título
O texto vai aqui.
|border-color = #99c |corner-upleft = 0 |corner-upright = 0 |corner-downleft = 0 |corner-downright = 0 |contentbg = #fff |contentfg = #000 |contentstyle = |content = O texto vai aqui.
}}- title: nome do título.
- titlebg: cor do plano de fundo da barra de título.
- titlefg: cor da fonte do título.
- border-color: cor da borda da caixa.
- corner-up/down/left/right: 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.
- content: o conteúdo a ser exibido na caixa.
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.
Ver também
</noinclude>
Uso
Para usar essa predefinição copie um dos códigos a seguir.
Mínimo:
{{Box-header
|title = Título
|content = O texto vai aqui.
}}
Completo:
{{Box-header
|title = Título
|titlebg = #ccf
|titlefg = #000
|titlestyle = <!-- estilos adicionais para o título -->
|border-color = #99c
|corner-upleft = 0
|corner-upright = 0
|corner-downleft = 0
|corner-downright = 0
|contentbg = #fff
|contentfg = #000
|contentstyle = <!-- estilos adicionais para o conteúdo -->
|content = O texto vai aqui.
}}
- title: nome do título.
- titlebg: cor do plano de fundo da barra de título.
- titlefg: cor da fonte do título.
- border-color: cor da borda da caixa.
- corner-up/down/left/right: 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.
- content: o conteúdo a ser exibido na caixa.
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.
