Home

Olá,seja muito bem-vindo ao Moldes & Cia
Esta página foi criada por Vinny com o objetivo de ajudar a todos . Aqui você encontrará várias coisas feitas por mim, entre eles, moldes, layouts, menus e encomendas.
Divirta-se, mas antes que tal dar uma olhadinha nas regras?

Contando desde 15 de dezembro de 2010

Atualizações

03/12/2011 - Depois de muito tempo, nós voltamos, e estamos em reforma !

Regras

1. Sempre credite tudo que usar desta página .
2. Quando você for encomendar, coloque no título no neomail, moldes & Cia - kiwi para mostrar que realmente você leu as regras !
3. Não insista para eu te fazer uma encomenda quando a mesma estiver fechada .
4. Se você não for usar, não encomende.
Apenas essas, espero não ter que colocar alguém no muro da vergonha

Gráficos

Moldes de layouts
Layout premades
CSS premades
Menus de navegação
Resources

Moldes de layouts

Escolha um tipo de molde abaixo
Moldes Multipáginas
Moldes Continuos
Moldes com banners

Como usar?

Primeiro, escolha o molde que irá usar, e o salve .
Depois de salva-lo, abra o seu programa para o enfeitar do jeito que quiser !
Depois de enfeitá-lo, hospede-o . Se não souber, clique aqui.
Depois de hospeda-lo, você pega o Código do molde codificado que está na caixa de texto e cole na petpage em que você irá colocar o layout .
Depois disso, substitua "linkdoseulay.png" pelo link do layout hospedado.
PRONTO agora é só colocar o conteúdo!
AH! não retire os créditos, ok?

Clique para prosseguir

Moldes Multipáginas

Bom, aqui, disponibilizarei moldes não contínuos feito por mim, espero que gostem e por favor, se usarem, tenham consiência de que alguem teve muito trabalho e perdeu seu tempo, e o minimo que podem fazer é deixarem os créditos.



<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 31px; top: 143px; width: 352px; height: 430px; } #pag { overflow: auto; width: 352px; height: 430px; } </style> <div style="position: absolute; width: 354px; overflow: auto; height: 36px; left: 30px; top: 94px;"> <a href="#pag1">Página 1</a> | <a href="#pag2">Página 2</a> | <a href="#pag3">Página 3</a> | <a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div> <img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 638px; top: 137px; width: 321px; height: 429px; } #pag { overflow: auto; width: 321px; height: 429px; } </style> <div style="position: absolute; width: 323px; overflow: auto; height: 31px; left: 637px; top: 94px;"> <a href="#pag1">Página 1</a> | <a href="#pag2">Página 2</a> | <a href="#pag3">Página 3</a> | <a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>



<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 23px; top: 126px; width: 333px; height: 443px; } #pag { overflow: auto; width: 333px; height: 443px; } </style> <div style="position: absolute; width: 177px; overflow: auto; height: 282px; left: 375px; top: 68px;"> <a href="#pag1">Página 1</a> |<br><a href="#pag2">Página 2</a> |<br><a href="#pag3">Página 3</a> |<br><a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div> <img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 624px; top: 136px; width: 347px; height: 431px; } #pag { overflow: auto; width: 347px; height: 431px; } </style> <div style="position: absolute; width: 163px; overflow: auto; height: 238px; left: 444px; top: 49px;"> <a href="#pag1">Página 1</a> |<br><a href="#pag2">Página 2</a> |<br><a href="#pag3">Página 3</a> |<br><a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>



<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 13px; top: 165px; width: 720px; height: 395px; } #pag { overflow: auto; width: 720px; height: 395px; } </style> <div style="position: absolute; width: 211px; overflow: auto; height: 395px; left: 771px; top: 164px;"> <a href="#pag1">Página 1</a> |<br><a href="#pag2">Página 2</a> |<br><a href="#pag3">Página 3</a> |<br><a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div> <img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 268px; top: 165px; width: 719px; height: 395px; } #pag { overflow: auto; width: 719px; height: 395px; } </style> <div style="position: absolute; width: 209px; overflow: auto; height: 395px; left: 20px; top: 165px;"> <a href="#pag1">Página 1</a> |<br><a href="#pag2">Página 2</a> |<br><a href="#pag3">Página 3</a> |<br><a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>



<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 595px; top: 175px; width: 382px; height: 403px; } #pag { overflow: auto; width: 382px; height: 403px; } </style> <div style="position: absolute; width: 145px; overflow: auto; height: 355px; left: 437px; top: 224px;"> <a href="#pag1">Página 1</a> |<br><a href="#pag2">Página 2</a> |<br><a href="#pag3">Página 3</a> |<br><a href="#pag4">Créditos</a> </div> <div style="position: absolute; width: 143px; overflow: auto; height: 36px; left: 438px; top: 174px;"> texto texto texto </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div> <img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 23px; top: 173px; width: 351px; height: 400px; } #pag { overflow: auto; width: 351px; height: 400px; } </style> <div style="position: absolute; width: 164px; overflow: auto; height: 350px; left: 382px; top: 223px;"> <a href="#pag1">Página 1</a> |<br><a href="#pag2">Página 2</a> |<br><a href="#pag3">Página 3</a> |<br><a href="#pag4">Créditos</a> </div> <div style="position: absolute; width: 165px; overflow: auto; height: 37px; left: 381px; top: 173px;"> texto texto texto </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>


<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 16px; top: 68px; width: 356px; height: 476px; } #pag { overflow: auto; width: 356px; height: 476px; } </style> <div style="position: absolute; width: 175px; overflow: auto; height: 297px; left: 385px; top: 246px;"> <a href="#pag1">Página 1</a> |<br><a href="#pag2">Página 2</a> |<br><a href="#pag3">Página 3</a> |<br><a href="#pag4">Créditos</a> </div> <div style="position: absolute; width: 174px; overflow: auto; height: 87px; left: 386px; top: 133px;"> texto texto texto </div> <div style="position: absolute; width: 171px; overflow: auto; height: 30px; left: 388px; top: 69px;"> texto texto texto texto </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div> <img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 631px; top: 70px; width: 354px; height: 473px; } #pag { overflow: auto; width: 354px; height: 473px; } </style> <div style="position: absolute; width: 173px; overflow: auto; height: 295px; left: 442px; top: 247px;"> <a href="#pag1">Página 1</a> |<br><a href="#pag2">Página 2</a> |<br><a href="#pag3">Página 3</a> |<br><a href="#pag4">Créditos</a> </div> <div style="position: absolute; width: 175px; overflow: auto; height: 87px; left: 440px; top: 134px;"> texto texto texto </div> <div style="position: absolute; width: 173px; overflow: auto; height: 33px; left: 440px; top: 68px;"> texto texto texto texto </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>

Como usar?

Primeiro, escolha o molde que irá usar, e o salve.
Depois de salva-lo, abra o seu editor de imagens e o edite como quiser.
Depois de editá-lo, hospede-o . Se não souber, clique aqui.
Depois de hospeda-lo, você irá fazer uma linha.

Fazendo a linha

Primeiro, no paint, abra o layout.
Depois, aperte ctrl+a, clique com o botão direito do mouse e clique em girar/inverter.
Clique em inverter verticalmente.
Se ele ficou de cabeça para baixo está correto, se não, refaça os passo acima.

Aperte ctrl+e e coloque em altura, "1
Agora salve, hospede, e coloque no lugar de "linkdalinhaaqui.png
PRONTO agora é só colocar o conteúdo!
AH! não retire os créditos, ok?

Clique para prosseguir

Moldes contínuos

Bom, aqui, disponibilizarei moldes contínuos feito por mim, espero que gostem e por favor, se usarem, tenham consiência de que alguem teve muito trabalho e perdeu seu tempo, e o minimo que podem fazer é deixarem os créditos .



<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 357px; top: 485px; width: 611px; height: 1500px; } #pag { overflow: auto; width: 611px; height: 1500px; } body { background: url("http://i42.tinypic.com/wu1gnn.png"); } </style> <div style="position: absolute; width: 295px; overflow: auto; height: 116px; left: 32px; top: 484px;"> Navegação <br><a href="#pag1">Página 1</a><br><a href="#pag2">Página 2</a><br><a href="#pag3">Página 3</a><br><a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div> <img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 35px; top: 484px; width: 608px; height: 1500px; } #pag { overflow: auto; width: 608px; height: 1500px; } body { background: url("http://i42.tinypic.com/wu1gnn.png"); } </style> <div style="position: absolute; width: 295px; overflow: auto; height: 116px; left: 674px; top: 484px;"> Navegação <br><a href="#pag1">Página 1</a><br><a href="#pag2">Página 2</a><br><a href="#pag3">Página 3</a><br><a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>



<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 26px; top: 486px; width: 517px; height: 1500px; } #pag { overflow: auto; width: 517px; height: 1500px; } body { background: url("http://i42.tinypic.com/wu1gnn.png"); } </style> <div style="position: absolute; width: 516px; overflow: auto; height: 27px; left: 26px; top: 451px;"> <a href="#pag1">Página 1</a> | <a href="#pag2">Página 2</a> | <a href="#pag3">Página 3</a> | <a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div> <img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 457px; top: 488px; width: 518px; height: 1500px; } #pag { overflow: auto; width: 518px; height: 1500px; } body { background: url("http://i42.tinypic.com/wu1gnn.png"); } </style> <div style="position: absolute; width: 517px; overflow: auto; height: 27px; left: 458px; top: 451px;"> <a href="#pag1">Página 1</a> | <a href="#pag2">Página 2</a> | <a href="#pag3">Página 3</a> | <a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>



<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 26px; top: 452px; width: 486px; height: 1500px; } #pag { overflow: auto; width: 486px; height: 1500px; } body { background: url("http://i42.tinypic.com/wu1gnn.png"); } </style> <div style="position: absolute; width: 279px; overflow: auto; height: 96px; left: 525px; top: 452px;"> <a href="#pag1">Página 1</a><br><a href="#pag2">Página 2</a><br><a href="#pag3">Página 3</a><br><a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div> <img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 488px; top: 453px; width: 486px; height: 1500px; } #pag { overflow: auto; width: 486px; height: 1500px; } body { background: url("http://i42.tinypic.com/wu1gnn.png"); } </style> <div style="position: absolute; width: 280px; overflow: auto; height: 98px; left: 195px; top: 451px;"> <a href="#pag1">Página 1</a><br><a href="#pag2">Página 2</a><br><a href="#pag3">Página 3</a><br><a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>



<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 12px; top: 542px; width: 514px; height: 1500px; } #pag { overflow: auto; width: 514px; height: 1500px; } body { background: url("http://i42.tinypic.com/wu1gnn.png"); } </style> <div style="position: absolute; width: 511px; overflow: auto; height: 42px; left: 13px; top: 481px;"> <a href="#pag1">Página 1</a><br><a href="#pag2">Página 2</a><br><a href="#pag3">Página 3</a><br><a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div> <img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 474px; top: 544px; width: 514px; height: 1500px; } #pag { overflow: auto; width: 514px; height: 1500px; } body { background: url("http://i42.tinypic.com/wu1gnn.png"); } </style> <div style="position: absolute; width: 513px; overflow: auto; height: 41px; left: 474px; top: 481px;"> <a href="#pag1">Página 1</a><br><a href="#pag2">Página 2</a><br><a href="#pag3">Página 3</a><br><a href="#pag4">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>



<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 161px; top: 538px; width: 660px; height: 1500px; } #pag { overflow: auto; width: 660px; height: 1500px; } body { background: url("http://i42.tinypic.com/wu1gnn.png"); } </style> <div style="position: absolute; width: 308px; overflow: auto; height: 149px; left: 160px; top: 368px;"> <a href="#pag1">Página 1</a><br><a href="#pag2">Página 2</a><br><a href="#pag3">Página 3</a><br><a href="#pag4">Créditos</a> </div> <div style="position: absolute; width: 308px; overflow: auto; height: 148px; left: 483px; top: 369px;"> texto texto texto texto texto texto texto texto texto </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>

Moldes com banners

Aqui disponibilizarei moldes de layouts com banners
É super fácil de usar, basta você colocar o seu banner no lugar definido e personaliza-lo do seu jeito !


<img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 341px; top: 225px; width: 506px; height: 368px; } #pag { overflow: auto; width: 506px; height: 368px; } </style> <div style="position: absolute; width: 189px; overflow: auto; height: 367px; left: 151px; top: 225px;"> <a href="#pag1"> Página 1 </a><br><a href="#pag2"> Página 2 </a><br><a href="#pag3"> Página 3 </a><br><a href="#pag4"> Página 4 </a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div> <img src="http://i44.tinypic.com/k12xag.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style> #klays { overflow: hidden; left: 326px; top: 207px; width: 529px; height: 368px; } #pag { overflow: auto; width: 529px; height: 368px; } </style> <div style="position: absolute; width: 210px; overflow: auto; height: 367px; left: 111px; top: 207px;"> <a href="#pag1"> Página 1 </a><br><a href="#pag2"> Página 2 </a><br><a href="#pag3"> Página 3 </a><br><a href="#pag4"> Página 4 </a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag2"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag3"></a> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div> <div id="pag"> <a name="pag4"></a> Molde do layout by:<br><a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes "></a> </div> </div>

Layouts

Nesta parte da página, eu adiciono layouts já codificados feitos por mim, com títulos editavéis para evitar de você gostar de um layout mas não usar porque já tem Título. Você também pode colocar o título no layout, em algum programa de edição de imagens. Todos os layouts já vêem com o CSS pronto, porém, se você não gostar pode modificar . Espero que goste dos layouts, e para usar basta copiar o código do layout e colar na página no seu neopet. Onde tem escrito na codificação do layout "Título" você troca pelo nome da sua página. Os créditos já vêem também incluidos no layout, mas onde tem "créditos" tem o link para esta página, e prefiro que não retire.


<div style="position: absolute; left: 0px; overflow: auto; top: 0px;"> <img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/premademc01.png"><style> #klays { overflow: hidden; left: 38px; top: 170px; width: 429px; height: 472px; } #pag { overflow: auto; width: 429px; height: 472px; } body { background: url("http://i51.tinypic.com/2hmg4zc.png"); } table { background-color: transparent; } table a img { display: none; } font.sf { display: none; } .titulo { font: 50pt georgia; color: #96C2DA; font-style: italic; } td, p, body, font, a, .medText, b, u { font: 10pt calibri; color: #000; letter-spacing: 0px; } b { color: #5CB335; font-size: 10pt; font-family: calibri; font-weight: bold; } i { color: #FF5E3C; font: 10pt calibri; font-style: italic; } u { color: #995F29; font: 10pt calibri; border-bottom: 1px solid #E6A82B; } textarea { border: 1px dashed #C6D1D2; font-family: Arial; color: #000; } A:link, A:visited, A:active, a { font: 10pt calibri; color: #9BD595; text-decoration: none; } A:hover { font: 10pt calibri; color: #7EC976; text-decoration: none; } </style> <div style="position: absolute; top: 53px; left: 39px;"> <font class="titulo">Título *</font> </div> <div style="position: absolute; width: 429px; height: 34px; left: 39px; top: 130px;"> <center> <a href="#pag1">Página 1</a> || <a href="#pag2">Página 2</a> || <a href="#pag3"> Página 3 </a> || <a href="#pag4"> Página 4 </a> || <a href="#pag5"> Página 5 </a> || <a href="#pag6"> Página 6 </a> || <a href="#pag7"> Página 7 </a> || <a href="#pag8"> Página 8 </a> || <a href="#pag9"> Página 9</a> || <a href="#pag10">Créditos</a> || </center> </div> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> Aqui é o seu texto da página 1 .<br><br> Você pode adicionar ou remover páginas, qualquer dúvida me mande um neomail .<br> Pode modificar o CSS ou substitui-lo .<br><b>negrito</b>, <i>itálico</i>, sublinhado, <a href="/">link</a> </div> <div id="pag"> <a name="pag2"></a> Aqui é o seu texto da página 2 . </div> <div id="pag"> <a name="pag3"></a> Aqui é o seu texto da página 3 . </div> <div id="pag"> <a name="pag4"></a> Aqui é o seu texto da página 4 . </div> <div id="pag"> <a name="pag5"></a> Aqui é o seu texto da página 5 . </div> <div id="pag"> <a name="pag3"></a> Aqui é o seu texto da página 3 . </div> <div id="pag"> <a name="pag6"></a> Aqui é o seu texto da página 6 . </div> <div id="pag"> <a name="pag7"></a> Aqui é o seu texto da página 7 . </div> <div id="pag"> <a name="pag8"></a> Aqui é o seu texto da página 8 . </div> <div id="pag"> <a name="pag9"></a> Aqui é o seu texto da página 9 . </div> <div id="pag"> <a name="pag10"></a> Layout e CSS by: <a href="/~orokir">Moldes & Cia</a> </div> </div> <div style="position: absolute; left: 0px; overflow: auto; top: 0px;"> <img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/premademc00.png"><style> #klays { overflow: hidden; left: 6px; top: 209px; width: 458px; height: 462px; } #pag { overflow: auto; width: 458px; height: 462px; } table { background-color: transparent; } table a img { display: none; } font.sf { display: none; } body { background: url("http://i50.tinypic.com/nfnn9l.jpg"); } .titulo { font: 50pt georgia; color: #969696; font-style: italic; } td, p, body, font, a, .medText, b, u { font: 10pt calibri; color: #000; letter-spacing: 0px; } b { color: #8889F2; font-size: 10pt; font-family: calibri; font-weight: bold; letter-spacing: 1.5px; } i { color: #F781E8; font: 10pt calibri; font-style: italic; } u { color: #DEB026; font: 10pt calibri; border-bottom: 1px solid #858585; } textarea { font-family: calibri; border: 1px solid #969696; width: 88px; height: 15px; } A:link, A:visited, A:active, a { font: 10pt calibri; color: #E08E1B; text-decoration: none; border-bottom: 1px dashed #A8A7A5; } A:hover { font: 10pt calibri; color: #ED68CC; border-bottom: 1px solid #8563FF; text-decoration: none; } h1 { font: 17pt calibri; letter-spacing: 2px; text-align: center; margin: 0px; color: #8F9496; border-bottom: 2px solid #DBAF4F; } h2 { font: 6pt small fonts; letter-spacing: 2px; text-align: left; color: #FF698E; text-transform: uppercase; border-bottom: 1px dashed #66C7ED; } </style> <div style="position: absolute; top: 516px; left: 659px;"><a href="#pag1"><img src="http://img822.imageshack.us/img822/8804/homeeh.png" border="0" width="33" height="17"></a></div> <div style="position: absolute; top: 538px; left: 656px;"><a href="#pag2"><img src="http://img408.imageshack.us/img408/8281/coontent.png" border="0" width="48" height="16"></a></div> <div style="position: absolute; top: 558px; left: 656px;"><a href="#pag3"><img src="http://img143.imageshack.us/img143/6987/siitely.png" border="0" width="41" height="17"></a></div> <div style="position: absolute; top: 53px; left: 1px;"> <font class="titulo">Título *</font> </div> <div style="position: absolute; width: 227px; overflow: auto; height: 153px; left: 724px; top: 517px;"> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/here4.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/here4.png" border="0"></a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> <h1>Título.</h1> <br><br><h2>Subtitulo</h2> Aqui é o seu texto da página 1 .<br><br><b>negrito</b>, <i>itálico</i>, sublinhado e <a href="/index">link</a> </div> <div id="pag"> <a name="pag2"></a> Aqui é o seu texto da página 2 . </div> <div id="pag"> <a name="pag3"></a> Layout e CSS by: <a href="/~orokir">Moldes & Cia</a> </div> </div> </div>

<div style="position: absolute; left: 0px; overflow: auto; top: 0px;"> <img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/premademc03.png"><style> #klays { overflow: hidden; left: 123px; top: 246px; width: 469px; height: 395px; } #pag { overflow: auto; width: 469px; height: 395px; } table { background-color: transparent; } table a img { display: none; } font.sf { display: none; } td, p, body, font, a, .medText, b, u { font: 10pt calibri; color: #000; letter-spacing: 0px; } .titulo { font: 50pt georgia; color: #fff; font-style: italic; } body { background: url("http://i52.tinypic.com/rit6hw.gif"); } b { color: #EF6463; font-size: 10pt; font-family: calibri; font-weight: bold; } i { color: #AE55CD; font: 9pt georgia; font-style: italic; } u { color: #FF8407; font: 10pt calibri; border-bottom: 3px dashed #EB6503; } A:link, A:visited, A:active, a { font: 10pt calibri; color: #35B4FF; text-decoration: none; } A:hover { font: 10pt calibri; color: #97D8FF; text-decoration: none; } h1 { font: 17pt candara; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin: 0px; color: #686868; border-bottom: 2px dashed #1797A5; } h2 { background-color: #C0B3A3; font: 10pt georgia; letter-spacing: 2px; text-align: left; text-transform: lowercase; margin: 0px; color: #000; } a.mc { margin: 2px; background: #34B4FF; color: #fff; font: 8pt tahoma; text-decoration: none; display: block; border-bottom: 2px solid #969696; text-align: center; } a.mc:hover { color: #fff; background: #969696; border-bottom: 2px solid #969696; } </style> <div style="position: absolute; width: 123px; overflow: auto; height: 192px; left: 621px; top: 449px;"> <a href="#pag1" class="mc">Página 1</a> <a href="#pag2" class="mc">Página 2</a> <a href="#pag3" class="mc">Página 3</a> <a href="#pag4" class="mc">Créditos</a> </div> <div style="position: absolute; top: 45px; left: 4px;"> <font class="titulo">Título *</font> </div> <div style="position: absolute; width: 128px; overflow: auto; height: 192px; left: 747px; top: 449px;"> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/here4.png" border="0"></a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> <h1>Título *</h1> <br><br><h2>subtítulo</h2> <b>negrito</b> <i>itálico</i> <a href="/index">link</a> </div> <div id="pag"> <a name="pag2"></a> sub </div> <div id="pag"> <a name="pag3"></a> Texto da página 3 </div> <div id="pag"> <a name="pag4"></a> Layout, CSS e CSS na navgação por: <a href="/~orokir">Moldes & Cia</a> </div> </div> </div> <div style="position: absolute; left: 0px; overflow: auto; top: 0px;"> <img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/premademc05.png"><style> #klays { overflow: hidden; left: 46px; top: 184px; width: 462px; height: 475px; } #pag { overflow: auto; width: 462px; height: 475px; } body { background: url("http://i44.tinypic.com/282lvtf.jpg"); } .titulo { font: 50pt georgia; color: #969696; font-style: italic; } table { background-color: transparent; } table a img { display: none; } font.sf { display: none; } td, p, body, font, a, .medText, b, u { font: 10pt calibri; color: #000; letter-spacing: 0px; text-align: center; } b { color: #AD5B5A; font-size: 10pt; font-family: calibri; font-weight: bold; } i { color: #DFB482; font: 10pt calibri; font-style: italic; } u { color: #F27292; font: 10pt calibri; border-bottom: 1px dotted #000; } textarea { border: 1px dashed #F06E8E; font-family: Arial; color: #000; } A:link, A:visited, A:active, a { font: 10pt calibri; color: #B1CDEC; text-decoration: none; } A:hover { font: 10pt calibri; color: #81AEE0; font-weight: normal; text-decoration: none; } h1 { font: 17pt candara; letter-spacing: 2px; text-align: center; margin: 0px; color: #A3A5A2; border-bottom: 2px dashed #A7C0E5; } h2 { background-color: #DDBD8C; font: 10pt georgia; letter-spacing: 1px; text-align: right; text-transform: lowercase; margin: 0px; color: #fff; } a.mc { font: 12px candara; text-decoration: none; color: #fff; letter-spacing: 1px; background: #E7ABB9; border-bottom: 2px solid #B86161; padding: 3px; } a.mc:hover { font: 12px candara; background: #B86161; color: #fff; letter-spacing: 1px; border-bottom: 2px solid #B86161; cursor: help; } </style> <div style="position: absolute; top: 80px; left: 48px;"> <font class="titulo">Título *</font> </div> <div style="position: absolute; width: 461px; overflow: auto; height: 23px; left: 46px; top: 156px;"> <a href="#pag1" class="mc">Página 1</a> <a href="#pag2" class="mc">Página 2</a> <a href="#pag3" class="mc">Página 3</a> <a href="#pag4" class="mc">Página 4</a> <a href="#pag5" class="mc">Página 5</a> <a href="#pag6" class="mc">Página 6</a> <a href="#pag7" class="mc">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> <h1>Titulo</h1> <br><h2>subtitulo</h2> texto da página 1<br><b>negrito</b> <i>itálico</i> sublinhado <a href="/">link</a> </div> <div id="pag"> <a name="pag2"></a> texto da página 2 </div> <div id="pag"> <a name="pag3"></a> texto da página 3 </div> <div id="pag"> <a name="pag4"></a> texto da página 4 </div> <div id="pag"> <a name="pag5"></a> texto da página 5 </div> <div id="pag"> <a name="pag6"></a> texto da página 6 </div> <div id="pag"> <a name="pag7"></a> Layout, CSS e CSS na navegação por: <a href="/~orokir">Moldes & Cia </a> </div> </div> </div>

<div style="position: absolute; left: 0px; overflow: auto; top: 0px;"> <img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/premademc06.png"><style> #klays { overflow: hidden; left: 49px; top: 282px; width: 536px; height: 376px; } #pag { overflow: auto; width: 536px; height: 376px; } body { background: url("http://i54.tinypic.com/169rx44.png"); } table { background-color: transparent; } table a img { display: none; } font.sf { display: none; } td, p, body, font, a, .medText, b, u { font: 10pt calibri; color: #000; letter-spacing: 0px; } b { color: #8E9F36; font-size: 10pt; font-family: calibri; font-weight: bold; } i { color: #D26FA9; font: 10pt calibri; font-style: italic; } u { color: #F27292; font: 10pt calibri; border-bottom: 1px dotted #000; } A:link, A:visited, A:active, a { font: 10pt calibri; color: #655FF8; text-decoration: none; } A:hover { font: 10pt calibri; color: #4632F8; text-decoration: none; } h1 { font: 17pt candara; letter-spacing: 3px; text-align: left; margin: 0px; text-transform: uppercase; color: #6B65D9; } h2 { background-color: #E599AD; font: 10pt georgia; letter-spacing: 2px; text-align: right; margin: 0px; color: #fff; } .titulo { font: 50pt georgia; color: #2929F4; font-style: italic; } a.mc { width: 200px; height: 20px; background: #BFBBBC; color: #fff; display: block; font: 10pt calibri; text-decoration: none; margin: 3px; } a.mc:hover { color: #fff; background: #808080; cursor: help; } </style> <div style="position: absolute; width: 209px; overflow: auto; height: 101px; left: 45px; top: 174px;"> <a href="#pag1" class="mc">Página 1</a> <a href="#pag2" class="mc">Página 2</a> <a href="#pag3" class="mc">Página 3</a> <a href="#pag4" class="mc">Créditos</a> </div> <div style="position: absolute; top: 185px; left: 433px;"> <font class="titulo">Título aqui *</font> </div> <div style="position: absolute; width: 160px; overflow: auto; height: 84px; left: 263px; top: 174px;"> texto texto texto </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> <h1>Título</h1> <h2>subtítulo</h2> <b>negrito</b> <i>itálico</i> <a href="/">link</a> </div> <div id="pag"> <a name="pag2"></a> texto da página 2 </div> <div id="pag"> <a name="pag3"></a> texto da página 3 </div> <div id="pag"> <a name="pag4"></a> Layout, CSS e CSS na navegação por: <a href="/~orokir">Moldes & Cia</a><br> Background por <a href="/~icekairi">Checkmate</a> </div> </div> </div> <div style="position: absolute; left: 0px; overflow: auto; top: 0px;"> <img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/premademc07.png"><style> #klays { overflow: hidden; left: 255px; top: 370px; width: 495px; height: 327px; } #pag { overflow: auto; width: 495px; height: 327px; } table { background-color: transparent; } table a img { display: none; } font.sf { display: none; } body { background: url("http://s6.tinypic.com/2ahgx76_th.jpg"); } td, p, body, font, a, .medText, b, u { font: 10pt calibri; color: #000; letter-spacing: 0px; } b { color: #819C8A; font-size: 10pt; font-family: calibri; font-weight: bold; } i { color: #E672FA; font: 10pt calibri; font-style: italic; } u { color: #194D1D; font: 10pt calibri; border-bottom: 1px dashed #45C24F; } textarea { border: 1px dashed #969696; font-family: Arial; color: #000; } A:link, A:visited, A:active, a { font: 10pt calibri; color: #45C24F; text-decoration: none; } A:hover { font: 10pt calibri; color: #2C8532; text-decoration: none; } h1 { font: 17pt candara; letter-spacing: 1px; text-align: left; margin: 0px; color: #F092A9; border-bottom: 2px dashed #FFBC2C; } h2 { background-color: #4F6295; font: 10pt georgia; letter-spacing: 3px; text-align: right; margin: 0px; color: #FFF; } .titulo { font: 40pt georgia; color: #55A9D6; font-style: italic; } a.mc { width: 150px; height: 20px; background: #A6CED9; color: #fff; display: block; font: 10pt calibri; text-decoration: none; margin: 3px; } a.mc:hover { color: #fff; background: #94C5D1; cursor: help; } </style> <div style="position: absolute; width: 173px; overflow: auto; height: 327px; left: 76px; top: 305px;"> <a href="#pag1" class="mc">Página 1</a> <a href="#pag2" class="mc">Página 2</a> <a href="#pag3" class="mc">Página 3</a> <a href="#pag4" class="mc">Créditos</a> </div> <div style="position: absolute; top: 305px; left: 255px;"> <font class="titulo">Título *</font> </div> <div style="position: absolute; width: 131px; overflow: auto; height: 85px; left: 797px; top: 314px;"> texto texto texto </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> <h1>título</h1> <br><h2>subtitulo</h2> texto da página 1<br><b>negrito</b> <i>itálico</i> <a href="/~">link</a> </div> <div id="pag"> <a name="pag2"></a> texto da página 2 </div> <div id="pag"> <a name="pag3"></a> texto da página 3 </div> <div id="pag"> <a name="pag4"></a> Layout,CSS e CSS na navegação por: <a href="/~orokir">Moldes & Cia</a><br> Background por <a href="/~gyvany">Foomanshu</a> </div> </div> </div>

<div style="position: absolute; left: 0px; overflow: auto; top: 0px;"> <img src="http://i52.tinypic.com/ifpikh.png"><style> #klays { overflow: hidden; left: 419px; top: 155px; width: 514px; height: 430px; } #pag { overflow: auto; width: 514px; height: 430px; } body { background: url("http://i56.tinypic.com/ji13rr.png"); } td, p, body, font, a, .medText, b, u { font: 8pt verdana; color: #000; letter-spacing: 0px; } table { background-color: transparent; } table a img { display: none; } font.sf { display: none; } a.mc:link, a.nav:visited, a.nav:active { width: 180px; height: 20px; margin: 1px; background: #C4C2C3; color: #ffffff; font: 11px verdana; text-decoration: none; display: block; text-align: center; } a.mc:hover { color: #ffffff; background: #B4C696; cursor: help; text-align: center; } h1 { font-family: century gothic; font-size: 20; color: #8A9263; font-weight: normal; text-align: center; text-transform: uppercase; border-bottom: 2px solid #F4F4F4; } h2 { font-family: courier new; font-size: 10; color: #FDD28B; font-weight: normal; text-align: left; } b { color: #ACB7B9; font-size: 10pt; font-family: calibri; font-weight: bold; } i { color: #F7CA3E; font: 10pt calibri; font-style: italic; } u { color: #995F29; font: 10pt calibri; border-bottom: 1px solid #E6A82B; } textarea { border: 2px dashed #867142; font-family: Arial; color: -blocked-; } A:link, A:visited, A:active, a { font: 10pt calibri; color: #9BD595; text-decoration: none; } A:hover { font: 10pt calibri; color: #7EC976; text-decoration: none; } .titulo { font: 50pt georgia; color: #BAA774; font-style: italic; } </style> <div style="position: absolute; top: 86px; left: 450px;"> <font class="titulo">Título *</font> </div> <div style="position: absolute; width: 205px; height: 90px; left: 34px; top: 495px;"> <a href="#pag1" class="mc">Página 1</a> <a href="#pag2" class="mc">Página 2</a> <a href="#pag3" class="mc">Página 3</a> <a href="#pag4" class="mc">Página 4</a> </div> <div style="position: absolute; width: 190px; height: 90px; left: 220px; top: 495px;"> <a href="#pag5" class="mc">Página 5</a> <a href="#pag6" class="mc">Página 6</a> <a href="#pag7" class="mc">Página 7</a> <a href="#pag8" class="mc">Créditos</a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> <h1>titulo 1</h1> <h2>titulo 2</h2> <b>negrito</b>, <i>italico</i> e <a href="/">link</a><br> </div> <div id="pag"> <a name="pag2"></a> texto da página 2 </div> <div id="pag"> <a name="pag3"></a> texto da página 3 </div> <div id="pag"> <a name="pag4"></a> texto página 4 </div> <div id="pag"> <a name="pag5"></a> texto da página 5 </div> <div id="pag"> <a name="pag6"></a> texto da página 6 </div> <div id="pag"> <a name="pag7"></a> texto da página 7 </div> <div id="pag"> <a name="pag8"></a> Layout, CSS e CSS na navegação por <a href="/~orokir">Moldes & Cia</a><br> Background por Ennyh diva *-* </div> </div> </div> <div style="position: absolute; left: 0px; overflow: auto; top: 0px;"> <img src="http://i56.tinypic.com/2rfu9oo.jpg"><style> #klays { overflow: hidden; left: 141px; top: 342px; width: 723px; height: 345px; } #pag { overflow: auto; width: 723px; height: 345px; } td, p, body, font, a, .medText, b, u { font: 10pt calibri; color: #000; letter-spacing: 0px; } body { background-image: url("http://i1193.photobucket.com/albums/aa349/viniciusgalvao/viiiin.png"); } table { background-color: transparent; } table a img { display: none; } font.sf { display: none; } b { color: #F089A2; font-size: 10pt; font-family: calibri; font-weight: bold; } i { color: #000; font: 10pt calibri; font-style: italic; } .u { color: #F27292; font: 10pt calibri; border-bottom: 1px dotted #000; } textarea { border: 1px dashed #F06E8E; font-family: Arial; color: #000; } A:link, A:visited, A:active, a { font: 10pt calibri; color: #E03F67; text-decoration: none; } A:hover { font: 10pt calibri; color: #000; font-weight: bold; text-decoration: none; } h1 { font: 17pt arial; letter-spacing: 2px; text-align: center; margin: 0px; color: #F092A9; border-bottom: 2px dashed #B871FF; } h2 { background-color: #D9899D; font: 10pt georgia; letter-spacing: 1px; text-align: left; text-transform: lowercase; margin: 0px; color: #000; } a.mc:link, a.mc:visited, a.mc:active { width: 140px; height: 20px; margin: 1px; background: #E8A8B8; color: #fff; font: 10pt calibri; text-decoration: none; display: block; } a.mc:hover { color: #fff; background: #F2CAC0; cursor: help; text-align: right; } </style> <div style="position: absolute; width: 143px; overflow: auto; height: 222px; left: 874px; top: 340px;"> <a href="#pag1" class="mc"> Página 1 </a> <a href="#pag2" class="mc"> Página 2 </a> <a href="#pag3" class="mc"> Página 3 </a> <a href="#pag4" class="mc"> Página 4 </a> </div> <div id="klays" style="position: absolute;"> <div id="pag"> <a name="pag1"></a> <b>negrito</b>, <i>itálico</i>, <font class="u">sublinhado</font> e <a href="/~orokir">link</a><br><br> blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá </div> <div id="pag"> <a name="pag2"></a> texto página 2 </div> <div id="pag"> <a name="pag3"></a> texto página 3 </div> <div id="pag"> <a name="pag4"></a> Layout, codificação e CSS por <a href="/~orokir">Moldes & Cia</a> </div> </div> </div>

CSS premades

Aqui, ficará os CSS premades, ou seja, pode pegar quantos quiser para por na sua PP sem me avisar, mas é claro, creditando! Espero que gostem, e encontrem um perfeito para sua página!
OBS.: Deixe o código do CSS dentro das tags de estilo

Rosa, preto e lilás

<style> td, p, body, font, a, .medText, b, u { font: 10pt calibri; color: #000; letter-spacing: 0px; } b { color: #F089A2; font-size: 10pt; font-family: calibri; font-weight: bold; } i { color: #000; font: 10pt calibri; font-style: italic; } u { color: #F27292; font: 10pt calibri; border-bottom: 1px dotted #000; } textarea { border: 1px dashed #F06E8E; font-family: Arial; color: #000; } A:link, A:visited, A:active, a { font: 10pt calibri; color: #E03F67; text-decoration: none; } A:hover { font: 10pt calibri; border-bottom: 1px solid #E03F67; color: #000; font-weight: bold; text-decoration: none; } h1 { font: 17pt arial; letter-spacing: 2px; text-align: center; margin: 0px; color: #F092A9; border-bottom: 2px dashed #B871FF; } h2 { background-color: #D9899D; font: 10pt georgia; letter-spacing: 1px; text-align: left; text-transform: lowercase; margin: 0px; color: #000; } </style>

Laranja, rosa e azul

<style> td, p, body, font, a, .medText, b, u { font: 10pt calibri; color: #000; letter-spacing: 0px; } b { color: #F1A628; font-size: 10pt; font-family: calibri; font-weight: bold; } textarea { border: 1px dashed #458DD9; font-family: Arial; color: #000; } i { color: #F19ABB; font: 10pt calibri; font-style: italic; } u { color: #F1D037; font: 10pt calibri; border-bottom: 1px dotted #F5AB26; } A:link, A:visited, A:active, a { font: 10pt calibri; color: #26988C; font-weight: bold; text-decoration: none; } A:hover { font: 10pt calibri; border-bottom: 1px dashed #F5BC29; color: #E88537; font-weight: bold; text-decoration: none; } h1 { font: 17pt georgia; letter-spacing: 1px; text-align: left; margin: 0px; color: #004080; border-left: 20px solid #EF99B8; border-right: 20px solid #EF99B8; } h2 { background-color: #F2A829; font: 10pt georgia; letter-spacing: 1px; text-align: left; text-transform: lowercase; margin: 0px; color: #000; } </style>

Verde,rosa,cinza e azul

<style> td, p, body, font, a, .medText, b, u { font: 10pt calibri; color: #000; letter-spacing: 0px; } b { color: #C0C0C0; letter-spacing: 1px; font-size: 10pt; font-family: calibri; font-weight: bold; } i { color: #64D0FF; font: 10pt calibri; font-style: italic; } u { color: #AECBBF; font: 10pt calibri; border-bottom: 3px dashed #F092A9; } textarea { border: 1px dashed #969696; font-family: Arial; color: #000; } A:link, A:visited, A:active { font: 10pt calibri; color: #000; text-decoration: none; } A:hover { font: 10pt calibri; color: #BBCA86; text-decoration: none; } h1 { font: 17pt georgia; letter-spacing: 2.5px; text-align: center; margin: 0px; color: #BBCA86; border-bottom: 3px solid #FFB9E3; } h2 { font: 12pt calibri; letter-spacing: 0px; text-align: left; text-transform: capitalize; margin: 0px; color: #F092A9; border-left: 17px solid #969696; } </style>

Menus de navegação

Aqui fica alguns menus de navegação personalizados por mim. Espero que gostem e não esqueça de creditar .

Style 1

<style> a.mc { width: 100px; height: 20px; margin: 1px; background: #BFBBBC; color: #fff; font: 10pt calibri; font-weight: bold; text-decoration: none; display: block; border-left: 6px solid #000; border-right: 6px solid #000; } a.mc:hover { color: #fff; background: #808080; border-left: 6px solid #BFBBBC; border-right: 6px solid #BFBBBC; cursor: help; } </style> <div style="position: absolute;"> <a href="#pag1" class="mc"> Página 1 </a> <a href="#pag2" class="mc"> Página 2 </a> <a href="#pag3" class="mc"> Página 3 </a> <a href="#pag4" class="mc"> Página 4 </a> <a href="#pag5" class="mc"> Página 5 </a> <a href="#pag6" class="mc"> Página 6 </a> <a href="#pag7" class="mc"> Página 7 </a> <a href="#pag8" class="mc"> Página 8 </a> <a href="#pag9" class="mc"> Página 9 </a> </div> <style> a.mc { width: 100px; height: 20px; margin: 1px; background: #E38B3D; color: #fff; font: 10pt calibri; font-weight: bold; text-decoration: none; display: block; border-left: 6px solid #EDA464; border-right: 6px solid #EDA464; } a.mc:hover { color: #fff; background: #EDA464; border-left: 6px solid #E38B3D; border-right: 6px solid #E38B3D; cursor: help; } </style> <div style="position: absolute;"> <a href="#pag1" class="mc"> Página 1 </a> <a href="#pag2" class="mc"> Página 2 </a> <a href="#pag3" class="mc"> Página 3 </a> <a href="#pag4" class="mc"> Página 4 </a> <a href="#pag5" class="mc"> Página 5 </a> <a href="#pag6" class="mc"> Página 6 </a> <a href="#pag7" class="mc"> Página 7 </a> <a href="#pag8" class="mc"> Página 8 </a> <a href="#pag9" class="mc"> Página 9 </a> </div> <style> a.mc { width: 100px; height: 20px; margin: 1px; background: #FA9BED; color: #fff; font: 10pt calibri; font-weight: bold; text-decoration: none; display: block; border-left: 6px solid #FA57E4; border-right: 6px solid #FA57E4; } a.mc:hover { color: #fff; background: #FA87EB; border-left: 6px solid #FFBAF6; border-right: 6px solid #FFBAF6; cursor: help; } </style> <div style="position: absolute;"> <a href="#pag1" class="mc"> Página 1 </a> <a href="#pag2" class="mc"> Página 2 </a> <a href="#pag3" class="mc"> Página 3 </a> <a href="#pag4" class="mc"> Página 4 </a> <a href="#pag5" class="mc"> Página 5 </a> <a href="#pag6" class="mc"> Página 6 </a> <a href="#pag7" class="mc"> Página 7 </a> <a href="#pag8" class="mc"> Página 8 </a> <a href="#pag9" class="mc"> Página 9 </a> </div>

Style 2

<style> a.mc { width: 100px; height: 20px; margin: 1px; background: #ECC0BA; color: #fff; font: 8pt verdana; text-decoration: none; display: block; border-left: 6px solid #F06359; border-right: 6px solid #F06359; } a.mc:hover { color: #fff; background: #F06359; } </style> <div style="position: absolute;"> <a href="#pag1" class="mc"> Página 1 </a> <a href="#pag2" class="mc"> Página 2 </a> <a href="#pag3" class="mc"> Página 3 </a> <a href="#pag4" class="mc"> Página 4 </a> <a href="#pag5" class="mc"> Página 5 </a> <a href="#pag6" class="mc"> Página 6 </a> <a href="#pag7" class="mc"> Página 7 </a> <a href="#pag8" class="mc"> Página 8 </a> <a href="#pag9" class="mc"> Página 9 </a> </div>

Style 3

<style> a.mc { font: 10pt candara; text-decoration: none; width: 100px; height: 20px; color: #000; background: url("http://i53.tinypic.com/149ow7t.png"); display: block; text-align: center; padding: 2px; margin: 2px; } a.mc:hover { cursor: help; color: #000; background: url("http://i54.tinypic.com/307n5sh.png"); } </style> <div style="position: absolute;"> <a href="#pag1" class="mc"> Página 1 </a> <a href="#pag2" class="mc"> Página 2 </a> <a href="#pag3" class="mc"> Página 3 </a> <a href="#pag4" class="mc"> Página 4 </a> <a href="#pag5" class="mc"> Página 5 </a> <a href="#pag6" class="mc"> Página 6 </a> <a href="#pag7" class="mc"> Página 7 </a> <a href="#pag8" class="mc"> Página 8 </a> <a href="#pag9" class="mc"> Página 9 </a> </div> <style> a.mc { font: 10pt candara; text-decoration: none; width: 100px; height: 20px; color: #000; background: url("http://i51.tinypic.com/n6753o.png"); display: block; text-align: center; padding: 2px; margin: 2px; } a.mc:hover { cursor: help; color: #000; background: url("http://i56.tinypic.com/2ewd24x.png"); } </style> <div style="position: absolute;"> <a href="#pag1" class="mc"> Página 1 </a> <a href="#pag2" class="mc"> Página 2 </a> <a href="#pag3" class="mc"> Página 3 </a> <a href="#pag4" class="mc"> Página 4 </a> <a href="#pag5" class="mc"> Página 5 </a> <a href="#pag6" class="mc"> Página 6 </a> <a href="#pag7" class="mc"> Página 7 </a> <a href="#pag8" class="mc"> Página 8 </a> <a href="#pag9" class="mc"> Página 9 </a> </div> <style> a.mc { font: 10pt candara; text-decoration: none; width: 100px; height: 20px; color: #000; background: url("http://i56.tinypic.com/2rgzxhw.png"); display: block; text-align: center; padding: 2px; margin: 2px; } a.mc:hover { cursor: help; color: #000; background: url("http://i53.tinypic.com/24vsb9y.png"); } </style> <div style="position: absolute;"> <a href="#pag1" class="mc"> Página 1 </a> <a href="#pag2" class="mc"> Página 2 </a> <a href="#pag3" class="mc"> Página 3 </a> <a href="#pag4" class="mc"> Página 4 </a> <a href="#pag5" class="mc"> Página 5 </a> <a href="#pag6" class="mc"> Página 6 </a> <a href="#pag7" class="mc"> Página 7 </a> <a href="#pag8" class="mc"> Página 8 </a> <a href="#pag9" class="mc"> Página 9 </a> </div>

Resources

Bem, aqui ficará alguns resoucers feitos por mim, espero que gostem ! Os créditos já veem incluidos em alguns, em outros, para você usar basta clicar com o botão direito do seu mouse e clicar em copiar url da imagem. por favor, se usar não esqueça de creditar, todos são da minha autoria.

Buttons Here

<a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/here5.png" border="0"></a><a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/here4.png" border="0"></a><a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/here2.png" border="0"></a><a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/here1.png" border="0"></a>

Setas

<a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setaverme1.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setarosa2.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setaroxa1.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setaverde2.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setacinza2-1.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setaazul1-1.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setaamarela2.png" border="0"></a>

<a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setaverme2.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setarosa1.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setaroxa2.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setaverde1.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setacinza1.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setaazul2.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/setaamarela1-1.png" border="0"></a>

Estrelas

<a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/estrelavermelha.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/estrelarosa.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/estrelaroxa.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/estrelaverde.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/estrelaazul.png" border="0"></a> <a href="/~orokir"><img src="http://i1193.photobucket.com/albums/aa349/viniciusgalvao/-q.png" border="0"></a>

Browser Singns

Encomendando

Para encomendar, basta me mandar um neomail, com o título moldes & Cia - kiwi caso o titulo não for esse, não aceitarei a encomenda.

encomendas abertas

Fichas

Codificação de layouts

Olá Vinny, meu nome é ______ e eu quero fazer uma encomenda de codificação de layout . O link que o layout está: Quantas caixas? : Com ou sem CSS? : CSS na navegação? : Obrigado !

Contador:

Olá Vinny, meu nome é ______ e eu quero fazer uma encomenda de contador . Imagem: Tamanho dos números: Quantos números ? (mínimo:1, máximo:6): Cor dos números: Com borda? qual a cor: Números na vertical ou horizontal ?: Obrigado !

CSS

Olá Vinny, meu nome é ______ e eu quero fazer uma encomenda de CSS . Cores: Quantos Headers?: Navegação ? : Obrigado !

Entregas

Bom, aqui é onde fica as encomendas prontas, espero que gostem do resultado e volte sempre que precisar
1. Mari/ Contador
JÁ PEGOU
2. Júh/ Codificação
JÁ PEGOU
3. Lara/ Contador
<div style="background-position: center; background-repeat: no-repeat; width: 88px; height: 83px; background-image: url('http://i44.tinypic.com/jf99px.jpg');"><img src="http://cgi.boingdragon.com/count/viniciusgf/3.gif" width="88" height="83"></div>
4. Nome/ Categoria
nada
5. Nome/ Categoria
nada

Lista de espera

Aqui, fica as pessoas que estão esperando pela sua encomenda. Provavelmente, quando a mesma estiver cheia, as encomendas estarão fechadas, portanto, não mande neomail dizendo que precisa de uma urgente e não insista, por favor!

Lista de espera

1. Mari/ Contador
2. Júh/ Codificação
3. Lara/ Contador
4. Nome/ Categoria
5. Nome/ Categoria

Sitely

Link back

<a href="/~orokir"><img src="http://i53.tinypic.com/30rqmqd.gif" border="0" title="Moldes e Cia - Venha conhecer!"></a> <a href="http://www.neopets.com/~orokir"><img src="http://i931.photobucket.com/albums/ad159/_alacarte_/Encomendas/MEC.png" border="0" title="Moldes e Cia - Venha conhecer!"></a>
mais?
Ou, se preferir, pode creditar de outro modo:
Obrigado ao <a href="/~orokir">Moldes & Cia</a> pelo {o que você pegou aqui}
Visualização:
Obrigado ao Moldes & Cia pelo {o que você pegou aqui ex.: molde,resource, etc}

Sister site

Na Stupefying tem vários estilos de layouts premades, menus, headers super caprichados, eu recomendo!

Parceiros

Reviews e Rankings

Listers

Muro da vergonha

Aqui, ficam as pessoas desonestas em que não respentam as regras.
UFA ninguém aqui, espero que continue assim!

Fanmails

Aqui ficarão alguns neomails recebidos de algumas pessoas, dando a sua opnião sobre a petpage !

Arraste as imagens até o seu navegador para visualiza-las em tamanho real
Obrigado a todos, adorei mesmo !

Créditos

Layout, codificação, CSS e codificação por Vinny

Link back

<a href="/~orokir"><img src="http://i55.tinypic.com/34fzfc3.gif" border="0" title="Moldes e Cia - Venha conhecer!"></a> <a href="/~orokir"><img src="http://i854.photobucket.com/albums/ab101/Infel239/MoldesCia.gif" border="0" title="Moldes e Cia - Venha conhecer!"></a> <a href="/~orokir"><img src="http://i54.tinypic.com/5bts02.gif" border="0" title="Moldes e Cia - Venha conhecer!"></a> <a href="/~orokir"><img src="http://i928.photobucket.com/albums/ad125/Lolitalol/Kawaiialbum/Buttonfly/linkmeMC.gif" border="0" title="Moldes e Cia - Venha conhecer!"></a>

<a href="/~orokir"><img src="http://i53.tinypic.com/30rqmqd.gif" border="0" title="Moldes e Cia - Venha conhecer!"></a><a href="http://www.neopets.com/~orokir"><img src="http://i931.photobucket.com/albums/ad159/_alacarte_/Encomendas/MEC.png" border="0" title="Moldes e Cia - Venha conhecer!"></a><a href="/~sicrano"><img src="http://i1214.photobucket.com/albums/cc488/photozinha/MOLDES.gif" border="0" title="Moldes e Cia - Venha conhecer!"></a> <a href="/~sicrano"><img src="http://i317.photobucket.com/albums/mm376/horslover639/buttonnumber15.gif" border="0" title="Moldes e Cia - Venha conhecer!"></a>
voltar