Template:Box-header: Difference between revisions

From RPGWiki
Jump to navigationJump to search
No edit summary
No edit summary
Line 5: Line 5:
<div style="border: 1px solid {{{border|{{{borderbg}}}}}};<!--
<div style="border: 1px solid {{{border|{{{borderbg}}}}}};<!--
         -->background: {{{titlebackground|{{{titlebg}}}}}};<!--
         -->background: {{{titlebackground|{{{titlebg}}}}}};<!--
         -->color: {{{titleforeground|#000}}};<!--
         -->color: {{{titlefg|#000}}};<!--
         -->padding: 0.1em;<!--
         -->padding: 0.1em;<!--
         -->text-align: center;<!--
         -->text-align: center;<!--
Line 12: Line 12:
         -->margin-bottom: 0px;<!--
         -->margin-bottom: 0px;<!--
         -->border-bottom: none;<!--
         -->border-bottom: none;<!--
         -->border-radius: 1.5em 1.5em 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
Line 19: Line 19:
               -->font-size: 80%;<!--
               -->font-size: 80%;<!--
               -->padding-right: 0.5em;"><!--
               -->padding-right: 0.5em;"><!--
         --><span style="color:{{{titleforeground|#000000}}}">[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]</span>&nbsp;<!--
         --><span style="color:{{{titlefg|#000000}}}">[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]</span>&nbsp;<!--
   --></span ><!--
   --></span ><!--
   --><h2 style="font-size:100%;<!--
   --><h2 style="font-size:100%;<!--
Line 27: Line 27:
             -->padding:0;<!--
             -->padding:0;<!--
             -->padding-bottom:.1em;"><!--
             -->padding-bottom:.1em;"><!--
   --><span style="color:{{{titleforeground|#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|{{{borderbg}}}}}};<!--
         -->border: 1px solid {{{border|{{{borderbg}}}}}};<!--
Line 36: Line 36:
         -->padding: .8em 1em 1em 1.3em;<!--
         -->padding: .8em 1em 1em 1.3em;<!--
         -->margin-top: 0em;<!--
         -->margin-top: 0em;<!--
         -->border-radius: 0 0 1.5em 1.5em;<!--
         -->border-radius: 0 0 {{{corner-downright|0}}}em {{{corner-downleft|0}}}em;<!--
         -->{{{style|}}};">{{{1|{{{text|{{{content}}}}}}}}}</div></includeonly>
         -->{{{style|}}};">{{{content}}}</div></includeonly>
<noinclude>Serve para inserir um caixa de texto com cantos arrendondados com diversas finalidades.
<noinclude>Serve para inserir um caixa de texto com cantos arrendondados com diversas finalidades.


== Exibição ==
== Exibição ==
<blockquote>{{Box-round
<blockquote>{{Box-round
|title   = Título
|title           = Título
|titlebg = #ccf
|titlebg         = #ccf
|borderbg = #99c
|titlefg          = #000
|text    = O texto vai aqui.
|borderbg         = #99c
|corner-upleft    = 0
|corner-upright  = 0
|corner-downleft  = 0
|corner-downright = 0
|content          = O texto vai aqui.
}}</blockquote>
}}</blockquote>
== Uso ==
== Uso ==
Line 51: Line 56:


<pre>{{Box-round
<pre>{{Box-round
|title   = Título
|title           = Título
|titlebg = #ccf
|titlebg         = #ccf
|borderbg = #99c
|borderbg         = #99c
|text    = O texto vai aqui.
|corner-upleft    = 0
|corner-upright  = 0
|corner-downleft  = 0
|corner-downright = 0
|content          = O texto vai aqui.
}}</pre>
}}</pre>


* '''title''': nome do título.
* '''title''': nome do título.
* '''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.
* '''borderbg''': cor da borda da caixa.
* '''borderbg''': cor da borda da caixa.
* '''text''': texto a ser exibido na 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}}
{{códigos de cores}}
[[Category:Meta-Templates]]
[[Category:Meta-Templates]]
</noinclude>
</noinclude>

Revision as of 00:29, 22 March 2022

Serve para inserir um caixa de texto com cantos arrendondados com diversas finalidades.

Exibição

Template:Box-round

Uso

Para usar essa predefinição copie o trecho de código a seguir.

{{Box-round
|title            = Título
|titlebg          = #ccf
|borderbg         = #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.
  • borderbg: 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.