Tutorial de Codificação
Introdução
Bem vindo(a) guest ao meu tuto de codificação. Gostaria de deixar claro que codificar é a coisa mais fácil do mundo :) Só é preciso achar as coordenadas e colocar no molde de código. Assim, você cria seu próprio layout, do jeito que quer. Espero que goste, qualquer dúvida, por favor me envie um Neomail para a minha adicional.
Usando o paint
Codificar no paint é fácil, é uma boa opção para quem não tem nenhum programa além dele.
Codificando um layout contínuo:
1- Abra seu layout no paint e selecione a ferramenta
retângulo (imagem ao lado). É com ela que você irá achar as coordenadas.
Com a ferramenta selecionada, selecione todo o espaço de onde ficará seu texto no layout (a coluna que você fez), e logo em seguida,
sem soltar o mouse, tire print screen (
- essa tecla fica no topo do teclado, logo após o F12. No seu teclado ela pode estar escrita de outra forma como
PrtScn SysRq, é a mesma coisa). Observe a imagem para ver como fica a parte selecionada:
(Logo após selecionar toda a parte onde ficará seu texto no layout , tire print screen.)
2- Abra um novo arquivo do paint e cole lá o print screen que você tirou. Ache, embaixo e no canto, as coordenadas:
(As coordenadas da sua coluna)
Essas serão as coordenadas que você substituirá no código. Abaixo segue a legenda para você entender:
3: Agora, é hora de você colocar esses números no código e assim, codificar o seu lay. Pegue o código abaixo e substitue onde é necessário.
Se o seu layout tem duas colunas, pegue o código a seguir: (Porém atenção:
cada coluna tem suas coordenadas, então, primeiro você deve achar as coordenadas de cada coluna. Repita duas vezes o que eu expliquei acima, só que uma vez com a coluna 1 e a segunda com a coluna 2. Logo após fazer isso, substitua no código com as coordenadas de cada coluna)
Se seu layout tiver três ou mais colunas, basta acrescentar o código abaixo no seu lay, logo no final e substituir. Não se esqueça que você deve achar as coordenadas dessa coluna também.
Onde têm
ENDEREÇODOBACKAQUI.jpg é onde você deve colocar o endereço do Background do seu layout (o fundo). Para fazer o background, siga o tuto abaixo:
1- Abra seu layout no paint.
2- Vá em
Imagem no topo e clique em
Inverter/girar..
3- Selecione
Inverter verticalmente:
4- Seu lay irá ficar de cabeça para baixo, isso é normal. Clique em
Imagem - Atributos:
5- Irá abrir uma caixinha. Em
altura coloque um número menor de 10 que faça aparecer somente a coluna. Eu coloquei dois.
No final, você terá o background pronto. Veja como ficou o meu:
Hospede a imagem e substitua no código.
E pronto, você acaba de codificar um layout, em menos de 30 minutos :) Espero que tenha conseguido!
Codificando um layout de caixinha
Codificar esse tipo de layout é a mesma coisa que o de coluna, porém no código, você acrescenta o overflow:auto; que faz ter barra de rolagem.
Então você só precisa achar as coordenadas, como explicado acima e substituir no código normalmente:
Se seu layout tiver mais que uma caixinha, basta adicionar o código, no final: Não se esqueça de achar as coordenadas para essa outra caixinha.
Usando o Fireworks
O fireworks é um programa de edição que eu uso para fazer gráficos, inclusive codificar. Se você têm o programa, pode codificar com ele, é fácil e mais rápido que no paint.
1- Abra seu layout em
File - Open.
2- Selecione a ferramenta
Rectangle Hotspot Tool:
3- Com ela, Selecione toda a parte onde terá seu texto, a coluna ou a caixinha.
4- Vá em
Properties, em baixo, e onde tá escrito Hotspot tem as coordenadas:
No código abaixo, substitua com as coordenadas.
Coluna
Adicionar Coluna (colar no final do código)
Caixinha
Adicionar caxinha: (colar no final do código)
E pronto, seu lay está codificado :D
NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® denotes Reg. US Pat. & TM Office.
All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions
