Mostrar código-fonte de Predefinição:Userboxtop/doc

{{Subpágina de documentação}}
{{TOC-direita}}

<!--
    ESTA INTERDACE FOI TRADUZIDA DA WIKI ANGLÓFONA
    FAVOR VERIFICAR SE A TRADUÇÃO ESTÁ ADEQUADA
-->

Esta predefinição pode ser usada para ordenar userboxes (ou imagens) em uma coluna de agrupamento simples.

Favor usar está predefinição '''somente''' em páginas de utilizadores. Pois as predefinições do domínio principal utilizam regras diferentes para o modo ''floating'', podendo gerar resultados inprevisíveis. Se por alguma razão for necessário ordenar objectos em coluna, dentro de um artigo, use {{tl|stack}}.
<!--
    AVISO ADICIONAL DA WIKI-EN:
O código {{tl|userboxtop}} usado em páginas do [[Wikipédia:Domínio principal|domínio principal]] adicionará estas automaticamente à categoria de [[:Categoria:Artigos que usam predefinição de userbox incorretamente]].
-->

=== Uso ===
<pre>
{{userboxtop
| toptext         = 
| align           = 
| left            = 
| backgroundcolor = 
| bordercolor     = 
| extra-css       =
| textcolor       = 
}}

{{userbox1}}
{{userbox2}}
{{userbox3}}
{{userbox4}}
{{...etc}}}

{{userboxbottom}}
</pre>

=== Parâmetros ===
Explicação detalhada dos parâmetros abaixo. Todos facultativos.

{| class="wikitable"
|-
! Parameter
! Valid values
|-
| <code>toptext</code>
| Sobrepõe o texto e link padrão da [[Wikipedia:Userboxes|Userbox]] (pode incluir marcações de wiki).
|-
| <code>align</code>
| Alinhamento <code>left</code> (à esquerda) ou padrão <code>direita</code> (à diereita). <!-- O código <code>center</code> (ao meio) não funcionará -->
|-
| <code>left</code>
| Qualquer valor da margem a esquerda. Valor predefinido = 1.
|-
| <code>backgroundcolor</code>
| Qualquer [[Web colors|web color]] (nome da cor ou <tt>#XXXXXX</tt> em formato hexadecimal). Valor predefinido = <tt>#FFFFFF</tt>.
|-
| <code>bordercolor</code>
| Qualquer [[Web colors|web color]] (nome da cor ou <tt>#XXXXXX</tt> em formato hexadecimal). Valor predefinido = <tt>#99B3FF</tt>.
|-
| <code>extra-css</code>
| Permite acrescentar informação de estilo [[Cascading Style Sheets|CSS]] adicional.
|-
| <code>textcolor</code>
| Qualquer [[Web colors|web color]] (nome da cor ou <tt>#XXXXXX</tt> em formato hexadecimal). Valor predefinido = <tt>#000000</tt>.
|}

Você poderá também inserir quebras de linha usando {{tl|userboxbreak}}. Veja a predefinição correspondente para mais informações.

=== Exemplo ===

{| width="100%" style="background:transparent"
| width="100%" valign="top" | 
<div class="NavFrame" style="text-align:left; background:#ffffff;">
<div class="NavHead" style="background:#CAE1FF; padding-left:1em">'''Exemplo ~1'''</div>
<div class="NavContent" style=display:none>
<div style="font-family: Arial, sans-serif; text-align: justify;">


O código
<pre>
{{userboxtop
| toptext         = 'Exemplo' de título
| align           = left
| left            = 
| backgroundcolor = #000000
| bordercolor     = #FF0000
| extra-css       =
| textcolor       = #C0C0C0
}}
{{Wikipedia:Userbox/Huggle}}
{{Wikipédia:Userbox/Moçambique}}
{{Wikipedia:Userbox/Eletromagnetismo}}
{{Wikipédia:Userbox/Wikipedista Moderno}}
{{userboxbottom}}
</pre>
resultará em:
{{userboxtop
| toptext         = 'Exemplo' de título
| align           = left
| left            = 
| backgroundcolor = #000000
| bordercolor     = #FF0000
| extra-css       =
| textcolor       = #C0C0C0
}}
<div style="float:{{{float|right}}}; border:{{{border-width|2}}}px solid {{{border-color|{{{1|red}}}}}}; margin:1px;">
{| cellspacing="0" style="width:238px; background:{{{info-background|{{{2|#f5f5f5}}}}}};"
| style="width:45px; height:45px; background:{{{logo-background|{{{1|white}}}}}}; text-align:center; font-size:{{{logo-size|{{{5|2}}}}}}pt; color:{{{logo-color|white}}};" | '''{{{logo|{{{3|[[Imagem:Nuvola apps krec.svg|40px]]}}}}}}'''
| style="font-size:{{{info-size|9}}}pt; padding:4pt; line-height:1.25em; color:{{{info-color|black}}};" | {{{info|{{{4|Cuidado, [[Wikipedia:Vandalismo|vândalos]]! Este usuário está armado com o '''[[Wikipedia:Huggle|Huggle]]'''.}}}}}}
|}</div>
<div style="float:right;border:solid red 2px;margin:1px;"> <table cellspacing="0" style="width:234px; background:black"><tr>
<td style="width:45px;height:45px;background:black;text-align:center;font-size:14pt;">[[Imagem:Flag_of_Mozambique.svg|57px]]</td>
<td style="font-size:8pt;padding:4pt;line-height:1.25em;"><span style="color:yellow">Este usuário é moçambicano e/ou mora em </span>[[Moçambique|<span style="color:green">'''Moçambique'''</span>]]<span style="color:yellow">.</span></td>
</tr></table></div>
<div style="float:{{{float|right}}}; border:{{{border-width|1}}}px solid {{{border-color|{{{1|gray}}}}}}; margin:1px;">
{| cellspacing="0" style="width:238px; background:{{{info-background|{{{2|black}}}}}};"
| style="width:45px; height:45px; background:{{{logo-background|{{{1|black}}}}}}; text-align: center; font-size: {{{5|9}}}pt; color: black;" | '''{{{logo|{{{3|[[Image:TeslaCoilSparks.gif|50px]]}}}}}}'''
| style="font-size:{{{info-size|8}}}pt; padding:4pt; line-height:1.25em; color:{{{info-color|white}}};" | {{{info|{{{4|Este(a) utilizador(a) tem interesse por '''[[Eletromagnetismo|<span style="color:white">Eletromagnetismo</span>]]'''.}}}}}}
|}</div>
<div style="float: right; border: {{{border-s|1}}}px solid #000000; margin: 2px;">
{| cellspacing="0" style="width: 238px; background: {{{2|black}}};"
| style="width: 45px; height: 45px; background: black; text-align: center; font-size: {{{5|{{{id-s|14}}}}}}pt; color: {{{id-fc|black}}};" | '''[[Imagem:3d_glasses_red_cyan.svg|70px]]
'''
| style="font-size: {{{info-s|8}}}pt; padding: 4pt; line-height: 1.25em; color: {{{info-fc|red}}};" | Este usuário é um wikipedista moderno.
|}</div>
{{userboxbottom}}
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
|}
<br />

{| width="100%" style="background:transparent"
| width="100%" valign="top" | 
<div class="NavFrame" style="text-align:left; background:#ffffff;">
<div class="NavHead" style="background:#CAE1FF; padding-left:1em">'''Exemplo ~2'''</div>
<div class="NavContent" style=display:none>
<div style="font-family: Arial, sans-serif; text-align: justify;">


O código
<pre>
{{userboxtop}}
{{"Userboxes estilos diferentes"}}
{{Wikipédia:Userbox/Biologia}}
{{Wikipédia:Userbox/Português2}}
{{User en-4}}
{{userboxbottom}}
</pre>
resultará em:
{{userboxtop}}
<div style="float: right; border:solid #008000 1px; margin: 1px;">
{| cellspacing="0" style="width: 238px; background: #90EE90;"
| style="font-size: {{{info-s|8}}}pt; padding: 4pt; line-height: 1.25em; color: {{{info-fc|black}}};" | As userboxes podem vir em muitos estilos diferentes.
| style="width: 45px; height: 45px; background: #008000; text-align: center; font-size: {{{5|{{{id-s|14}}}}}}pt; color: {{{id-fc|black}}};" | '''[[Image:Crystal package.png|40px]]'''
|}</div>
<div style="float:right;border:solid green 3px;margin:1px;"> <table cellspacing="0" style="width:234px; background:#F5FFFA"><tr>
<td style="width:45px;height:45px;text-align:center;font-size:13pt;">[[Image:Symbole-faune.png|38px]]</td>
<td style="font-size:8pt;padding:4pt;line-height:1.25em;"><span style="color:green">{{GENDER:{{BASEPAGENAME}}|Este editor|Esta editora|Este(a) editor(a)}} tem interesse em contribuir na área de '''[[Biologia|<span style="color:green">Biologia</span>]]'''.</span></td>
</tr></table></div>
{{userbox-nível
| id       = [[English language|en-4]]
| info     = This user can contribute with a '''[[:Category:User en-4|near-native]]''' level of '''[[:Category:User en|English]]'''.
| nocat = {{{nocat|yes}}}}}
<div style="float:{{{float|right}}}; border:{{{border-width|1}}}px solid {{{border-color|{{{1|#dc241f}}}}}}; margin:1px;">
{| cellspacing="0" style="width:238px; background:{{{info-background|{{{2|#006233}}}}}};"
| style="width:45px; height:45px; background:{{{logo-background|{{{1|#dc241f}}}}}}; text-align:center; font-size:{{{logo-size|{{{5|}}}}}}pt; color:{{{logo-color|}}};" | '''{{{logo|{{{3|[[Image:Naval_Jack_of _Portugal-red.png‎|45px]]}}}}}}'''
| style="font-size:{{{info-size|8}}}pt; padding:4pt; line-height:1.25em; color:{{{info-color|}}};" | {{{info|{{{4|<span style="color:yellow">Este utilizador é português e/ou mora em </span>[[Portugal|<b style="color:yellow">Portugal</b>]]<span style="color:yellow">.</span>}}}}}}
|}</div>
{{userboxbottom}}
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
|}
<br />

=== Ocultando userboxes ===
É possível também desactivar as userboxes a partir das preferências pessoais, evitando que estas sejam mostradas nas páginas de utilizador. Basta ir até [[Especial:Minha_página/skin.css]] (que é um redirecionamento do atual arquivo de [[:en:WP:SKIN|skin]] CSS) e adicionar o seguinte código:

<code><nowiki>table.userboxes { display: none; }</nowiki></code>

Este código desactivará também outras userboxes que sejam baseadas em predefinições similares.

=== Ver também ===
* {{tl|Userboxbreak}}
* {{tl|Userboxbottom}}
* {{tl|Userboxside}}

<includeonly>

<!-- PLEASE ADD CATEGORIES BELOW THIS LINE, THANKS. -->
[[Categoria:!Predefinições para o domínio "Usuário"]]

<!-- PLEASE ADD INTERWIKIS BELOW THIS LINE, THANKS. -->

</includeonly>