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;<!--
              -->margin-bottom:.1em;<!--
              -->font-size: 80%;<!--
              -->font-size: 80%;<!--
              -->padding-right: 0.5em;"><!--
              -->padding-right: 0.5em;"><!--
         --><span style="color:{{{titlefg|#000}}}">[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]</span>&nbsp;<!--
         --><span style="color:{{{titlefg|#000}}}"><!--
   --></span ><!--
              -->[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]<!--
        --></span>&nbsp;<!--
   --></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>
      --><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;<!--
         -->{{{style|}}};">{{{content}}}</div></includeonly>
         -->{{{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 11: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.

Ver também