2.9.12

Como colocar menu blueberry


Tumblr_m9mvl89qy21r4jx2po1_500_large
Oiie minhas cats ! tudo bom ?? Espero que siim !
Disse a vcs que o DC só voltaria a postar Sabado né ?
Mais não consigo ficar sem vcs , : ) ♥ e nem sem postar ! 

Entaum resolvi fazer um tuto mostrando como fazer um menu igual ao do DC o nome é  Blueberry

InicioA dona


Créditos Miki Candy
Acheii lindo então achei que vcs também gostariam 

Vamos lá !

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

]]></b:skin>

Se achou cole abaixo o seguinte código


/* Menu Blueberry by Miki Candy */
blueberry{
color: #fff; /* cor da fonte quando passa o mouse */
text-align:center;
font-size: 11px; /* Tamanho da fonte do menu */
background: #3FCFAD ; /* Fundo do menu */
padding: 2px;
float: left;
margin: 2px;
cursor: crosshair; /*cursor */
width: 45%; /* tamanho do menu */
-webkit-transition-duration: .80s;
border:1px dotted #D682DE; /* bordas */
border-radius: 10px; /*---- bordas arredondadas ----*/
}
blueberry:hover{
background:#D682DE; /* fundo do menu quando passa o mouse */
border:1px solid #3FCFAD; /* bordas quando passa o mouse */
color: #fff; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s;
border-radius: 5px; /*---- bordas arredondadas ----*/
}


Faça as modificações visualize e se estiver tudo certo Salve !
          PS. Se caso ficarem  códigos em sima do titulo do seu blog ou der erro ao invés de colar abaixo cole o código acima de
]]></b:skin>

Agora para o MENU funcionar vá em --> DESIGN -->Layout --> Adicionar um GADGET-->
Selecione  HTML/Java Script 

Cole o seguinte código :

<div><a href="URL 1"><blueberry>NOME 1</blueberry></a>
<a href=" URL 2 "><blueberry>NOME 2</blueberry></a>
<a href=" URL 3 "><blueberry>NOME 3</blueberry></a>
<a href=" URL 4"><blueberry>NOME 4</blueberry></a></div>



Faça as alterações ! e salve !! se caso vc tenha mais página é só selecionar mais códigos !

Créditos : Miki Candy

6 comentários:

  1. amei flor
    seguindo como pediu ~]

    ResponderExcluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. Oii flor , Amei a diquinha ! seguindo aqui seu blog que como sempre tá lindo ! bjiinho CCP , sempre que posso visito aqui !

    ResponderExcluir
  4. Gostei do menu, bem bonitinho *o*
    Já estou seguindo aqui (: Sucesso com o novo DC.

    -Blog Promised Land.

    ResponderExcluir
  5. Yo! x)

    Noss, amei esse menu *o* Miki é muito incrível \õ\
    Ah, e boa sorte com o blog :)

    Bye~
    http://roseof-pain.blogspot.com.br/

    ResponderExcluir

Que bom que vai comentar !!
Mais para fazer isso leia as regrinhas:
- Aceito criticas ,sugestões e opiniões.
- Seguindo segue de volta,se comentar sobre o post.
- Não retribuirei a visita se não comentar sobre a postagem.
- Deixe o link do blog para eu retribuir a visita.
Eu e o DW agradecemos ! Fique com Deus .