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: 100%;" | <includeonly>{| class="wikitable" style="background-color:{{{cor-esquerda|#EEF3E2}}}; width: {{{width|100%}}};" | ||
|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?'''''}}}}} | ||
| Line 6: | Line 6: | ||
Isso: | Isso: | ||
<blockquote><pre>{{NavBox | <blockquote><pre>{{NavBox | ||
|width = 100% | |||
|cor-esquerda = #EEF3E2 | |cor-esquerda = #EEF3E2 | ||
|cor-direita = #F6F9ED | |cor-direita = #F6F9ED | ||
| Line 17: | Line 18: | ||
<blockquote> | <blockquote> | ||
{{NavBox | {{NavBox | ||
|cor-esquerda=#EEF3E2 | |width = 100% | ||
|cor-direita=#F6F9ED | |cor-esquerda = #EEF3E2 | ||
|tamanho=114px | |cor-direita = #F6F9ED | ||
|nome=Lorem ipsum | |tamanho = 114px | ||
|imagem=Info.png | |nome = Lorem ipsum | ||
|imagem-tamanho=30px | |imagem = Info.png | ||
|texto={{lorem ipsum}} | |imagem-tamanho = 30px | ||
|texto = {{lorem ipsum}} | |||
}}</blockquote> | }}</blockquote> | ||
==Uso== | ==Uso== | ||
Para usar esse template copie o trecho de código a seguir. | Para usar esse template copie o trecho de código a seguir. | ||
<pre>{{NavBox | <pre>{{NavBox | ||
|width = | |||
|cor-esquerda = | |cor-esquerda = | ||
|cor-direita = | |cor-direita = | ||
| Line 37: | Line 40: | ||
}}</pre> | }}</pre> | ||
Onde: | 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. | * '''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). | * '''tamanho''' é a largura da coluna da esquerda, deve ser fornecido em porcentagem (%) ou em pixels (px). | ||
Latest revision as of 15:00, 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
|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.
