Template:Box-header: Difference between revisions

From RPGWiki
Jump to navigationJump to search
No edit summary
No edit summary
Line 32: Line 32:
             -->{{{title}}}<!--
             -->{{{title}}}<!--
       --></span><!--
       --></span><!--
   --></h2>
   --></h2><!--
</div>
--></div>
<div style="display: block;<!--
<div style="display: block;<!--
         -->border: 1px solid {{{border-color|#99c}}};<!--
         -->border: 1px solid {{{border-color|#99c}}};<!--
Line 45: Line 45:
         -->{{{contentstyle|}}};"><!--
         -->{{{contentstyle|}}};"><!--
             -->{{{content}}}<!--
             -->{{{content}}}<!--
</div></includeonly>
--></div></includeonly>
<noinclude>Serve para criar caixas de texto altamente personalizáveis.
<noinclude>Serve para criar caixas de texto altamente personalizáveis.



Revision as of 14:22, 22 March 2022

Serve para criar caixas de texto altamente personalizáveis.

Exibição

edit 

Título

O texto vai aqui.

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.

Ver também