Usuário:Danilo.mac/Testes
 |
Você está visualizando uma edição arquivada desta página, feita por Danilo.mac (discussão | contribs) em 18h24min de 23 de maio de 2018. Esta edição pode ser muito diferente da versão atual da página. O endereço URL mostrado no navegador é uma ligação permanente para esta edição. Para mais informações, consulte a página de ajuda sobre histórico de edições. |
proposta alternativa em relação a original
Cores
A variação das cores será baseada na escala HSV, a variação da matiz das cores é livre, a saturação e o valor da cor é fixo e deverá estar em um dos três valores a seguir:
Saturação 67 e valor 60, equivalente a RGB mínimo 33 e máximo 77:
Saturação 8 e valor 87, equivalente a RGB mínimo CC e máximo DD:
Saturação 3 e valor 94, equivalente a RGB mínimo E7 e máximo EF:
| cor | min 33, max 77 | min cc, max DD | mín E7, max EF |
|---|---|---|---|
| vermelho | #773333 | #DDCCCC | #EFE7E7 |
| #773355 | #DDCCD4 | #EFE7EB | |
| roxo | #773377 | #DDCCDD | #EFE7EF |
| #553377 | #D4CCDD | #EBE7EF | |
| azul | #333377 | #CCCCDD | #E7E7EF |
| #335577 | #CCD4DD | #E7EBEF | |
| ciano | #337777 | #CCDDDD | #E7EFEF |
| #337755 | #CCDDD4 | #E7EFEB | |
| verde | #337733 | #CCDDCC | #E7EFE7 |
| #557733 | #D4DDCC | #EBEFE7 | |
| amarelo | #777733 | #DDDDCC | #EFEFE7 |
| #775533 | #DDD4CC | #EFEBE7 |
Além das três faixas de cores acima podem também ser usados os seguintes tons de cinza:
| cinza | #555555 | #DDDDDD | #EFEFEF |
As cores das bordas também devem seguir o padrão de cores acima.
Exemplo em infobox
 | |
|---|---|
| Tópico1 (#CCD4DD) | |
| Rótulo1 (#E7EBEF) | Dados1 |
| Rótulo2 (#E7EBEF) | Dados2 |
| |
|---|---|
| Tópico1 (#E7EBEF) | |
| Rótulo1 | Dados1 |
| Rótulo2 | Dados2 |
| |
|---|---|
| Tópico1 | |
| Rótulo1 | Dados1 |
| Rótulo2 | Dados2 |
As infoboxes podem ter um, dois ou os três tons da mesma matiz.
| Título (#CCCCDD) | |
|---|---|
| acima (#E7E7EF) | |
| grupo1 (#DDDDEE) | lista1 |
| grupo2 (#E7E7EF) | lista2 |
| grupo3 (#E7E7EF) | lista3 |
| abaixo (#E7E7EF) | |
Layout de colunas
Quando uma página divide o layout em duas ou mais colunas, como na página principal e páginas de portais, as colunas devem ser geradas com tags div, e não com tabelas. Isso é importante para garantir uma boa visualização da página em dispositivos móveis.
style="float: left; width: 50%"
style="clear: both"