Template:Box-header: Difference between revisions

From RPGWiki
Jump to navigationJump to search
No edit summary
No edit summary
Line 27: Line 27:
             -->padding-bottom:.1em;"><!--
             -->padding-bottom:.1em;"><!--
       --><span style="color:{{{titlefg|#000}}}"><!--
       --><span style="color:{{{titlefg|#000}}}"><!--
             -->{{{title}}}<!--
             -->{{{title|Título}}}<!--
       --></span><!--
       --></span><!--
   --></h2><!--
   --></h2><!--
Line 41: Line 41:
         -->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|}}};"><!--
         -->{{{contentstyle|}}};"><!--
             -->{{{content}}}<!--
             -->{{{content|Insira o texto vai aqui. Pode ter vários parágrafos.}}}<!--
--></div></includeonly>
--></div></includeonly>
<noinclude>Serve para criar caixas de texto altamente personalizáveis.
<noinclude>Serve para criar caixas de texto altamente personalizáveis.
__NOTOC__
== Exibição ==
== Exibição ==
{{Box-header
{{Box-header}}
|title  = Título
|content = O texto vai aqui. Pode ter vários parágrafos.
}}
== 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.


'''Mínimo:'''
'''Mínimo:'''
<pre>{{Box-header
<pre>{{Box-header}}</pre>
|title  = Título
|content = O texto vai aqui. Pode ter vários parágrafos.
}}</pre>


'''Completo:'''
'''Completo:'''
<pre>{{Box-header
<pre>{{Box-header       <-- VALORES PADRÃO --!>
|title            = Título
|title            = Título
|titlebg          = #ccf
|titlebg          = #ccf
|titlefg          = #000
|titlefg          = #000
|titlestyle      = <!-- estilos adicionais para o título -->
|titlestyle      =  
|border-color    = #99c
|border-color    = #99c
|corner-upleft    = 0
|corner-upleft    = 0
Line 72: Line 65:
|contentbg        = #fff
|contentbg        = #fff
|contentfg        = #000
|contentfg        = #000
|contentstyle    = <!-- estilos adicionais para o conteúdo -->
|contentstyle    =  
|content          = O texto vai aqui. Pode ter vários parágrafos.
|content          = Insira o texto vai aqui. Pode ter vários parágrafos.
}}</pre>
}}</pre>



Revision as of 14:51, 22 March 2022

Serve para criar caixas de texto altamente personalizáveis.

Exibição

edit 

Título

Insira o texto vai aqui. Pode ter vários parágrafos.

Uso

Para usar essa predefinição copie um dos códigos a seguir.

Mínimo:

{{Box-header}}

Completo:

{{Box-header        <-- VALORES PADRÃO --!>
|title            = Título
|titlebg          = #ccf
|titlefg          = #000
|titlestyle       = 
|border-color     = #99c
|corner-upleft    = 0
|corner-upright   = 0
|corner-downleft  = 0
|corner-downright = 0
|contentbg        = #fff
|contentfg        = #000
|contentstyle     = 
|content          = Insira o texto vai aqui. Pode ter vários parágrafos.
}}
Atributos do Template
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.
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.

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