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: | <includeonly>{| class="wikitable" style="background-color:{{{cor-esquerda|#EEF3E2}}}; width: 100%;" | ||
|- style="text-align:left;" | |- style="text-align:left;" | ||
|style="text-align: center; width: {{{tamanho|14%}}};"|[[File:{{{imagem}}}|30px]] '''{{{nome}}}''' | |style="text-align: center; width: {{{tamanho|14%}}};"|[[File:{{{imagem}}}|30px]] '''{{{nome}}}''' | ||
|style="background: | |style="background:{{{cor-direita|#F6F9ED}}};"|{{{texto|{{cor|red||'''''Que tal incluir um texto aqui?'''''}}}}} | ||
|}</includeonly><noinclude>Cria '''caixas de navegação''' com função informativa podendo conter links para outras páginas. Usada para criar templates com essas características. | |}</includeonly><noinclude>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== | ==Exemplo== | ||
Isso: | Isso: | ||
<blockquote><pre>{{NavBox | <blockquote><pre>{{NavBox | ||
|cor-esquerda=EEF3E2 | |cor-esquerda=#EEF3E2 | ||
|cor-direita=F6F9ED | |cor-direita=#F6F9ED | ||
|tamanho=14% | |tamanho=14% | ||
|nome=Lorem ipsum | |nome=Lorem ipsum | ||
| Line 17: | Line 17: | ||
<blockquote> | <blockquote> | ||
{{NavBox | {{NavBox | ||
|cor-esquerda=EEF3E2 | |cor-esquerda=#EEF3E2 | ||
|cor-direita=F6F9ED | |cor-direita=#F6F9ED | ||
|tamanho=14% | |tamanho=14% | ||
|nome=Lorem ipsum | |nome=Lorem ipsum | ||
| Line 35: | Line 35: | ||
}}</pre> | }}</pre> | ||
Onde: | Onde: | ||
* '''cor-esquerda''' e '''cor-direita''' devem fornecer códigos de cores HTML, | * '''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. | * '''tamanho''' é a largura da coluna da esquerda, deve ser fornecido em porcentagem (%). | ||
* '''nome''' é o nome que vai aparecer na coluna da esquerda. | * '''nome''' é o nome que vai aparecer na coluna da esquerda. | ||
* '''imagem''' é o nome da imagem e sua extensão. | * '''imagem''' é o nome da imagem e sua extensão. | ||
Revision as of 13:40, 26 March 2022
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
|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=
|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.
- 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.
