Menu - Rotate

24 de jul de 2013


1 - Vá no seu modelo → editar Html  → procure por ]]></b:skin>.

Antes disso cole:
/* Menu by Melissa */
.rotate {
font-family: Handy; /* fonte */
text-shadow:0 1px #ffffff /* sombra do titulo */;
etter-spacing: 1px; /* espaço entre as letras */
font-size: 8px; /* Tamanho da fonte */
text-transform: Normal;
background: #cccccc; /* Fundo do Menu */
color: #000000; /* Cor do texto */
width: 50px; /* largura */
height: 17px; /* altura */
float: left;
padding: 2px;
text-align: center; /* alinhamento do texto */
margin: 2px;
border-radius: 05px; /* borda arredondada */
-webkit-transition-duration: .50s; /* transição */
box-shadow: inset 0 0 3px #ecebeb, 1px 1px 0px #ccc;
}
.rotate:hover {
font-family: Handy; /* fonte */
text-shadow:0 1px #fff /* sombra do titulo */;
etter-spacing: 1px; /* espaço entre as letras */
font-size: 8px; /* Tamanho da fonte */
text-transform: Normal;
background: #fff; /* Fundo do Menu */
color: #000000; /* Cor do texto */
width: 50px; /* largura */
height: 17px; /* altura */
float: left;
padding: 2px;
text-align: center; /* alinhamento do texto */
margin: 2px;
border-radius: 05px; /* borda arredondada */
-webkit-transition-duration: .50s; /* transição */
box-shadow: inset 0 0 3px #ecebeb, 1px 1px 0px #ccc;
transform: rotate(360deg) scale(1) skew(-20deg) translate(0px);
-webkit-transform: rotate(360deg) scale(1) skew(-20deg) translate(0px);
-moz-transform: rotate(360deg) scale(1) skew(-20deg) translate(0px);
-o-transform: rotate(360deg) scale(1) skew(-20deg) translate(0px);
-ms-transform: rotate(360deg) scale(1) skew(-20deg) translate(0px);
/* Credite */

2 - Edite oque está em negrito e logo após,salve.

3 - Adicione um gadget de Html/JS e nele cole o seguinte código:
<div class="rotate"><a href="LINK1">Nome</a></div>
<div class="rotate"><a href="LINK2">Nome</a></div>
<div class="rotate"><a href="LINK3">Nome</a></div>

0 comentários :

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!