Primeiro você tem que escolher uma imagem para ser o topo ou fazer uma...
Abaixo, alguns sites com imagens que você pode usar:
ooo_enng_oooSimbiarNeopetsSe você optar por fazer o topo, faça no tamanho
768x551 e salve a imagem
Depois de pronta a imagem principal, você vai fazer o fundo, o fundo tem que medir
50x50Obs.: Esse fundo fica apenas nas partes laterais do lookup...
Hospede sua imagem. Depois que hospeda-la copie o Direct link e salve em um bloco de notas!
Geralmente eu hospedo minhas imagens no
imageshack ou no
photobucket(precisa de cadastro).
Obs.: Os dois sites estão em inglês...
Agora você vai editar o código do seu lookup...
Copie o código abaixo e cole em um bloco de notas, substitua TOPO, pelo Direct link do topo, FUNDO, pelo direct link do fundo.
Agora é só modificar as cores do código e seu lookup está pronto!
A imagem acima mostra o que você tem que mudar, para personalizar seu código. Não fui eu que fiz a imagem, créditos da imagem:
_danimsc_.
O código: - Código:
-
<img src="TOPO.gif">
<br><br>
<b><a href="/myaccount.phtml">Minha Conta</a></b> -
<b><a href="/petcentral.phtml">Central de Pets</a></b> -
<b><a href="/explore.phtml">Explorar</a></b> -
<b><a href="/games/arcade.phtml">Jogos</a></b> -
<b><a href="/neoboards/index.phtml">Fóruns</a></b> -
<b><a href="/objects.phtml">Lojas</a></b> -
<b><a href="/nf.phtml">Notícias</a></b>
<br><br>
Aprendi à fazer com: <a>http://www.neopets.com/~Porcelain_Doll_</a>
<br>
<style>
#header,#footer{display:none;}
body{background:#FE70D7 url(FUNDO.gif);}
#main{border:none; width:800px; background:white; border-left:1px solid #9868B8; border-right:1px solid #9868B8;}
#content{background:white; width:780px; margin:0px;position:relative;top:-40px;left:10px;}
.contentModuleHeaderAlt,.contentModuleHeader{background:#A878D8;}
td.contentModuleContent{background:white; border:1px solid #9858C8;}
.contentModuleTable{border:3px solid #E0B4E0;}
.contentModule{border:1px solid #7B00D8;}
td{font:8pt verdana;}
b{color:#8858C8;}
hr{height:5px;width:90%;color:#E0B4E0;background:#E0B4E0;border:1px solid #8858C8;}
a,.contentModuleContent a,a b{color:#A868D8;}
a:hover,a:hover b{color:#8858C8;}
</style>