html

Menu Cute

17:14

Olá garotas tudo bem? Bom vim trazer um menu super fofinho para vocês, e eu digo, se eu não tivesse tão apaixonada por esse meu lindo menuzinho ai eu teria colocado ele no blog, como o nome mesmo disse eu achei ele muito cute.
ps: não me recordo de qual blog eu vi esse menu, desculpem, então se for sua, me diga que eu credito.

Vamos ver?

Dê um ctrl  + f e pesquise por ]]></b:skin>, cole o código ACIMA dele.


* Menu cute */
cute{
text-align:center;
font-size: 11px; /* Tamanho da fonte do menu */
background: #000; /* Fundo do menu */
padding: 2px;
float: left;
margin: 2px;
cursor: crosshair; /* cursor, troque tb por: help, normal etc ...*/
width: 14%; /* tamanho do menu
-webkit-transition-duration: .80s; /*  efeito fade */
border:1px dashed #eee; /* bordas */
}
cute:hover{
background: #000; /* fundo do menu quando passa o mouse */
border:1px solid #ddd; /* bordas quando passa o mouse */
color: #ddd; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s;
}

Para usar coloque um gadget html/javascript adicionando este código:
<div>
<a href=" Link 1"><cute>Nome1</cute></a>
<a href=" Link 2"><cute> Nome2</cute></a>
<a href=" Link 3"><cute> Nome3</cute></a>
<a href=" Link 4"><cute> Nome4</cute></a>
<a href=" Link 5"><cute> Nome5</cute></a>
<a href="Link  6"><cute> Nome6</cute></a></div>
 Fácil não é?

You Might Also Like

9 Chocolates viraram Cupcakes

  1. Obrigado por me ajudar nessa decisão flor, mais já estou decidida, não vai ter mais equipe! Quem sabe mais tarde? mais por enquanto ainda não.. muito obrigado pelo o apoio mais estou decidida ok? Beijos!
    japassoudotempo.blogspot.com

    ResponderExcluir
  2. Dica legal!

    Beijinhos


    http://marla-grace.blogspot.com.br/

    ResponderExcluir
  3. eu não entendi muito bem , pode me explica onde coloca o codigo direito ?

    ResponderExcluir
    Respostas
    1. Oq vc nao entendeu?
      O primeiro codigo vc vai em modelo, e editar html, e cola acima de ]]>
      Ja o segundo vai em layout e cria um html/javascript e cola ele, e faz as mudificações
      Alguma duvida?

      Excluir

Deixe um recadinho sobre o blog. Obrigada!

Related Posts Plugin for WordPress, Blogger...