Novo Menu / Miki Candy

Oi flowersinhas ! Tudo bem? espero que sim !!

Enfim fiz este post para falar sobre o novo menu do DC ! Gostaram eu gostei !

Achei muito legal então troxe o tuto para vcs  poderem fazer este menu é do blog

Miki Candy aqui estão os creditos !

Vamos lá :

Vá em --> Modelo --> Editar HTML --> Ctrl F --> Procure por :  

 ]]></b:skin>

Se achou cole acima  dele :

/* Menu Miki Candy */

cute{

text-align:center;

font-size: 10px; /* Tamanho da fonte do menu */

background: #FFC0CB; /* Fundo do menu */

padding: 2px;

float: left;

margin: 2px;

cursor: crosshair; /* cursor, troque tb por: help, normal etc ...*/

width: 45%; /* tamanho do menu

-webkit-transition-duration: .80s; /* efeito fade */

border:1px dashed #87CEEB; /* bordas */

color: #fff; /* cor da fonte quando passa o mouse */

}

cute:hover{

font-size: 10px; /* Tamanho da fonte do menu */

background: #ADD8E6; /* fundo do menu quando passa o mouse */

border:1px solid #FF69B4; /* bordas quando passa o mouse */

color: #fff; /* cor da fonte quando passa o mouse */

-webkit-transition-duration: .80s;

letter-spacing: 3px; /* espaço das letras hover */

}

Onde esta de Rosa  vc vai colocar a cor que deseja click aqui para ver varias cores e onde esta de VERMELHO     vc vai colocar a borda !

Aqui estão vários tipos de bordas :

solid -> linha solida
Dashed -> Borda tracejada
dotted -> borda pontilhada          
ridget -> cume
inset -> inserido
outset -> outset
none -> nenhuma 

SALVE!!

Para se menu funcionar vá em --> LAYOUT --> ADICIONAR UM GADGET --> SELECIONE : Html/JAVA Script 

Cole este código na janelinha :

<a href="URL DA PAGINA"><cute> NOME DA PAGINA</cute></a>

<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a>

<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a>

<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a></div></div>

Faça as modificações ! em caso de vc ter mais links ,é só vc pegar um código! 

Espero que gostem ! Alguma pergunta ? Comente !

Creditos : Miki Candy