quinta-feira, 24 de dezembro de 2015

Tutoriais - Menu Dilp



Ola meninas (o), bom, hoje é o meu primeiro, post, deste blog, e eu queria estreia, já dando um presentinho para vocês, Ok ?,(EXCLUSIVO) eu mesma fiz ele




                                               Visualizar 


1- vá em Modelo -> Editar HTML - > Aperte CTRL+F
e procure por ]]></b:skin> - > acima dele cole este código



/*** MENU dilp POR http://blogpatricinhasestilosas.blogspot.com.br ***/
.Dilp{
width:100%;
text-align: center;
}
.Dilp a, .Dilp span{
cursor: pointer;
font-family:"Economica";
font-size: 18px;
background: #8B3A62;
color: #fff;
text-shadow: 3px 2px 0 #;
width: 70px;
border-bottom: 2px double #000;
border-top: 2px double #000;
padding: 4px 0;
margin: 0 -2px 1px 0;
display: inline-block;
text-align: center;
}
.Dilp a:hover {
background: #c0c0ff;
border-bottom: 2px double #000;
border-top: 2px double #000;
}

2 - Agora vá em Layout - > Adicionar Gadget -> procure por Html/javaScript -> e cole este codigo

<div class="Dilp">
<center>
<a href="/">link</a>
<a href="/">link</a>
<a href="/">link</a>
</center></div>
<div class="Dilp">
<center>
<a href="/">link</a>
<a href="/">link</a>
<a href="/">link</a>
</center></div>

Nenhum comentário:

Postar um comentário