Gráficos

Finalmente estamos com algo novo no GLB. Estamos com moldes para contadores , em breve colocarei mais layouts com algo de novo para vocês usarem.

Contadores - Moldes de lay - Layouts Prontos

Contadores

Ola meus queridos
Filnalmente algo de novo no GLB né?
Estou disponibilizando esses moldes de contadores, para vocês
poderem usar em suas petpages , lookups ou lojas.

O link da imagem está na caixinha, para você ver como utilizar, vá na sessão Fazendo um contador

As coordenadas das caixinhas já estão ao lado da imagem.

X=55 ; Y= 80
Fonte= Large/Small

X=81 ; Y=50 / vertical
Fonte= Small

X=105 ; Y=126
Fonte= small

X=63 ; Y=87
Fonte=small

X=60 ; Y=43
Fonte=todas

X=95 ; Y=85 /vertical
Fonte= todas

X=58 ; Y=102
Fonte=todas

X=56 ; Y=135
Fonte=todas

X=79 ; Y=129
Font=large/small

X=102 ; Y=63
Fonte= large,small

X=103 ;Y=52
Fonte=todas

X=79 ; Y=129
Fonte=large/small

Menu - Moldes de lay

Moldes de layout

Visto que muitos tem dificuldade em codificar,
Como colocar a imagem do lay na codificação.
O primeiro código é da imagem do molde.
Você vai pegar o url da imagem , abrir no navegador, que é onde você
digita o endereço do site, após abrir a imagem, espere aparecer uma
lupa para aumentar um pouquinho a imagem, salve a imagem no seu computador. Depois disso é só alegria, você vai enfeitar como quiser.

Moldes contínuos - Moldes fixos

Moldes contínuos

Modelo 1

url imagem

Molde codificado

molde codificado

Molde codificado

Molde codificado

Modelo 5

url da imagem

Molde codificado

Molde codificado

Molde codificado

Molde codificado

Molde codificado

CAIXINHA DA ESQUERDA

CAIXINHA DA DIREITA

<br><br><br><br><br><a href="#moldecont">Moldes contínuos</a> - <a href="/~Guia_Legal#tutoriais">Menu</a> - 
<a href="#laypronto">Layouts Prontos </a>

<div id="pag">
<a name="laypronto"> </a>
<center>
<h1>Layouts prontos</h1>

<br><br>
Olá queridos,muita gente me pede para fazer layouts , mas fica difícil atender 
<br>a todos,então resolvi fazer alguns e colocar aqui para que todos possam usar.
<br>
Os layouts aqui colocados são todos de minha autoria, mas podem usar a vontade, 
<br>desde que ,claro, não tirem os créditos. Se o link-me não agradar, tem outros para você escolher.
<br><b>
<br><div id="caixinha2"><img src="http://i45.tinypic.com/1zejqk7.jpg"></div>

<a href="#1">Parte 1</a>
<br><a href="#2">Parte 2</a>
<br><a href="#3">Parte 3</a>
<br><br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI

<br><br><br><center>
<br>Molde e lay  por
<br><a href="/~guia_legal"><img src="http://i45.tinypic.com/kej9yd.jpg"></a>
<br>
</center>
</div>

<a name="1"> Parte 1</a>
<br>

TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="2"> Parte 2</a>
<br>

TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="3"> Parte 3</a>
<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI

<div style="position: absolute; left: 28; top: 212; width: 240; height: 340; overflow: auto;">
 <br><a href="#1">Parte 1</a>
<br><a href="#2">Parte 2</a>
<br><a href="#3">Parte 3</a>
<br><br>

TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI 
<br><br><br><center>
<br>Molde e lay  por
<br><a href="/~guia_legal"><img src="http://i49.tinypic.com/jsy1xt.jpg"></a>
<br>
</center>
</div>

<a name="1"> Parte 1</a> <br>

TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="2">Parte 2 </a><br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="3"> Parte 3</a><br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI
TEXTO AQUI TEXTO AQUI TEXTO AQUI

<br><br><br><div id="caixinha2"><img src="http://i45.tinypic.com/10o4qa1.jpg"></div>
<br><textarea><img src="http://i47.tinypic.com/1zx2ttt.jpg" style="position: absolute; top: 0; left: 0;"><div style="position: absolute; left: 43; top: 76; width: 230; height: 160; overflow: auto;">
CAIXA DO TOPO<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI

</div>

<div style="position: absolute; left: 50; top: 495; width: 650; height: 257;">
CAIXA  DA DIREITA<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
</div>

CAIXA DA ESQUERDA<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI

<br><br><center>
Molde e lay by
<br><a href="/~guia_legal"><img src="http://img443.imageshack.us/img443/7830/anigifxy.gif" border="0"></a>
<br><br><br><br><br><div id="caixinha2"><img src="http://i50.tinypic.com/xdczs5.jpg"></div>
<br><textarea><img src="http://i46.tinypic.com/214cvia.jpg" style="position: absolute; top: 0; left: 0;"><style>
h1 {
	font-family: tahoma;
	font-size: 70px;
	color: #ffffff;
	border: 0px dashed #fae6fa;
	text-align: -blocked-;
}
</style>
<div style="position: absolute; left: 67; top: 100; width: 700; height: 257;">

<h1>Seu título aqui</h1>

</div>

<div style="position: absolute; left: 27; top: 330; width: 200; height: 140; overflow: auto;">
CAIXA DO TOPO
<br>

TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI

</div>

TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI

<br><br><center>
Molde e lay by 
<br><a href="/~guia_legal"><img src="http://img443.imageshack.us/img443/7830/anigifxy.gif" border="0"></a>
<br><br>
</center>
</div>

TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI

CAIXINHA DA DIREITA <br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI

</div>

CAIXINHA DA ESQUERDA <br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI

<br><br><br><center>
Molde e lay by
<br><a href="/~guia_legal"><img src="http://img443.imageshack.us/img443/7830/anigifxy.gif" border="0"></a>
<br><br><br><br><div id="caixinha2"><img src="http://i47.tinypic.com/13yjoyd.jpg"></div>
<br><textarea><div style="position: absolute; top: 0; left: 0;">
<p><span style="position: absolute; left: 0; top: 0;"><img border="0" src="http://i49.tinypic.com/28qupnc.jpg"></span></p>
</div>

<a name="1">Parte 1</a><br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="2">Parte 2</a><br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="3">Parte 3</a><br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI

<br><br><br><div id="caixinha2">
<img src="http://i45.tinypic.com/2gumoax.jpg">
</div>
<br><textarea> body {background: url("http://i45.tinypic.com/a9smdw.jpg");}
<div style="position: absolute; top: 0; left: 0;">
<p><span style="position: absolute; left: 0; top: 0;"><img border="0" src="http://i46.tinypic.com/suy4cj.jpg"></span></p>

TEXTO ROLANTE AQUI

</div>

<div id="nav" style="position: absolute; overflow: auto; left: 610px; top: 350px; width: 250px; height: 315px;">
 
<a href="#home">Principal</a>
<br><a href="#1">PARTE1</a>
<br><a href="#2">PARTE2</a>
<br><a href="#3">PARTE3</a>
<br><a href="#4">PARTE4</a>
<br><a href="#5">PARTE5</a>
<br><a href="#6">PARTE6</a>
<br><a href="#7">Créditos</a>

</div>

<a name="home">PRINCIPAL</a>

<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="1">PARTE 1</a>

<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="2">PARTE 2</a>
<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="3">PARTE 3 </a>

<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="4">PARTE 4 </a>
<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="5">PARTE 5 </a>

<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="6"> PARTE 6</a>
<br>
TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI TEXTO AQUI
<br><br><a name="7">Créditos</a>
<br><br>
Layout feito e codificado por
<br><a href="/~guia_legal"><img src="http://img443.imageshack.us/img443/7830/anigifxy.gif" border="0"></a>
<br><br><br><br><div id="caixinha2">
<img src="http://i45.tinypic.com/r08a5x.jpg">
</div>
<br><br><textarea><img src="http://i46.tinypic.com/28cj2va.jpg" style="position: absolute; top: 0; left: 0;"><style type="text/css">
body {
	cursor: url("http://www.123cursors.comhttp/www.123cursors.com/freecursors/7738.ani");
}
</style>
<br>

Seu título aqui

TEXTO AQUI TEXTO AQUI CAIXINHA DIREITA

TEXTO AQUI TEXTO AQUI CAIXINHA ESQUERDA

Créditos
Layout feito e codificado por

Lay by i_isa_bela_00, obrigado Lesma

CAIXINHA CENTRAL
<br><br>Codificado por <br><a href="/~guia_legal"><img src="http://img443.imageshack.us/img443/7830/anigifxy.gif" border="0"></a>

<br><br><br><br><img src="http://i47.tinypic.com/20b1w29.jpg" width="350" height="250"><br>Lay by i_isa_bela_00, obrigado Lesma
<br><textarea><img src="http://i47.tinypic.com/20b1w29.jpg" border="0" style="position: absolute; top: 0; left: 0;"><style>
#Hidden {
	overflow: hidden;
	left: 45px;
	top: 227px;
	width: 406px;
	height: 342px;
}
#pag {
	overflow: auto;
	width: 406px;
	height: 342px;
}
</style>
<div style="position: absolute; left: 668; top: 224; width: 155; height: 341; overflow: auto;">
Navegação
<br><a href="#home">Principal</a>
<br><a href="#pag1">PARTE 1</a>
<br><a href="#pag2">PARTE 2</a>
<br><a href="#pag3">PARTE 3</a>
<br><a href="#pag4">PARTE 4</a>
<br><a href="#pag5">PARTE 5</a><br>
</div>

Texto da caixinha do link-me

Texto da caixinha outros
<br>Codificado por<br><a href="/~guia_legal"><img src="http://img443.imageshack.us/img443/7830/anigifxy.gif" border="0"></a>

<div id="Hidden" style="position: absolute;">
<div id="pag">
<a name="home"></a>
Principal
<br>textoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaqui
textoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaqui
</div>

<div id="pag">
<a name="pag2"> </a>
Parte 2<br>
textoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaqui

</div>

<div id="pag">
<a name="pag3"> </a>
Parte 3
<br>
textoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaqui
</div>

<div id="pag">
<a name="pag4"> </a>
Parte 4
<br>
textoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaqui
</div>

<div id="pag">
<a name="pag5"> </a>
Parte 5
<br>textoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaquitextoaqui
textoaquitextoaqui
 
<br><br><br><br><br><br><br>
</div>
</div>