Template:Box-header: Difference between revisions
From RPGWiki
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
__NOTOC__ | __NOTOC__ | ||
<div style="clear: both;"></div> | <div style="clear: both;"></div> | ||
<div style="border: 1px solid {{{border | <div style="border: 1px solid {{{border-color}}};<!-- | ||
-->background: {{{titlebackground|{{{titlebg}}}}}};<!-- | -->background: {{{titlebackground|{{{titlebg}}}}}};<!-- | ||
-->color: {{{titlefg|#000}}};<!-- | -->color: {{{titlefg|#000}}};<!-- | ||
| Line 29: | Line 29: | ||
--><span style="color:{{{titlefg|#000000}}}">{{{title}}}</span></h2></div> | --><span style="color:{{{titlefg|#000000}}}">{{{title}}}</span></h2></div> | ||
<div style="display: block;<!-- | <div style="display: block;<!-- | ||
-->border: 1px solid {{{border | -->border: 1px solid {{{border-color}}};<!-- | ||
-->vertical-align: top;<!-- | -->vertical-align: top;<!-- | ||
-->background: {{{background|#fff}}};<!-- | -->background: {{{background|#fff}}};<!-- | ||
| Line 45: | Line 45: | ||
|titlebg = #ccf | |titlebg = #ccf | ||
|titlefg = #000 | |titlefg = #000 | ||
| | |border-color = #99c | ||
|corner-upleft = 0 | |corner-upleft = 0 | ||
|corner-upright = 0 | |corner-upright = 0 | ||
| Line 58: | Line 58: | ||
|title = Título | |title = Título | ||
|titlebg = #ccf | |titlebg = #ccf | ||
| | |titlefg = #000 | ||
|border-color = #99c | |||
|corner-upleft = 0 | |corner-upleft = 0 | ||
|corner-upright = 0 | |corner-upright = 0 | ||
| Line 69: | Line 70: | ||
* '''titlebg''': cor de fundo da barra de título. | * '''titlebg''': cor de fundo da barra de título. | ||
* '''titlefg''': cor da fonte do título. | * '''titlefg''': cor da fonte do título. | ||
* ''' | * '''border-color''': cor da borda da caixa. | ||
* '''corner-up/down/left/right''': define cantos arrendondados. Deixe "0" para uma caixa "reta", ou coloque "1.5" para cantos arredondados. Cada canto pode ter seu próprio arredondamento. | * '''corner-up/down/left/right''': define cantos arrendondados. Deixe "0" para uma caixa "reta", ou coloque "1.5" para cantos arredondados. Cada canto pode ter seu próprio arredondamento. | ||
* '''content''': texto a ser exibido na caixa. | * '''content''': texto a ser exibido na caixa. | ||
Revision as of 00:32, 22 March 2022
Serve para inserir um caixa de texto com cantos arrendondados com diversas finalidades.
Exibição
Uso
Para usar essa predefinição copie o trecho de código a seguir.
{{Box-round
|title = Título
|titlebg = #ccf
|titlefg = #000
|border-color = #99c
|corner-upleft = 0
|corner-upright = 0
|corner-downleft = 0
|corner-downright = 0
|content = O texto vai aqui.
}}
- title: nome do título.
- titlebg: cor 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 arrendondados. Deixe "0" para uma caixa "reta", ou coloque "1.5" para cantos arredondados. Cada canto pode ter seu próprio arredondamento.
- content: texto 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.
