Template:Box-header: Difference between revisions
From RPGWiki
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| Line 38: | Line 38: | ||
-->border-radius: 0 0 {{{corner-downright|0}}}em {{{corner-downleft|0}}}em;<!-- | -->border-radius: 0 0 {{{corner-downright|0}}}em {{{corner-downleft|0}}}em;<!-- | ||
-->{{{style|}}};">{{{content}}}</div></includeonly> | -->{{{style|}}};">{{{content}}}</div></includeonly> | ||
<noinclude>Serve para | <noinclude>Serve para criar caixas de texto altamente personalizáveis. | ||
== Exibição == | == Exibição == | ||
{{Box-round | |||
|title | |title = Título | ||
|content = O texto vai aqui. | |||
}} | |||
|content | |||
}} | |||
== Uso == | == Uso == | ||
Para usar essa predefinição copie um dos códigos a seguir. | Para usar essa predefinição copie um dos códigos a seguir. | ||
| Line 82: | Line 73: | ||
* '''titlefg''': cor da fonte do título. | * '''titlefg''': cor da fonte do título. | ||
* '''border-color''': cor da borda da caixa. | * '''border-color''': cor da borda da caixa. | ||
* '''corner-up/down/left/right''': define cantos | * '''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. | * '''contentbg''': cor do plano de fundo do conteúdo. | ||
* '''contentfg''': cor da fonte do conteúdo. | * '''contentfg''': cor da fonte do conteúdo. | ||
Revision as of 10:22, 22 March 2022
Serve para criar caixas de texto altamente personalizáveis.
Exibição
Uso
Para usar essa predefinição copie um dos códigos a seguir.
Mínimo:
{{Box-round
|title = Título
|content = O texto vai aqui.
}}
Completo:
{{Box-round
|title = Título
|titlebg = #ccf
|titlefg = #000
|border-color = #99c
|corner-upleft = 0
|corner-upright = 0
|corner-downleft = 0
|corner-downright = 0
|contentbg = #fff
|contentfg = #000
|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.
