Template:NavBox: Difference between revisions
From RPGWiki
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| Line 38: | Line 38: | ||
Onde: | Onde: | ||
* '''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 (%). | * '''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. | * '''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 14:20, 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
|imagem-tamanho = 30px
|texto = {{lorem ipsum}}
}}
É exibido assim:
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 (%) 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.
