TUTORIAL 006

 

Div

Esta tela é um pouco trabalhosa mas é ela que dará muita vida, ou não, ao Post

Vou explicando e vcs vão fazendo porque não vejo outro jeito melhor de passar essas informações.

Atenção especial: qualquer comando que você  inserir, terá que clicar no "Update" lá em baixo. Se não o fizer fica tudo como estava antes - O Update é imprescindível. 

Vamos começar:

1 - Deixe como está ou seja 0 0 100 100 - será o tamanho de qualquer resolução instalada.

2 - Não vamos colocar borda pois esta tela ocupará todo o espaço do monitor

3- Clique no Background color e Gradiente. Escolha as cores a seu gosto.  Escolha o tipo (0,1,2) Uma cor será a parte da esquerda  e a outra suavemente vai se incorporando e será a da direita.

Dê um Preview para ver como ficou. Não ficou bom? Volte e refaça. Não esqueça do Update

 

4 - clique no "Update" e depois "News"  - Veja que ficou tudo igual com exceção do 1 of 1 que passou para 2 of 2. Esta será a segunda tela que aparecerá sobreposta. Vamos digitar no TOP: 10 - LEFT: 10 - WIDHT E HEIGHT: 80. Note que para sair tudo "enquadrado" a soma dos valores deverá ser 100 - Mas para a frente veremos outras alternativas. Reparem que apareceu um novo detalhe no quadro:

1 - Marque o Change Color - Color Range - Por enquanto não mexa nos números, vamos deixar isso para os "avançados"

2 - Escolha as Cores do Background Color e o Tipo

3 - Clique no Border e escolha o tipo de borda que você deseja, depois o tamanho (SIZE) e a cor.

4 - Agora não esqueça de clicar no famoso "UPDATE

5 - Dê um Preview e veja se ficou como você queria que ficasse.

Você pode fazer diversas telas, cada uma de um tamanho e nelas ir introduzindo cores. Sempre que clicar no NEWS aparecerá uma nova janela do DIV a ser trabalhada. 

. Se você utilizar o "COLOR RANGE" sairá um efeito de luzes sempre mudando as cores. Se você não colocar o "COLOR RANGE, as cores ficarão estáticas como você as colocou. Depende do trabalho a ser feito, use uma ou outra.

Mãos a obra

 

Nota importante: Em cada comando que executar, clique no Preview e veja como

ficou. Não gostou? volte e refaça e assim vai indo...

Se tiver alguma dúvida, pergunte

Estamos aqui para trabalhar juntos

Duvidas ?        Qualquer dúvida , pergunte Visite nosso grupo,clicando no mapa acima                            Navegue em nossas páginas home quem somos  Anfitriões tutoriais  regras de participação Músicas  membros nossa  arte         Venha participar desta grande família!

!