Template:NavBox

From RPGWiki
Revision as of 14:14, 26 March 2022 by Daniel (talk | contribs)
Jump to navigationJump to search

Cria caixas de navegação com função informativa podendo conter links para outras páginas. Usada para criar templates com essas características.

Exemplo

Isso:

{{NavBox
|cor-esquerda   = #EEF3E2
|cor-direita    = #F6F9ED
|tamanho        = 14%
|nome           = Lorem ipsum
|imagem         = Info.png
|imagem-tamanho = 30px
|texto          = {{lorem ipsum}}
}}

É exibido assim:

Lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Uso

Para usar esse template copie o trecho de código a seguir.

{{NavBox
|cor-esquerda   =
|cor-direita    =
|tamanho        =
|nome           =
|imagem         =
|imagem-tamanho =
|texto          =
}}

Onde:

  • cor-esquerda e cor-direita devem fornecer códigos de cores HTML, lembr-se de incluir o # na frente.
  • tamanho é a largura da coluna da esquerda, deve ser fornecido em porcentagem (%).
  • nome é o nome que vai aparecer na coluna da esquerda.
  • imagem é o nome da imagem e sua extensão.
  • imagem-tamanho é o tamanho da imagem em pixels. Se omitido o valor padrão será 30px. Inserir "px".
  • texto é o texto que vai aparecer na coluna da direita.

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.