21 de set de 2013

Menu Rippi

Trouxe para vocês um menu super fofo, o menu Rippi. Eu o encontrei no tumblr Olfriend
e adaptei para o blogger. Para ver o menu clique aqui

Para colocar o menu Rippi em seu blog, copie o código abaixo e coloque antes da tag ]]></b:skin>


/*** MENU RIPPI POR OLDFRIEND.TUMBLR.COM ***/
.rippi2{
width:100%;
text-align: center;
}
.rippi2 a, .rippi2 span{
cursor: pointer;
font-family:"Economica";
font-size: 18px;
background: #ccd4d5;
color: #fff;
text-shadow: 1px 1px 0 #a0acae;
width: 75px;
border-bottom: 3px double #a0acae;
padding: 4px 0;
margin: 0 -2px 1px 0;
display: inline-block;
text-align: center;
}

Para colocar a mesma fonte, antes de </head> coloque o seguinte código:

<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'/>

Para fazer o menu funcionar em seu blog, copie o código abaixo e coloque no gadget html/java script

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

Para colocar mais link repita o código:

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


2 comentários :

  1. não dá para você nos mostrar como fica com uma imagem ????

    ResponderExcluir
    Respostas
    1. Leh Alison, logo abaixo da imagem logo acima tem: para ver o menu clique aqui, onde tem clique aqui vai levá-la á página onde tem o modelo. Se não conseguir clique no link abaixo:
      text-princess.blogspot.com

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo