Novo Fórum !
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.



 
InícioInício  PortalPortal  Últimas imagensÚltimas imagens  ProcurarProcurar  RegistarRegistar  EntrarEntrar  

Novo Fórum ! :: Area Off :: Floods e FanartsCompartilhe

Assinatura- Tutorial

Teseu
TeseuAnjo Lunar
https://cdznewomega.forumeiros.com
MensagemAssunto: Assinatura- Tutorial Assinatura- Tutorial Icon_minitime1Sáb Jan 19, 2013 4:30 pm
Olá, alguns se perguntam como fazer uma assinatura com códigos, até porque isso virou moda né, então vou ensinar a vocês

Citação :
Adiciona isso em sua assinatura

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-32" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.footer-sign { /* Barra na parte inferior da assinatura */
  background-color:Cor em HTML;
  -moz-border-radius:0px 0px Xpx Xpx; /* Borda Arredondada */
  padding-left: 5px; /* Ajustes */
  padding-right: 5px; /* Ajustes */
}

.footer-link { / *Links */
  color: Cor em HTML; /* Cor do Texto */
  font-variant: small-caps; /* Variação: Small- Caps */
  text-decoration: none !important; /* Evite Sublinhado o Link */
  margin-right: 20px; /* Ajustes */
  font-size: 12px; /* Tamanho do Texto */
  font-family:"Arial", Arial, Helvetica, sans-serif;
}

.footer-link:hover { /*Ligação Geral */
  color: Cor em HTML; /* Cor do Texto*/
  text-shadow: 0px 1px 3px Cor em HTML; /* FF3.5+, Opera 9+, Saf1+, Chrome */
}
 
.top-sign { /* Barra no topo da assinatura */
  background-color: Cor em HTML; /* Couleur du fond */
  -moz-border-radius:Xpx Xpx 0px 0px; /* borda arredondada */
  padding-left: 5px; /* ajuste */
  padding-right: 5px; /* Ajuste */
}

.small-caps { font-variant: small-caps ;}

.contour {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 6px #1F1F1F;
-webkit-box-shadow: 0px 0px 6px #1F1F1F;
box-shadow: 0px 0px 6px #1F1F1F;
background-color: #000;
}
-->
</style></head>

<center><body>
<table width="400" border="0" cellspacing="0" cellpadding="0" class="contour">
  <tr>
 
    <td><div class="top-sign"><marquee><font size="2"><span style="color: Cor em HTML; font-family:Trebuchet MS;">Seu Texto</span></font></marquee></div></td>
  </tr>

  <tr>

    <td width="400"><center><img src="Link da IMG" border="0"/></center></td>
  </tr>

  <tr>
 
    <td><div class="footer-sign"><center><a href="Link" target="_blank" class="footer-link">Escreva Algo</a><a href="Link" target="_blank" class="footer-link">Escreva Algo</a><a href="Link" target="_blank" class="footer-link">Escreva Algo</a></center></div></td>

  </tr>
</table>
</body></center>
</html>

Você vai hospedar sua IMG, adiciona na sua assinatura e logo em seguida colocar isso aqui

Código:
<iframe src="Url da Assinatura" style="height: 200px; width: 500px; margin-top:-25px; background:transparent;" frameborder="no"; scrolling="no"></iframe>

Cor em HTML é por exemplo #000000 = Preto.
Teseu
TeseuAnjo Lunar
https://cdznewomega.forumeiros.com
MensagemAssunto: Re: Assinatura- Tutorial Assinatura- Tutorial Icon_minitime1Ter Fev 05, 2013 11:19 am
Código:
<html><head><style>#signature
{
width: 550px;
height: 250px;
overflow: hidden;
background: url(http://i13.servimg.com/u/f13/17/90/87/47/team-r10.png) center no-repeat;
border: 3px solid #272727;
}
#page1
{
width: 30px;
height: 250px;
float: left;
overflow: hidden;
background: url(http://i45.tinypic.com/25iq8p2.jpg) center no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page1:hover
{
width: 85%;
height: 250px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2
{
width: 30px;
height: 250px;
float: left;
overflow: hidden;
background: url(http://i13.servimg.com/u/f13/17/90/87/47/team-r12.png) center no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2:hover
{
width: 85%;
height: 250px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3
{
width: 30px;
height: 250px;
float: left;
overflow: hidden;
background: url(http://i13.servimg.com/u/f13/17/90/87/47/team-r11.png) center no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3:hover
{
width: 85%;
height: 250px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.current
{
  width: 100% !important;
  height: 250px !important;
}

.contenu_page
{
  width: 100%;
  height: 250px;
}

.page_titre
{
  display: inline-block;
  height: 30px;
  width: 250px;
  margin-left: -120px;
  color: #00008B;
  text-align: center;
  font-size: 28px;
  font-family: Castro Script PERSONAL USE ONLY;
  letter-spacing: 2px;
  text-shadow: 1px 1px 0px #F0E68C;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.page_titre:hover
{
  cursor: pointer;
}

.contenu
{
  width: 400px;
  height: 230px;
  margin-left: -100px;
  overflow: none;
  background-color: #fff;
  opacity: 0.6;
  font-size: 10px;
 
 
  padding: 6px;
}

.credit
{
  display: block;
  text-align: right;
  margin-right: 10px;
}
.credit a
{
  font-size: 10px;
  text-decoration: none !important;
}</style></head><body><div id="signature"><div id="page1"><table class="contenu_page"><tbody><tr><td style="width: 30px;"><span class="page_titre"><strong>Personalidade</strong></span></td><td><div class="contenu">Onizuka/ Teseu não é tão difícil de se identificar quanto pensam. Ele é um homem muito aberto e forte, no entanto se reserva a sua família <br><br> <strong>> En Familía :</strong>Onizuka é social com sua família, ao menos era. Gostava de brincar com sua irmã e era querido por eles assim como gostava deles. É um homem como todo outro sem segredos nem nada. Esse talvez seja o diferencial dele <br><br> <strong>> Com os amigos :</strong> Com os amigos é totalmente liberal e nada detém sua alegria assim tão fácil. Sem dúvida é muito querido, tanto por seus amigos pessoais quantos seus companheiros de guerra<br><br>
<strong>> Au Inimigos :</strong>Onizuka/Teseu prefere não ter inimigos mais, se cansou de lutar e pretendo descansar em paz na Lua. No entanto ainda há aqueles que querem o matar para simplesmente terem tal gosto.</div></td></tr></tbody></table></div><div id="page2"><table class="contenu_page"><tbody><tr><td style="width: 30px;"><span class="page_titre"><strong>Família</strong></span></td><td><div class="contenu"><strong><u>Sua Família :</u></strong><br><strong>* Irmã :</strong> É o irmão mais novo de uma garota e adora se disponibilizar a ajudar tanto a ela quanto o resto de sua família<br><strong>* Michele: </strong>Michele é desde a uns tempos a única pessoa por qual Onizuka perde o entusiasmo de lutar. O mesmo desistiu das lutas para tentar viver seu amor com a mesma Ã&nbsp; <br><br><strong><u>Técnicas aprendidas</u></strong><br><strong>* Asas Celestiais :</strong> Incrivelmente um dos golpes mais poderosos dele foi aprendido em família. Esse golpe foi ensinado por seu pai e tem como constituição dominar o Ar e usá-lo a seu favor<br><strong>*Altar da Igualdade:</strong>O grande diferencial dele é o golpe Altar da Igualdade que segue em dominar o espírito de luta do oponente e conter o seu para que seja feita uma luta justa<br></div></td></tr></tbody></table></div><div id="page3"><table class="contenu_page"><tbody><tr><td style="width: 30px;"><span class="page_titre"><strong>Objetivos </strong></span></td><td><div class="contenu">Depois de ter sido purificado pelas lágrimas de Ártemis, ele se dedica a cada vez mais acabar com as lutas que acontecem na Terra por ordem dos Deuses, e pretende cada vez mais ajudar o povo.<br><br> Mais o número absurdo de inimigos leva ele a lutar mais e mais sem que queira. Ele espera um dia acabar com todos seus oponentes e todos os oponentes da Deusa Ártemis</div></td></tr></tbody></table></div></div>
<span class="credit"><a href="http://www.never-utopia.com">(c)ty NU</a></span></body></html>





Gostaram ? Caso sim, postem ai

Assinatura- Tutorial

Ver o tópico anterior Ver o tópico seguinte Ir para o topo
Página 1 de 1

Tópicos semelhantes

-
» [Tutorial] Principal
» [Tutorial] Iniciantes
» [Tutorial]OS SENTIDOS
» [Tutorial]Bem-Vindo ao CNO
» [Tutorial]Sistema de Mestre

Permissões neste sub-fórumNão podes responder a tópicos
Novo Fórum ! :: Area Off :: Floods e Fanarts-
Criar um fórum | ©phpBB | Fórum gratuito de ajuda | Denunciar um abuso | Criar um fórum


Fazer fórum | © phpBB | Fórum grátis de ajuda | Estatísticas | Fale conosco | Assinalar uma queixa