►md

mensagensdiversificadas.com.br ...mensagens diversificadas...para pessoas que gostam de se comunicar

Pesquisar

Mostrando postagens com marcador webblogger. Mostrar todas as postagens
Mostrando postagens com marcador webblogger. Mostrar todas as postagens

26/06/2014

Saiba :"Como Fazer Um Template Ensinando detalhadamente"…???

09:44 0




"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 DESIGN 
e a  
parte 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"  ,
..."ela é a figura principal
aquela imagem que fica bem em cima” 

 Imagem 02

“Essa Imagem será o fundo,  
todo template precisa de um fundo”...  


..."agora que a parte do design está feita
vamos para a parte mais 
“CHATA” 
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 

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 

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 

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"






Related Posts with Thumbnails
...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 




___________________________________________________________________

curtir



arquivo

o ooOAdicione sua URL no Google, e apareça nas buscas || Пост!Featured on Hometalk.com