16 de fev. de 2014

Menu Agenda

    Como vão vocês meus queridos, bom queria agradecer demais pelos 304 seguidores, e como presentinho vou trazer mais um lay free para vocês, pois é to fazendo bastante lay free nesses últimos dias, mas a melhor parte disso é que eu adoro fase-los, eu vou postar ele mais tarde,  pois agora trouce esse tutorial para vocês, para não ficar chato né? Bom o tuto de hoje é um menuzinho que você pode utilizar como agenda, top tutoriais e outra infinidade de coisas, eu espero que gostem e e usarem não esqueça dos créditos viu galerinha, então vamos lá?



Passo 01-  Coloque o código abaixo acima da tag  ]]></b:skin>

.menudiv {
background: #ffccdd; /* Cor de fundo da wishlist */
margin-bottom: 2px;
font: 12px Tahoma; /* Tamanho e fonte */
line-height: 18px;
widht: 300px;
height: 29px;
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;
-ms-transition-duration: .80s;
transition-duration: .80s;
overflow: hidden;
}
.menudiv:hover {
background: #ff99aa; /* Cor de Fundo da wishlist ao passar o mouse */
margin-left: 0px;
widht: 300px;
height: 29px;
}
.menudiv seta {
background:#ddaadd; /* Fundo de onde está a seta */
font: 20px Tahoma; /* Tamanho e fonte */
color: #fff; /* Cor da Seta */
padding: 4px;
margin-right: 9px;
}


Passo 02- Coloque o código abaixo em um Html/Javacript.

<div class="menudiv">
<seta>01</seta>16/02/14- Algo aqui</div>
<div class="menudiv">
<seta>02</seta>17/02/14 - Algo aqui</div>
<div class="menudiv">
<seta>03</seta>18/02/14 - Algo aqui</div>
<div class="menudiv">
<seta>04</seta>19/02/14 - Algo aqui</div>



19 comentários:

  1. Parabéns pelos seguidores *0* Esse menu é muito perfeito, foi um dos mais fofos que vi ><

    htmlandresources.blogspot.com.br

    ResponderExcluir
  2. Adorei! Irei salvar o tutorial para usar no meu próximo lay hu3hu3.
    Beijos | http://guia-de-uma-garota.blogspot.com.br/

    ResponderExcluir
  3. Adorei :3,vou usar o tuto no meu próximo lay <3
    Bjs :3
    http://j-ust-a-dream.blogspot.com.br/

    ResponderExcluir
  4. Parabens pelos followers *u* é tão bom conseguir bater metas ne? u.u
    Lindo menu 0/


    Geekegirlie.blogspot.com || G² Official

    ResponderExcluir
  5. Parabéns pelos seguidores *-* Esse menu é muito lindo *-* To pensando seriamente em usar ele!

    s-impatie.blogspot.com.br | Simpatie ♡

    ResponderExcluir
  6. muito fofo esse menu, pretendo usa-lo no blog que estou fazendo..

    ResponderExcluir
  7. muito muito lindoo

    http://c-ontoour.blogspot.com.br/

    ResponderExcluir
  8. pretendendo usa rsrss.

    http://fernandavieira.com/

    ResponderExcluir