PP de Encomendas do Di
Central de PPs
Tuto de Lays de Guild
Tuto de Lookups

Oi! Mariah falando. Bem vindo à minha página, um Tutorial feito pela Mari. Nela, ensinamos à fazer o famoso Falso Mapeamento. Jah que a minha página quase inteira foi usada pelo Tuto esse micro espacinho vai ser usado pra falar de mim. Bom, eu sou a Pet que está a mais tempo na Main da Mari. E acredito que ela acha que eu sou a preferida dela ;D Meu custom é o mais bonito sem dúvida. E eu tenho a personalidade mais rica. Sou linda, amada, orgulhosa, carinhosa.
Convencida, metida, fresca...
CALA A BOCA Dizzraeliii. Ah, esse era só meu irmãozinho... ¬¬' Continuando, eu fui criada um dia depois que o Neo mudou pra versão 2.0 e jah fui verde e branca. Meu pincel elétrico foi ganhado de uma amiga da Mari. E a minha PP foi a primeira a ter tutoriais. Antes era o quase famoso Tuto de animações da Mah. Mas foi desatualizado e agora se tornou de Falso Mapeamento, mas o que importa que de todos os Tutoriais da Central o meu é o melhor, claro... Alguma dúvida de que seria? Ah, está na hora do meu sono de beleza, já vou indo. Outro dia conversamos mais e... QUE CARA É ESSA DE ALÍVIO? COMO VOCÊ SE ATREVE A DESPREZAR MINHA PRESENÇA E...
Não disse que era convencida, metida e fresca?
CAAAALAAAAA A BOCA DIZZRAELIII!!!

Começando devagar

Ao contrário do que muitos pensam, falso mapeamento, não é nenhum "bicho de sete cabeças". Pelo contrário. Pra quem já tem certo conhecimento em HTML é facílimo. Vê os rostos dos meus Neopets à esquerda, que são clicáveis e levam as minhas outras páginas? Aquilo é o que eu vou te ensinar a fazer. Lembrando que em vez de ser um quadradinho com escrito como aquele o Link pode surgir de qualquer imagem, até um desenho seu, presente no Layout. ;D

O Lay

Bom, pro Layout não é preciso muita coisa não. Nenhuma especificação. Faça do jeito que você quiser. O meu exemplo é bem simples:




Observe bem os 3 quadradinhos sobre a caixa de texto. "Petlook", "Petpage" e "Petaccount". São esses quadradinhos que eu quero fazer "clicáveis", que eu quero usar como link. Abra o Layout no Paint e vamos recortar esses três quadradinhos.

Papel do Paint

Bom, eu vou começar pelo meu primeiro:



Vou até o Paint e com a ferramenta selecionar faço um quadrado na área onde eu deixarei o Link:



Mas, antes de soltar o botão do mouse, guarde aqueles 4 números num bloquinho de notas. Eles são fundamentais para tudo funcionar certo. E nada de aporximar, tem que ser exatamente aqueles... Agora copie a parte selecionada (ctrl+C) e cole numa nova imagem (ctrl+V) e depois salve no seu computador. O meu ficou assim:



Hospede a imagem e guarde o código junto com aqueles números que eu vou chamar de coordenadas.

Código

Bom, primeiro abra o arquivo do bloquinho de notas onde estão salvos os números e o link da imagem. Você vai usar eles para substituir esse código:



-As coordenadas serão distribuídas dessa forma: O primeiro número vai na Left, o segundo número vai no Top, o terceiro vai na Width e o quarto no Height. (substitua pelos "???")

-O "link para onde a imagem deve direcionar" deve ser substítuido por onde vai dar a imagem. Exemplo, no meu caso seria o Link do Petlook da minha Pet: "http://www.neopets.com/petlookup.phtml?pet=Mariah_06".

-O "link da imagem" deve ser substítuido pelo link proveniente de quando você hospedou a imagem.

Sendo que as minhas coordenadas eram:
117,384 96x71
http://img205.imageshack.us/img205/3584/34920144zl5.gif
http://www.neopets.com/petlookup.phtml?pet=Mariah_06

O resultado deveria ser isso:



Obs importante: Se você for colocar o Layout da sua página usando o código de "img src" (o que provavelmente vai acontecer), lembre-se que você tem que colocá-lo antes dos códigos do mapeamento senão o Layout encobrirá os mapeamentos e não via funcionar. Ok?

E pronto. É isso o Falso mapeamento. Difícil? No começo pode até ser, mas o resultado é muito legal. Dúvidas? No problems, neomail pra mim e eu te ajudarei com o código... ;D

Ajudinhas

Consertinho para Felfsf :












































NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2012.
® 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