Olá pessoal, hoje trouxe um menu bem legal que foi Lô que fez eu acho que ela ia postar aqui no blog, mas como ela não pode mais postar por falta de tempo, então resolvi postar.
Para visualizá-lo clique aqui.
Vamos lá!
Primeiro vá em Modelo>> Editar HTML>> Aperte Ctrl+F e procure por:
]]></b:skin>
Acima dele cole o seguinte código:
elite{
padding:4px 2px 4px 2px;
display: inline-block;
margin-bottom:3px;
margin-left:1px;
margin-right:1px;
font-size: 8px;
color: #fff;
font-family: "PF Arma Five";
width:43px;
text-align: center;
background: #ffa5ad;
border: 1px solid #ff8690;
text-shadow: 1px 1px 0px #ff8690; /* Coloque a mesma cor da borda */
display: inline-block;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
elite:hover{
padding:4px 2px 4px 2px;
display: inline-block;
margin-bottom:3px;
margin-left:1px;
margin-right:1px;
font-size: 9px;
color: #fff;
font-family: "PF Arma Five";
width:38px;
text-align: center;
background:#CDCDB4;
border: 1px solid #8B8B7A;
text-shadow: 1px 1px 0px #8B8B7A;/* Coloque a mesma cor da borda */
display: inline-block;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
transform: rotate(4deg) scale(0.904) skew(1deg) translate(0px);
-webkit-transform: rotate(4deg) scale(0.904) skew(1deg) translate(0px);
-moz-transform: rotate(4deg) scale(0.904) skew(1deg) translate(0px);
-o-transform: rotate(4deg) scale(0.904) skew(1deg) translate(0px);
-ms-transform: rotate(4deg) scale(0.904) skew(1deg) translate(0px);}
}
Mude o que for necessário ou seja o que estiver em negrito, Salve!
Agora vamos em Layout>>Adicionar um Gagdet>> HTML/JavaScript e cole o seguinte código:
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
<a href="Link" style="font-size: 100%;" title="Nome"><elite>SIGLA</elite></a>
Onde está escrito Link é a URL do blog afiliado ou para você quer que seja redirecionado.
Onde está escrito Nome é o nome do afiliado ou do local do redirecionamento.
E onde está escrito SIGLA é a sigla do nome do afiliado ou outro.
Depois dessas alterações Salve! E pronto!!!
Espero que tenham gostado!
Se usar dei os créditos para o Sweet of Cherry
