Petlookup é o layout do perfil do seu pet :)
O código dos petlookups não entrou aqui, ficava dando erro. No lugar do código dos lookups, coloquei o link de outra petpage, é lá que eles estão (:

Temos 4 petlookups disponíveis para uso.

Pet Lookup "Minha Pet":

Pet Lookup "Meu Pet":

Pet Lookup "Minha Pet 2":

◄ Voltar

»Moldes de Layouts

Moldes Multipáginas
Moldes Contínuos
Moldes de Caixinha/Fixo

Moldes de layouts, para facilitar para quem não sabe codificar layouts (ou tem preguiça) x3 Não se esqueça dos créditos.

Mini-Tutorial de Lays

Depois de muuuitos pedidos, resolvi finalmente ensinar para vocês como fazer um lay simples usando cada um dos moldes.

Caixinha ~ Multipágina

Primeiramente o de Caixinha / Multipágina.
O que é um molde de Caixinha / Multipágina? É um molde que você tem que descer a barrinha das caixinhas para ver o conteúdo. O Multi, é a mesma coisa, porém tem a "navegação".

Exemplo desse lay:

Para usar esse molde é fácinho. Você copia o url da imagem, cola no navegador, salva o molde, abre a imagem e enfeita no programa que preferir.
De preferência, salve em PNG e hospede em algum site, como o imageshack, que é só você entrar e fazer o upload da imagem, já que não precisa de cadastro nem nada :}
Feito isso, você vai pegar o código do molde e colar na sua petpage; por fim você vai colocar o link/url do seu lay onde está indicando e pronto, é só digitar o texto onde está indicado ^^

Isso serve para os moldes de Caixinha e Multipáginas;
No caso dos multipáginas, é só você criar mais e mais páginas, como eu faço no molde (:

Contínuos

Agoras, vamos aos Contínuos.
Bom, primeiro de tudo, O que é um molde contínuo? Molde contínuo, é aquele que nunca acaba, que não tem barra de rolagem dentro da caixinha. Ele acompanha o texto. É um pouco mais difícil de fazer ^^

Exemplo de lay contínuo (reduzido):

Primeiro passo, abra o url do molde no navegador, salve a imagem e abra-o no programa que você quiser. Enfeite e etc, e salve em PNG se for possível. Agora, faça uma cópia da sua imagem, e abra a CÓPIA no paint.
Agora Recorte uma pequena tira no fim do lay, conforme for necessário. A tira tem que ter uma altura baixa,e a mesma largura do lay. Lembrando, a tira tem que ser tirada do fim do lay, bem em baixo, pegando as caixinhas, mais não o topo delas.

Para entender melhor, um exemplo de uma tira de lay contínuo (reduzido):

Agora salve a tira em PNG também. Hospede os dois num site como imageshack, onde já abre na parte de hospedagem e não precisa de cadastro, é só fazer o upload das imagens e pegar os links.
Agora, copie o código do molde e cole na sua petpage. Coloque o link da tira e do seu lay onde o código do molde indica e pronto! ^^

Dúvidas?

Se não conseguir, me envie um neomail com a sua dúvida :)

◄ Voltar

»Moldes Contínuos

Aqui estão os moldes contínuos, que eu ensinei a usar aqui :)
Para ver a imagem no tamanho normal, copie o URL dela da primeira caixinha e cole no navegador ;)

Quando seu lay e seu background estiverem prontos, coloque os links onde o código indica. As scrollbars estão em branco, você pode personalizar a sua :)

PS: Na primeira caixa está o URL da imagem, e na segunda o código do molde.

Moldes

Como depois da atualização do HTML do neo eu não consegui mais por os códigos dos layouts e moldes aqui na GDB, coloquei-os todos em uma outra página. Para acessá-la é só copiar o link abaixo e colá-lo no seu navegador.

O link é totalmente seguro, eu garanto (:
Obrigada por preferir os lays da GDB *-*

◄ Voltar

»Moldes Multipágina

Aqui estão os moldes multipáginas, que eu ensinei a usar aqui :)
Para ver a imagem no tamanho normal, copie o URL dela da primeira caixinha e cole no navegador ;)

Quando seu lay estiver pronto, coloque o link dele onde o código indica. As scrollbars estão em branco, você pode personalizar a sua :)

PS: Na primeira caixa está o URL da imagem, e na segunda o código do molde.

Moldes

»Moldes Fixos

Aqui estão os moldes fixos, que eu ensinei a usar aqui :)
Para ver a imagem no tamanho normal, copie o URL dela da primeira caixinha e cole no navegador ;)

Quando seu lay estiver pronto, coloque o link dele onde o código indica. As scrollbars estão em branco, você pode personalizar a sua :)

PS: Na primeira caixa está o URL da imagem, e na segunda o código do molde.

Moldes

»Layouts de Lojas Prontos

Layouts prontos para enfeitar sua Loja :3
Para usá-los, é só copiar o código e colar na descrição da sua loja (aqui) :)

Se quiser fazer o seu próprio layout, conheça os nossos moldes.

Coloque aqui suas boas vindas aos compradores ou o que você quiser *-*<br>

E fique a vontade para mudar o css roxo/rosa, caso não seja do seu gosto. :)

Layout by gabi_vm e ashelleeey, pego nos <a href="/~tahlice">Graphics da Bia</a>.<br>
</center>

◄ Voltar

»Moldes de Lojas

Para você que sempre quis colocar um layout próprio na sua loja, mas nunca conseguiu codificar um x3
É bem fácil, e nós ainda vamos te ensinar passo-a-passo como usar o molde *-* Para editar a descrição da sua loja, clique aqui.

Se preferir, use um dos nossos layouts prontos.

PS: Na primeira caixinha está o URL da imagem no tamanho normal, e na segunda está o código do molde.

Molde 1

Coloque aqui suas boas vindas aos compradores ou o que você quiser *-*<br>

E fique a vontade para mudar o css roxo/rosa, caso não seja do seu gosto. :)

Molde de layout de loja by ashelleeey, pego nos <a href="/~tahlice">Graphics da Bia</a>.<br>
</center>

Como usar esse molde?
Primeiro, copie e cole a URL da imagem (molde) no seu navegar e salve no seu computador. Abra o seu programa de edição (paint, photofiltre, photoshop, gimp, qualquer um..) e enfeite o molde do modo que mais lhe agradar, sempre tomando cuidado para não mudar as caixinhas de lugar. Salve, de preferência no formato .PNG e hospede no site em que você preferir. Um site recomendável para iniciantes é o imageshack.us, por ser fácil e rápido e não precisar de cadastro. Pegue a URL/link do layout e a coloque no lugar de MOLDE.PNG. Depois, abra uma cópia e recorte uma tira do layout. Preferencialmente, de altura baixa e recortada do fim do layout. Caso você esteja confuso(a), leia o mini-guia de moldes, clicando aqui (parte "Contínuos"). Depois de salvar a tirinha (indico em .PNG), hospede-a também e substitua BACKGROUND.PNG pelo link/URL da tirinha. Agora chega a parte do CSS. Modifique do modo que você quiser. Lembrando que .content table tr td é o design dos itens a venda (cor o fundo e borda), .sidebarHeader é o design das "barrinhas" que ficam na primeira coluna e ul.dropdown é o design do menu no neopets, que aparece quando você passa o mouse.

Dúvidas? Entre em contato :)

◄ Voltar

»Moldes de Guilds

Para você que sempre quis colocar um layout próprio na sua guild, mas nunca conseguiu codificar um x3
É bem fácil, e nós ainda vamos te ensinar passo-a-passo como usar o molde *-*

Se preferir, use um dos nossos Layouts Prontos.

Como depois da atualização do HTML do neo eu não consegui mais por os códigos dos layouts e moldes aqui na GDB, coloquei-os todos em uma outra página. Para acessá-la é só copiar o link abaixo e colá-lo no seu navegador.

O link é totalmente seguro, eu garanto (:
Obrigada por preferir os lays da GDB *-*

Em breve farei um tutorial de como usar o molde :)

◄ Voltar

»Moldes de Lookups

Se você quer fazer seu próprio lookup personalizado com a sua cara, só não sabe codificar, você vai adorar esses Moldes de Lookups :3 São bem fáceis de usar, e ainda tem um mini-tutorial te ensinando certinho como fazer.

Caso não queira fazer o seu lookup, use um dos lookups prontos da GDB :3

PS: Na primeira caixinha está o URL da imagem no tamanho normal, e na segunda está o código do molde.

Molde 1

Bem vindos ao meu lookup (:<br><br><i>itálico</i>, <b>negrito</b>.<br><br>
Aqui você pode escrever sobre você, suas metas, seus amigos, suas petpages, enfim, o que vier á cabeça *O*<br><br>
Também fique á vontade pra mudar a cor do CSS, caso rosa/roxo não seja do seu gosto! (:<br><br><br>

Molde do Lookup by<br><a href="http://www.neopets.com/~Tahlice">
<img src="http://img9.imageshack.us/img9/1599/linkib.gif" border="0" alt="Graphics da Bia"></a>

<br><br>
</div>
<style></style>
#main {position:absolute;left:0px; top: 0px; width:100%; height: 2100px; background-color:#ffffff; border:0px solid #efd06d; }
#header {position: absolute; left:0px;  top:00px; width:1002px; height:2100px; border:none; background: url('LINKDOLOOK.PNG')}
#footer {display:none; display:none;}
.brand-mamabar{display:none;}
#navigation {position:absolute; left: 23px; top:114px; width:768px}
#nst {display:none}
.user {display:none}
.eventIcon {display:none}
body, td, font, p, a{font: 12px tahoma;}
.contentModule, .contentModuleTable, .contentModuleContent{border:none}
.contentModuleTable, #img, #abt {position:absolute;}
.contentModuleHeaderAlt, .contentModuleHeader {display:none}
ul.dropdown {border: 1px dashed #FF00CC; background-color: #ffffff; filter:alpha (opacity=70);}
li:hover ul.dropdown a, li.over ul.dropdown a {color: #FF80C0;}
li:hover ul.dropdown a:hover, li:hover ul.dropdown, li.over ul.dropdown a:hover, li.over ul.dropdown ;}
ul.dropdown {opacity:0.9; filter:alpha(opacity=90)}
#userneohome .contentModuleTable 
{position: absolute;left:759px;top:1209px; width:199px;height:277px;overflow:auto;}
#userinfo .contentModuleTable {position: absolute;left:28px;top:207px; width:332px;height:299px;}
#usercollections .contentModuleTable {position: absolute;left:331px;top:833px; width:282px;height:337px;}
#usershop .contentModuleTable {position: absolute;left:743px;top:512px; width:215px;height:290px;}
#userneopets .contentModuleTable {position: absolute;position: absolute;left:30px;top:557px; width:683px;height:193px; text-align:center;}
#usertrophies .contentModuleTable {position: absolute; left:35px;top:1214px; width:670px; height:557px;}

#usershop img{width:140px;height:140px;}
#userneopets img{width:130px;height:130px;}
.contentModuleContent{background:none;}
b {color:#CCCCFF; font-size:8pt}
u {color:#FF80C0;}
i {color:#FF0080;}
body,td,div,a,p{font: 12px verdana; color: #999999;}
a b, a{color:#E1B0FF; text-decoration: none;font-size:10pt; font-family:verdana;}
a:hover b, a:hover{color:#000000;}
a:hover, a:hover img {
	background: url('http://i194.photobucket.com/albums/z31/alfazema/Link.gif');
	filter: alpha(finishopacity=2, style=2);}
#abt {position: absolute;top:840px;left:672px;width:290px;height:300px;text-align:center;overflow:auto;}

Como usar esse molde?
Primeiro, Abra o URL/Link do molde no seu navegador, salve o molde, e abra em algum programa de edição, Pode ser Pohotoshop, Filtre, Paint, qualquer um... Enfeite o molde mais cuidado para não mudar as caixinhas de lugar. Salve no formato que quiser, mais eu indico PNG. Depois hospede em algum site, como imageshack.us, que é um site fácil de hospedar. Pegue o link do lookup já hospedado, e coloque onde indica no código (vai estar como: "LINKDOLOOK.PNG") é só colocar no lugar disso. Quanto ao fundo, ele vem em branco. Para mudar a cor, procure por background-color:#ffffff, quando encontrar, no lugar de #ffffff, coloque o código da cor que quiser que o fundo seja! :) Se quiser que o fundo seja branco mesmo, é só deixar desse jeito que já vem x3
O molde já vem com um CSS pronto, você pode mudar se quiser :)

Caso não consiga, me envie um neomail ;)

◄ Voltar