ESCOLA DE LOOKUPS!

Aqui vamos aprender como criar seus próprios lookups, nesse estilo aqui (clique para ver).

Primeiro você deve escolher uma figura 800x600 ou maior e colá-la no paint (ou outro editor de imagens, como o photoshop, se você souber usar.). A imagem que estou usando como exemplo, é um fundo de tela do Neopets^^

Após escolher a sua imagem 800x600, e colá-la no paint, use a ferramenta Retângulo, e desenhe os espaços para os textos...assim:

Então você pode começar a escrever em cima desses retangulos, o "LOOKUP" e o "ABOUT ME". Assim:

Agora você vai em Arquivo, salvar como e salve como LOOKUP.PNG

Agora, você vai em Imagem, em inverter/girar, ai você vai em inverter verticalmente. A imagem ficará de cabeça para baixo. Ai você vai em Imagens, Atributos e ponha 800 de largura e 1 de altura.

Você pode até estranhar, mas isso resultara em uma linha fininha. Você terá que salvar essa linha como LINHA.PNG

Agora chegou a parte mais difícil...o bicho de sete cabeças mais temido...é o HTML.

Copie esse código no seu BLOCO DE NOTAS:

<STYLE type=text/css> p img{FILTER:chroma(color=white)} table{background:transparent} td{background:transparent} #txt{visibility:hidden} hr {width:280;color:#000000;} td,p,body,a{color:000000;font face:"verdana";font-size:9pt;} a:link{color:000000;font face:"verdana":font-size:9pt;} a:visited{color:000000;font face:"verdana";font-size:9pt;} a:hover{color:FFFFFF;font face:"verdana";font-size:9pt;text-decoration:none;} {display: none} #ol, #mb, #mb, #n, .nst{display:none} BODY { scrollbar-face-color: 9C659C; scrollbar-highlight-color: FFFFFF; scrollbar-3dlight-color: 9C659C; scrollbar-darkshadow-color: FFFFFF; scrollbar-shadow-color: 9C659C; scrollbar-arrow-color: FFFFFF; scrollbar-track-color: 000000; } </style> <style> body { background: url("LINHA.PNG");background-attachment: fixed}</style> <div style="position: absolute; left:0px; top:0px;"><img src="LOOKUP.PNG"> <div style="position: absolute; top: 344px; left: 542px; width: 237px; height: 240px; overflow :auto; filter: chroma(color=#D2BAD2)"> ESCREVA O QUE QUISER AKI. </div> <div style="position: absolute; top: 326px; left: 10px; width: 459px; height: 260px; overflow :auto; filter: chroma(color=#D2BAD2)"> <b>NAVIGATION:</b><br> <a href="/addpet.phtml"> | Add a Pet |</a><a href="/petcentral.phtml"> Pet Central |</a><a href="/explore.phtml"> Explore |</a><a href="/gameroom.phtml"> Games |</a><a href="/neomessages.phtml"> Neomail |</a><a href="/objects.phtml"> Shops |</a><a href="/neoboards/index.phtml"> Boards |</a><a href="/nf.phtml"> News |</a><a href="/stuff.phtml"> Stuff |</a><a href="/help.phtml"> Help |</a><a href="/loginpage.phtml"> Login |</a><a href="/"> Logout |</a><a href="/~cidade_dos_lookups"> Cidade dos Lookups |</a><br><br> Este lookup foi feito com a ajuda da <a href="/~escola_de_lookups">Escola da Cidade dos Lookups!</a><p> <table></i><br clear="all">

Por enquanto, você não deve mexer nesse código..pegue as imagens quê você salvou, e hospede-as em um host da internet...o apropriado é o PHOTOBUCKET(como não posso passar o site dele por aqui, procure no google). Crie uma conta lá, e hospeda a imagem LOOKUP.PNG. Pegue a URL da imagem, e guarde em uma outra pagina do bloco de notas.Depos, faça o mesmo com a LINHA.PNG.

Agora, vamos substituir as URL's das imagens. Faça exatamente o quê eu disser:

Abra a página do Bloco de Notas onde você colocou o codigo-fonte do lookup, e clique em formatar. Se a opção Quebra automática de linha estiver marcada, desmarque-a.

Agora, na 18º linha, de baixo para cima, substitua onde está escrito LOOKUP.PNG pela URL da imagem do LOOKUP que você hospedou no photobucket.

Agora, 3 linhas para cima, faça o mesmo com a LINHA.PNG

Achou fácil??Pois é, mas agora chegou a parte mais difícil do HTML:

Procure por isto no código:

<div style="position: absolute; top: 344px; left: 542px; width: 237px; height: 240px; overflow :auto; filter: chroma(color=#D2BAD2)">

Você deve alinhar os textos nos retangulos do lookup, e para fazer isso, você precisa medir o TOP, O LEFT, O WIDHT E O HEIGHT . TOP, é a distância do topo que o texto vai ter, LEFT é a distância da margem esquerda que o texto terá, WIDHT é a largura do retângulo, e HEIGHT é a altura do retângulo. Para conseguir as medidas, pegue a ferramenta Selecionar do Paint, e comece a medir tudo isso do retângulo do ABOUT ME. As medidas aparecem no canto direito inferior da tela. Ou, se achar mais fácil, fique "chutando" as medidas, até acertar^^

Após conseguir isso, você alinhou o retângulo do ABOUT ME. Para alinhar o retângulo do LOOKUP, procure por este código:

<div style="position: absolute; top: 326px; left: 10px; width: 459px; height: 260px; overflow :auto; filter: chroma(color=#D2BAD2)">

E procure as medidas do TOP, DO LEFT, DO WIDHT E DO HEIGHT do retângulo do LOOKUP, assim como você fez com o do ABOUT ME.

Uffa, acabou...você não entendeu alguma coisa?Então envie-me um neomail, que eu tento solucionar a sua dúvida^^. OBS: Não retire os créditos, caso você consiga fazer um lookup pelo nosso tutorial.

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