Menu de agenda - Exclusivo

Oi leitores, como vão? O Blog está quase chegando a 100 seguidores, caraca, nem sei como agradecer, a cada um de vocês, cada seguidor é muito importante pra mim .
Decidi fazer um tutorial que acho que bastante gente procura, que é de como fazer um menu no estilo agenda. Você pode usa-lo como agenda ( óbvio ) assim como você pode usa-lo como um tipo de calendário, na verdade, pode usar como status também. Preview, 1º Gadget

Esse menu, eu apenas modifiquei a forma de 'locução' lol dele, não lembro aonde eu peguei o original, caso você souber me avise, ok?

Vá em seu HTML, pesquise por ]]></b:skin> e acima dessa tag, cole:
.menuagenda{
background: #eee;
font-family:Pf Arma Five;
font-size:8px;
text-align: center;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
padding:2px 0px 2px 10px; 
opacity: 1;
margin-bottom:4px;
border-right:0px solid #ccc; /* Cor da bordinha direita */
border-left:40px solid #ccc; /* Cor da bordinha esquerda */
}
.menuagenda:hover { 
border-right:40px solid #ccc; /* Cor da bordinha direita hover */
border-left:0px solid #ccc;  /* Cor da bordinha esquerda hover */
.menuagenda a { 
color: #000; /* Cor do link */
}
Modifique apenas o que está em negrito. Agora, em um Gadget HTML/JavaScript cole:
<div class="menuagenda"><a href="link" > <strike>Nome do tutorial</strike></a></div>
<div class="menuagenda"><a href="link" >Nome do tutorial</a></div>
<div class="menuagenda"><a href="link" >Nome do Tutorial</a></div>
<div class="menuagenda"><a href="link" >Nome do tutorial</a></div>

32 comentários:

  1. Nossa, que lindão o menu! *O* Adorei, ficou muito original e... Modernos? :3

    ResponderExcluir
  2. Adorei o menu, ficou ótimo <33 Bem original >3<
    Logo logo irão vir mais seguidores para você <33 você merece!
    Kiss
    With You

    ResponderExcluir
    Respostas
    1. Obrigada *--* aaaawn obrigada pelo apoio, eu espero suhauhshu <3

      Excluir
  3. Aquele momento que você encontra o menu mais incrivel da sua vida <33333

    anainstant.blogspot.com

    ResponderExcluir
  4. Já coloquei nos afiliados
    Esse menu é um amor :3

    Vota no Gave Crazy por favor? Clica
    Beijos, Brenda do Gave Crazy

    ResponderExcluir
  5. É muito fofo e simples de fazer *u* Vou salvar u.u

    World Of Thel -

    ResponderExcluir
  6. Eu estava procurando um menu parecido, ele é lindo <3

    Beijos - Ammy, Fairy Floss

    ResponderExcluir
  7. Awn que fofo esse menu, amei. Se soubesse, colocava no meu gadget <3
    Gostaria de saber se vc gostaria de ser minha afiliada e.e
    Kisses for you || TTH

    ResponderExcluir
  8. awnn q fofo adorei o efeito...............

    : ) .bjos e bom domingo

    http://louca-por-html.blogspot.com.br/

    ResponderExcluir
  9. Lindo menuuu
    Seguindo,se puder retribui!
    Cate-land.blogspot.com

    ResponderExcluir
  10. Ownt que fofo esse menu *O* , in love com ele ^^
    mysecrets7.blogspot.com.br

    ResponderExcluir
  11. Flor , tô seguindo , retribui ?
    Queria fazer uma tag igual ao do Adolescente Nerd que é em uma página e tudo organizadinho , ensina ? Beijos
    miss-teensami.blogspot.com
    Quero ser afiliada õ/

    ResponderExcluir
  12. Esse menu é muito fofo! Adorei ;3 E tenho certeza de que daqui a pouco o blog chega á 100 seguidores, rapidinho!

    Letícia Evans | Vida de uma SONE

    ResponderExcluir
  13. Muito lindo o menu amei >w<

    diamond-resources.blogspot.com
    h-worlds.blogspot.com

    ResponderExcluir
  14. Muito fofo, adorei :3
    E é bem útil ^^

    breathingnewthings.blogspot.com.br

    ResponderExcluir
  15. Muito lindo o menu, super criativo >w<

    Panther Pink and Blue || With You

    ResponderExcluir

Regras:
-Aceito críticas, porém, comentários ofensivos/maldosos serão apagados.
-Não aceito mais: Seguindo, segue de volta?
-Coloque o link de seu Blog no fim do comentário, é garantido que irei visita-lo e dependendo do conteúdo, até posso segui-lo :3
-Comente a vontade!