Aprendendo a fazer Menu 02

Nesse tutorial vou ensinar como ter um perfil personalizado, uma imagem que é dividida em várias partes para que em algumas você tenha links externos e nas outras partes você "quebre" o link, para que fique inclicável. Ok, vamos começar.


1 - Pegue uma foto ou uma imagem de sua preferência, adicione botões nela com
algum editor de imagens como nessa figura EX:




2 - Corte essa imagem o número de vezes que precisar e salve cada parte (tem que ser cortado milimetricamente e sem nenhum erro, senão a imagem não vai se juntar perfeitamente na hora de colocá-la no "quem sou eu"). Corte como nessa figura.

EXemplo:




3 - Entre na sua conta do picasaweb e hospede todas as partes dessa imagem,
dica: enumere elas de acordo com sua posição, para que na hora de montar
seja mais fácil.


4 - Ok, chegou a hora de você colocar todas as partes no seu "quem sou eu" para formar
uma única imagem, é uma parte chata e complicada, portanto preste atenção.

As partes que ficarão inclicáveis você usa esse código aqui:
<a href="###"><img src="LINK DA IMAGEM">

Já as partes que você quer um link externo você usa esse código aqui:
<a href="LINK DO SITE"><img src="LINK DA IMAGEM">


Mas como postar todas as partes grudadas formando uma só?

Simples, use a caixa de edição abaixo do seu "quem sou eu" e vá colocando
uma por uma (SÓ SALVE APÓS COLOCAR TODAS).

O menu montado antes de salvar fica desse jeito: EXEMPLO 4

Ou seja, vá montando uma imagem ao lado da outra, quando chegar na ultima imagem da fileira
aperte ENTER e comece a nova fileira na linha de baixo.


5 - Salve seu "quem sou eu" e pronto :}