28/03/2013

#1 Menu Size





Olá CupCakesnatics HAHAHA GOSTEI DESSE NOME   Bom Não sei que Tutorias Fazer então vou fazer o Mais Simples que eu Sei okay?  Clique >>>>>
 para continuar Lendo!





Menu Size



1) Modelo 2) Editar HTML 3 ) procure por ]]></b:skin> (Ctrl + F ) 


4) Em cima dessa Tag que você Procurou Cole :

.menusize {
display : block;
padding: 2px;
background: #e0e0e0;
text-indent : 5px;
padding-left: 6px;
vertical-align : middle;
margin-bottom: 2px;
-webkit-transition: all 0.60s;
}
.menusize:hover {
padding-left: 15px;
border-width: 1px;
border-style: left;
border-color: #f2bad2;
box-shadow: inset 350px 0 0px 0 #f2bad2;
 -webkit-transition: all 0.30s;
}

Agora Salve, se não for tente denovo okay , não desista!
ainda não acabou ! 
5) Va em Layout e Adicione um "JavaScript/HTML"  E cole:

<div class="menusize">
<a href="www.seublog.com"> Link 1 </a></div>
<div class= "menusize">
<a href="www.seublog.com">  Link 2 </a></div>
<div class= "menusize">
<a href="www.seublog.com">  Link 3 </a></div>
<div class= "menusize">
<a href="www.seublog.com">  Link 4 </a></div>
<div class= "menusize">
<a href="www.seublog.com"> Link 5 </a></div>
<br />



E só mudar o ''www.Seublog.com''  pelo o Link que você Quer que o Menu vá! tipo paginas do Blog mais em miniatura! 

e O que está escrito ''Link'' escreva o nome que você Quer colocar no Menu exemplo :  Inicio e bla bla !

 e fim espero que tenha gostado gente, e comente e olha como ficou o Menu


foto via (www) 

Comente Obg (:

Nenhum comentário:

Postar um comentário