Home Contato Goodies F.A.Q

sábado, 4 de janeiro de 2014

Algumas informações básicas sobre o layout .

Tem algumas coisinhas nesse layout que vocês vão precisar colocar , mas não é nada difícil . Ah , esse layout tem blockquote personalizado , leia mais com imagem personalizada , barra de rolagem colorida ( não funciona do Firefox )   , menu de tags e de paginas personalizado , enfim , tá tudo personalizado .



1 - Como usar o Blockquote :


 Vai ficar assim .


2 - Menu de tags :


Cole num HTML/Java Script o código abaixo :



<center>

<div class="direita">
<a href="link" id="menutags">Nome</a>
<a href="link" id="menutags">Nome</a>
<a href="link" id="menutags">Nome</a>
</div>
<div class="esquerda">
<a href="link" id="menutags">Nome</a>
<a href="link" id="menutags">Nome</a>
<a href="link" id="menutags">Nome</a>
</div>
</center>

3 - Menu de paginas :
 Abra um HTML/Java Script e cole :

 <style text="css">
    a.Mennu{
    background:#DB7093;
    color:#ffffff;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    text-decoration:none;
    font-family:calibri; 
    font-size:12;
    padding:5px;
    border-radius:10px;
    width:70px;
    text-align:center;
    display:inline-block;
    }

    a.Mennu:hover{
    background:#FFB6C1;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    color:#DB7093;
    text-decoration:none;
    font-family:calibri; 
    font-size:12;
    padding:5px;
    border-radius:2px;
    width:70px;
    text-align:center;
    display:inline-block;
    }
</style><center>

<a class="Mennu" href=" ENDEREÇO DO SITE "> LINK 1 </a>
<a class="Mennu" href=" ENDEREÇO DO SITE "> LINK 2 </a>
<a class="Mennu" href=" ENDEREÇO DO SITE "> LINK 3 </a>
<a class="Mennu" href=" ENDEREÇO DO SITE "> LINK 4 </a>

</center>

E é isso :v , espero que gostem do layout , fiz com um carinho imenso , e ele me custou noites de sono .  Adeus .

Nenhum comentário:

Postar um comentário