TBL

Nova pagina 1
Olá!!! Bem VINDO AO 2º TUTORIAL DE

COMO FAZER TEMPLATES!!!

É fácil e simples de fazer!!! Peço a vocês que não copiem o TUTORIAL! A não ser que pegue e coloque os devidos

CRÉDITOS, BOM agradeço A TODOS e espero que GOSTEM

Primeiramente você terá de ter alguns programas como de editor de HTML... um Front Page por exemplo, e o Photoshop para ficar legais seus templates, mas caso não tiver basta ter o PAINT na sua casa.

~> 1º passo: Escolha um wallpaper e abra no Paint, faça dois retângulos o do Post e do Perfil, Lembre-se que seu wallpaper deve medir 800 por 600. Os retangulos que vc fizer tem de ser contínuos... IREI mostrar duas versões na qual uma está errada e outra está certa



essa figura ai de cima, está errada os retângulos, porque eles não continuam e sim acabam no final do wallpaper dêem uma olhada a seta que eu coloquei está mostrando. E para que seu templates dê certo os retângulos tem de ser contínuos. como mostra esta figura abaixo:



Esta figura mostra como os retangulos devem ser, ele tem de ser continuos!! a seta mostra como os retangulos estão continuos

~> 2º passo: depois ter feito o topo, você irá salválo com o nome que desejar, mas lembre-se o topo deverá ser salvo em JPG, ou em GIF caso fizer no photoshop.

~> 3º passo: Agora vc terá de pegar a LINHA do Topo, vc deve estar perguntando " COMO assim LINHA?" bom pessoal a linha é a que faz o template ser contínuo, a linha é o fundo.Para pegar a linha vc terá de pegar o topo que fez e seguir os seguintes comandos:



vc vai em IMAGEM > INVERTER/GIRAR > INVERTER VERTICALMENTE > APERTA OK

depois de ter feito isso vc irá em IMAGEM> ATRIBUTOS> e onde estiver ALTURA vc irá colocar o número 1

nisso formará um linha, agora salve esta linha com o nome que desejar.

~> 4º passo:Agora vc já tem tudo, a LINHA e o topo, vai em seu blog e faça upload dessas duas coisas que vc fez, a linha e o topo. depois de fazer o UPLOAD vc terá de mexer em códigos..um pouco complicado mas vc que chegou até aki vai conseguir!!!

Darei aki dois códigos para quem mexe no WEBLOGGER E NO BLOGGER...estes códicos serão editados por vc no FRONT PAGE ou em um editor de HTML

Este é do BLOGGER              Este é do Weblogger
<html> <head> <title>Teste</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript">  </script> <STYLE type="text/css"> P, body, td, tr, div { font-style: normal; font-weight: normal; font-size: 10px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; } A, A:link{color:#FFFFFF;text-decoration:none} A:visited{color:#FFFFFF} A:active{color:#FFFFFF} a:hover {text-decoration: none; filter: shadow(Color=#666666, strength=1); height:0px; cursor: hand; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF} hr{width:100%;color:#4FC7FB;height:5;border:1px solid #1A348B; text-align:center} </STYLE> </head> <body bgcolor="#FFFFFF" background="Coloque aki a URL do UPLOAD que você fez da LINHA" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="Layer2" style="position:absolute; left:38px; top:350px; width:408px; height:46px; z-index:2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top">  <p><b>[ info ]</b><font size="2"><br> </font>Nome, idade, onde mora. Aproveite para falar tudo sobre você.<br> </p> <p><b>[ arquivos ]<br> </b><br> </p> <p> <b>[ blogs favoritos ]</b><br> <br>  <br> </p> <p> <b>[ sites ] <br> </b> <br> <br> <br>  </p> <p><b>[ layout por ]</b><br> COLOQUE AKI OS SEUS CRÈDITOS </p> </td> </tr> </table> </div> <div id="Layer1" style="position:absolute; left:539px; top:578px; width:215px; height:68px; z-index:1"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td>  <blogger> <p><blogdateheader> <b>[<$BlogDateHeaderDate$>]</b></blogdateheader></p> <p><$BlogItemBody$><br><br> por <$BlogItemAuthor$> * <$BlogItemDateTime$><br><p align="center">____________________</p> </blogger>  </td> </tr> </table> </div> <table width="669" border="0" cellspacing="0" cellpadding="0" height="403"> <img src="Coloque aki a URL do UPLOAD que você fez do TOPO"></table> </body> </html>                                 <html> <head><TITLE><#TituloWebLog#></TITLE> <META NAME="GENERATOR" Content="Microsoft FrontPage 5.0"> <META NAME="DESCRIPTION" CONTENT="WEBLOGGER.COM.BR - PUBLIQUE SUAS IDÉIAS NA WEB."> <META NAME="KEYWORDS" CONTENT="<#TituloWebLog#>, weblog, weblogs, weblogger, webloggers, weblogger.com.br, diários, blog, blogs, hospedagem, brasil, brasileiro, grátis, homepage, página, site, gratuito, novidade, blogger, blogger.com.br"> <script language=javascript src='http://www.weblogger.com.br/js/weblogger.js'></script> <title>Teste</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript">  </script> <style> body, p, td {font-family: verdana; font-size: 10px; color: #000000; } a:link {text-decoration:none;color:#FE225A; } a:visited {text-decoration:none; color:#FE225A; } a:active {text-decoration:none; color:#FE225A;} a:hover {text-decoration:none; color:#FF5F81; font:bold; cursor: none;} BODY { scrollbar-face-color:#FFC6E2; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FF9DCE; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#FF84C1; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFD9EC; }</style> </head> <body bgcolor="#FFFFFF" background="Coloque aki a URL do UPLOAD que você fez da LINHA" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="Layer1" style="position:absolute; left:80px; top:481px; width:276px; height:68px; z-index:1"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top">  <p><b>[ info ]</b><font size="2"><br> </font>Nome, idade, onde mora. Aproveite para falar tudo sobre você.<br> </p> <p><b>[ arquivos ]<br> </b><br> </p> <p> <b>[ blogs favoritos ]</b><br> <br>  <br> </p> <p> <b>[ sites ] <br> </b> <br> <br> <br>  </p> <p><br><b>.:: Layout by ::.</b> </p> colque aki os créditos do layout </p> </td> </tr> </table> </div> <div id="Layer2" style="position:absolute; left:451px; top:110px; width:324px; height:46px; z-index:2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td>   <p align="center"> <weblogger> <table cellpadding="0" cellspacing="0" border="0" width="98%"> <font size="1"> <weblogcabecalhodata> </font> <tr align="left"> <td> <p align="center"> <#weblogDataCabecalho#> <br> <br> </p> </td> </tr> </weblogcabecalhodata> <tr> <td> <p align="justify"><#weblogMensagem#></p> <p align="left"> :: Enviado por <a href="mailto:<#weblogEmail#>"> <#weblogApelido#> </a> - <#weblogHora#> ::<br> <a href="javascript:wb_comentario(<#weblogcodigo#>)"> <#weblogTotalComentarios#> comentários.</a> <br> </p> </td> </tr> </table> <p align="left"> </weblogger>   </td> </tr> </table> </div> <table width="669" border="0" cellspacing="0" cellpadding="0" height="403"> <img src="Coloque aki a URL do UPLOAD que você fez do TOPO"></table> </body> </html>

Onde estiver o "COloque AKi o endereço do seu upload da LINHA" você colocará a URL da linha.

Onde estiver o "COloque AKi o endereço do seu upload do TOPO" você colocará a URL do topo

~> 5º passo:Depois de ter feito isso, você terá de mexer com As div Também será simples! As divs servem para que seu texto esteja no lugar certo! Para que isso aconteça você deve ter que regular algumas coisas! Mas antes vcs terão de achar onde estãos as duas divs do seu template, por isso procure algo parecido com esse código que vou dar:
<div id="Layer1" style="position:absolute; left:539px; top:578px; width:215px; height:68px; z-index:1">

Normalmente as divs estarão perto do endereço de seus topos e linhas.. mas PROCUREM para que vcs achem!

Agora que você achou onde esta as divs vc terá de ver se o seu texto estrá posicionado certo caso não vc terá de mudar!

Left:a distancia da esquerda que o texto vai ter



Top : a distancia do topo para o texto



Width: a largura que terá o texto.



Assim você terá de regular até que fique certinho.

A sua regulagem terá que diminuir alguns números como aumentar outros assim vc terá ir vendo até ficar bom!!!

BOm pessoinhas eu espero que tenho ajudado e caso não conseguirem entender alguma parte lembre-se de me manda um e-mails:

lycinha_mg@ig.com.br ou conversarem comigo no icq: 250977066

Não poderão copiar esse tutorial sem me darem os devidos créditos!!! BEIJÃO

Alice Ribeiro Copyright © 2004 - Proibida reprodução total ou parcial
~~no copycats~~