Template:NavBox: Difference between revisions
From RPGWiki
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly>{| class="wikitable" style="background-color:{{{cor-esquerda|#EEF3E2}}}; width: {{{width| | <includeonly>{| class="wikitable" style="background-color:{{{cor-esquerda|#EEF3E2}}}; width: {{{width|98%}}};" | ||
|style="text-align: left; vertical-align: center; width: {{{tamanho|114px}}};"|[[File:{{{imagem}}}|{{{imagem-tamanho|30px}}}]] '''{{{nome|{{cor|{{{cor-esquerda|#EEF3E2}}}||}}}}}''' | |style="text-align: left; vertical-align: center; width: {{{tamanho|114px}}};"|[[File:{{{imagem}}}|{{{imagem-tamanho|30px}}}]] '''{{{nome|{{cor|{{{cor-esquerda|#EEF3E2}}}||}}}}}''' | ||
|style="background:{{{cor-direita|#F6F9ED}}};"|{{{texto|{{cor|red||'''''Que tal incluir um texto aqui?'''''}}}}} | |style="background:{{{cor-direita|#F6F9ED}}};"|{{{texto|{{cor|red||'''''Que tal incluir um texto aqui?'''''}}}}} | ||
Revision as of 20:05, 30 June 2025
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
|width = 100%
|cor-esquerda = #EEF3E2
|cor-direita = #F6F9ED
|tamanho = 114px
|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
|width =
|cor-esquerda =
|cor-direita =
|tamanho =
|nome =
|imagem =
|imagem-tamanho =
|texto =
}}
Onde:
- width é a largura da NavBox. O padrão, isto é, quando o parâmetro é omitido, é de 100%.
- 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 (%) ou em pixels (px).
- 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.
