03/07/2015

Tuto - Menu Agenda

Hey Sweeties!Hoje a pedido de nossa leitora Vii,iremos fazer o Tutorial de Menu Agenda!
Este menu é muito útil para quem quer mostrar aos seguidores os posts que o blog terá brevemente
Para quem não sabe que menu é esse aqui um preview(desculpe a má qualidade da foto)
Esse tutorial vale super a pena!
Vá em Modelo >> Editar HTML >> Ctrl+f e procure:

]]>

 E cole acima dele este código abaixo:

.agenda {
background: #F4F4F4  url(http://static.tumblr.com/koam7dd/nvcn41wnf/marca3.gif) no-repeat left;
border: 1px solid #D7CEDD;
margin-bottom: 2px;
padding: 5px 5px 6px 35px;
font-family: silkscreen;
font-size: 8px;
color: #B6A7BF;
text-align: left;
text-transform: lowercase;
text-shadow: 1px 1px 0px #fff;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
}
.agenda:hover {
font-family: silkscreen; font-size: 8px;
color: #D9D1DF;
text-align: left;
text-transform: lowercase;
text-shadow: 1px 1px 0px #fff;
padding: 5px 5px 6px 50px;
background:  #F4F2F9 url(http://static.tumblr.com/koam7dd/uCOn41woq/seta13.gif) no-repeat left;
}

Depois abra um novo gadget java script/html e cole o seguinte código:



?/? - Breve

?/? - Breve

?/? - Breve
E é só salvar,prontinho!
Creditos: G N M H

Espero que tenham gostado!Eu me compliquei legal na hora de fazer o post,então se você gostou,está usando ou irá usar,comente aqui em baixo!
Amanhã eu irei voltar para amolar vocês com GOODIES de todos os tipos!


3 comentários:

  1. Obrigada Isy ❤Adorei!Amei aquele site de edições!
    Obrigada novamente!
    Beijos

    ResponderExcluir

Vai Comentar,Estou feliz mas Sigas Essas Regras ♥
1-Não falar Palavrões ou Linguagem Inapropriada
2-Só aceito "seguindo segue de volta" se falar sobre o post
3-Comente sobre o post
Caso não respeitar qualquer regra seu comentario será apagado,beijinhos♥

© Sweet Cupcake - 2015. Todos os direitos reservados.
Criado por: Isy Hatter.
Tecnologia do Blogger.
imagem-logo