Um template é composto por 2 partes... a parte do DESIGN e a parte do CODIGO...
vou começa ensinado a parte do design que é mais facil...
PARTE 1 - PARTE DO DESIGN
A parte do design surgi a parti da sua criatividade e talento... para vc poder fazer um template com imagens legais é necessario q saiba mecher em alguns programas de design... como o Corel Draw, PhotoShop, Fireworks( o mais facil de mecher e o mais usado)
mais pra vc poder aprender a fazer o template mais rapido e sem nenhuma necessidade de ficar se preocupando com imagens eu coloquei duas imagens na internet
(Essa imagem é a figura principal aquela que fica bem em cima).
(Essa Imagem será o fundo, todo template precisa de um fundo...)
PARTE 2 - CODIGO FONTE
O Codigo fonte é a parte principal de um site, blog, etc... é não é dificil aprender o CODIGO FONTE, ele é chamado de HTML... todos devem ter ouvidos já... certo... vou tentar explicar rapido e facil de aprender... vamos lá
O codigo fonte é compostos por tags, são elas: HTML, HEAD, TITLE e BODY, todas as tags é necessario fechar, ex: <HTML> xxxxxxxxx </HTML>
HTML é a tag principal
HEAD é a tags que poucas vezes é usado... é mais usado em alguns SCRIPT
TITLE como o nome mesmo diz, é a parte que ficara o titulo do seu site
BODY é o corpo do site... nele que colocaremos todo o codigo...
ai galera eu vou colocar o codigo inteiro aqui e depois vou explicando parte por parte certo...
CÓDIGO INTEIRO
<html> <head> <!-- NÃO MUDE NADA ATÈ ALI EM BAIXO--> <STYLE type="text/css"> <!-- BODY { scrollbar-face-color: FFFFFF; scrollbar-highlight-color: 000000; scrollbar-3dlight-color: 000000; scrollbar-darkshadow-color: FFFFFF; scrollbar-shadow-color: FFFFFF; scrollbar-arrow-color: 000000; scrollbar-track-color: 000000; } --> </STYLE> <meta http-equiv="Content-Language" content="pt-br"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <script language="Javascript1.2" src="http://blig.ig.com.br/js/funcoes_templates.js"></script> <STYLE type="text/css"> P, body, td, tr, div { font-style: normal; font-weight: normal; font-size: 10px; color: #FFFFFF; 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> <!-- FIM DA ONDE NÂO È PRA MUDAR --> <title>"COLOQUE O SEU TITULO AQUI"</title> </head> <!-- AQUI QUE FICA O ENDEREÇO DA FIGURA (ESSE É O FUNDO O SITE) --> <body background="http://sr.kremer.vila.bol.com.br/gorillaz_02.gif"> <table width="669" border="0" cellspacing="0" cellpadding="0" height="0"> <!-- AQUI FICA O ENDEREÇO DA FIGURA PRINCIPAL --> <img src="http://sr.kremer.vila.bol.com.br/gorillaz_01.gif"></table> <!-- INICIO DO SEU PERFIL --> <div id="Layer1" style="position:absolute; left:20px; top:567px; width:161px; height:68px; z-index:1"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <p align="left"><b><font color="#FFFFFF" size="2"> Perfil</font></b><br> <br> <b>Nome</b>: Seu Nome<br> <b>Idade</b>: Sua Idade<br> <b> Icq</b>: Seu Icq<b> <br> Email</b>: Seu Email<br> <strong>Signo</strong>: Seu Signo<br> <b>Coisas que adoro</b>: "Coisas que você adora fazer"<br> <b> Coisas que odeio</b>: "Coisas que você odeia"<br> <p></p> <p> <font color="#FFFFFF"><b><font size="2">Blogs Amigos</font></b></font><br> <br> <a href="http://www.so_templates.blig.com.br" target="_blank">Blog do So_Templates </a><br> </p> <p> <b><font color="#FFFFFF" size="2">Links</font></b><br> <br> <a href="http://www.so_templates.blig.com.br" target="_blank"> So_Templates</a><br> <a href="http://www.blig.com.br">Blig</a></p> <p> <b><font color="#FFFFFF" size="2">Arquivo</font></b><br> <br> <!--FIM DO SEU PERFIL --> </p> <br> <p align="center">Template by<br> So_Templates</p></td> </tr> </table> </div> <div id="Layer2" style="position:absolute; left:252px; top:610px; width:488px; height:46px; z-index:2"> <div align="center"> </p> <br> <p align="center"> <!--INICIO - CODIGO DA HOSPEDAGEM --> <!-- COLOQUE O CODIGO DA HOSPEDAGEM AQUI --> <!--FIM - CODIGO DA HOSPEDAGEM--> </body> </html>
tem uma parte que não é aconselhavel mudar pra quem esta aprendendo agora...
no comeco aonde ta escrito "COLOQUE AQUI SEU TITULO" é aonde você vai colocar o titulo é claro, é dentro da tags <title> </title>
depois vem aonde fika o endereço das imagens, pra vc poder colocar o fundo e a imagem principal, ela precisa estar na internet...
depois vem o PERFIL... ai todos sabem né... coloca o nome...
ai vem a parte importante de um blog... o codigo que mandara as mensagens para o template... cada lugar q vc coloca o seu blog tem um... eles nunca são iguais... existem o blogger, blig, uol, weblogger... no codigo la em cima tem uma parte q ta escrito "COLOQUE O CODIGO DA HOSPEDAGEM AQUI" então la que vc vai colocar o codigo de qual vc vai usar...
aqui vou colocar os codigos do blogger, blig e do weblogger certo
BLOGGER / BLIG / WEBLOGGER
BLOGGER
<!--INICIO - tags do Blogger --> <blogger> <p class="mensagem"><small><b><$BlogItemDateTime$>< /font></b></small><br><br> <font size="1"><$BlogItemBody$></font><br><br> <small>Enviado por <b><$BlogItemAuthorNickname$></b></small></font> </p> </blogger> <br> <br> <div align="center"><br> <br> <br> *Template Exclusivo do So_Templates</div> </div> <tr> <td> <!--FIM - tags do Blogger --></p> </a></td> </tr> </table> </div> <div id="Layer2" style="position:absolute; left:252px; top:610px; width:488px; height:46px; z-index:2"> <div align="center">
Blig
<!--INICIO - tags do Blogger --> <p class="mensagem" align="justify">[#LISTAGEM#]</p> <br> <br> <p> </p> <p><div align="center">*Template exclusivo do So_Template</font> </div></p> </div> <!--FIM - tags do Blogger -->
Weblogger
<!--INICIO - tags do Blogger --> <weblogger> <font size="1"> <weblogcabecalhodata> </font> <tr align="left"> <td width="520"> <p align="center"> <#weblogDataCabecalho#> <br> <br> </p> </td> </tr> </weblogcabecalhodata> <tr> <td width="520"> <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> <br> <br> <p> </p> <p>*Template exclusivo do So_Templates</font> </div></p> </div> <!--FIM - tags do Blogger -->
O Template ta pronto... espero ter ensinado... aqueles que tiverem alguma dúvida é só mandar um email para mim coqueirodownloads@gmail.com ou comentar na postagem
eu fiz alguns outros templates... mais eu ainda tenho q arrumar os codigos dele... mais se vcs quiserem ver ta ai... se alguem quiser usar alguns dos templates q esta ai é so mandar um email q eu passo o codigo por inteiro... certo. dai pra frente é só ter criatividade para criar
TEMPLATE 01 - GORILLAZ
TEMPLATE 02 - IRON MAIDEN
TEMPLATE 03 - DIABLO
0 comentários:
Postar um comentário