"Como Fazer Um Template Ensinando detalhadamente"…???
Pesquisa rebuscada
na net,
e,
fonte + creditos,
merecidamente para:
forum.wmonline.com.br/
topic/66199-
tutorial-de-como-fazer-um-template
” Tutorial De Como Fazer Um Template Ensinando detalhadamente”
” Um template é composto por 2 partes…... a parte do DESIGNe aparte do CODIGO…
..."a parte do design que é mais fácil… “
“PARTE 1" – PARTE DO "DESIGN”
“A parte do design surge
a partir da sua criatividade e talento…
...para você poder fazer um template com imagens "legais"...
...é necessário que saiba mecher em alguns programas de "design"…
...como o :
Corel Draw,
PhotoShop,
Fireworks( o mais fácil de mecher e o mais usado)”
…"mas para você poder aprender a fazer o template mais rápido e sem nenhuma necessidade de ficar se preocupando com imagens
...foi colocada duas imagens na internet”
Imagem 01
“Essa Imagem será o fundo,
todo template precisa de um fundo”...
..."agora que a parte do design está feita,
vamos para a parte mais
do template,
que é o
CÓDIGO FONTE"
"PARTE 2 " – CÓDIGO FONTE"
“O Código fonte é a parte principal de um site, blog, etc.
… "e não é difícil aprender o CÓDIGO FONTE,
ele é chamado de "HTML"
… "todos devem ter ouvidos falar "…
... "rápido e fácil de aprender"…
...então:
"O código fonte é
compostos por
tags,
são elas:
HTML,
HEAD,
TITLE
e
BODY,
Todas as "tags",
são necessárias,
serem fechadas,
assim após abertas.
Exemplo, para o caso da postagem/tutorial, a ser ensinada aqui:
▼
<HTML> xxxxxxxxx </HTML>
Sendo que:
< = Sinal de abrir
> = Sinal de fechar
/ = Fechar a "tag" (vide ecemplo acima)
"HTML" é a "tag" principal
HEAD é uma das "tags" que poucas vezes é usado…
é mais usado em alguns "SCRIPT"
TITLE como o nome mesmo diz, é a parte que ficará o título do seu site
BODY é o corpo do site…
...nele que colocaremos todo o código"…
..."colocação do código inteiro
aqui
e
depois
..."explicando parte por parte "...
"CODIGO 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>
“aí está o código, certo"...
...agora,
... explicação das partes mais importantes…
...tem uma parte que ,
não é aconselhável mudar
para quem esta aprendendo agora...”
..."no começo
aonde está escrito “COLOQUE AQUI SEU TÍTULO” é aonde você vai colocar o titulo é ,claro,
... é dentro da tags :
<title> </title>
Exemplo:
<title> Minhas Poesias</title>
“depois vem
aonde fica o
endereço das imagens,
para você poder
colocar o fundo
e
a imagem principal,
ela
"precisa estar na internet"…
...depois vem o PERFIL…
...aí : coloca o seu nome…
...aí vem a parte importante de um blog…
..."o código"...
o qual
..."mandará as mensagens para o template"…
..."cada lugar que você coloca o seu blog tem um"…
..."eles nunca são iguais"…
..."existem o
blogger,
blig,
uol,
weblogger"...
..."no código
lá
em cima tem uma parte que está escrito :
“COLOQUE O CODIGO DA HOSPEDAGEM AQUI”
..."então lá,
é
que você vai colocar o código de qual você vai usar"…
...seguem , aqui
os códigos do
blogger,
blig
e do
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 -->
…
"Caso alguns desses, ter problema,
é porque
...não não foi testado"
…"só foi testado o código do
blogger"…
..."ele está funcionando "...
“O Template está pronto"…
..."alguns outros templates"
… mas ,
..." ainda :" arrumar os códigos deles"…
...mas se vocês
quiserem ver:
"TEMPLATE 01 – GORILLAZ
TEMPLATE 02 – IRON MAIDEN
TEMPLATE 03 – DIABLO"
...caso alguém quiser usar alguns dos templates que acima "...
...para pegar o o código por inteiro"…
é so mandar um email
para:
sr.kremer@bol.com.br
___________________________________________________________________
0 Comentários
Mensagem do formulário de comentário:......mensagens diversificadas...para pessoas que gostam de se comunicar...