23 de fev de 2014

Menu para status igual ao do O.D

    OI OI OI, como estão nesse dia tão chato? em casa? assistiram nemo? eu sim, apesar de ter assistido já umas trocentas vezes, o filme é muito bacana, eu gosto, mas mudando de assunto, eu recebi um pedido na minha ASK, infelizmente estava em anonimo, gente coloca o nome de vocês quando forem perguntar por favor, bom eu vou escolher as perguntas/pedidos mais interessantes e importantes e tals, e para começar alguém pediu para mim ensinar a fazer o menu de status igual o daqui do blog, ele é muito fofo e eu adoro demais, aposto que vocês também vão gostar, fica muito lindo no blog e você também utiliza-lo como uma agendinha também fica lindo, lembrando se usar credite okay? vamos ver?


Passo 01- Coloque o código abaixo acima da tag ]]></b:skin>
/** Wishlist Cute heart **/
.menudiv {
font: 11px Verdana; /* Tamanho da fonte, e fonte */
background: #f7f7f7; /* Cor de fundo da nossa wishlist */
color: #a7a7a7; /* Cor da fonte */
margin-bottom: 3px;
line-height: 21px;
padding-left: 3px;
border-radius: 4px;
box-shadow: inset 0px 1px 4px rgba(221,221,221,0.6); /* Sombra da nossa wishlist, em rgba */
}

.menudiv .heart {
width: 16px;
height: 10px;
background: url('URL DA IMAGEM AQUI 1') left; /* Ida nossa wishlist */
display: inline-block;
margin-right: 5px;
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;
-ms-transition-duration: .80s;
transition-duration: .80s;
}

.menudiv:hover .heart {
background: url('URL DA IMAGEM AQUI 1') right; /* Mesma imagem de canto da nossa wishlist, ao passar o mouse */
margin-right: 12px;
}

URL DA IMAGEM 1: você deve colocar a imagem que vai ficar no menu normal

URL DA IMAGEM 2:  Você deve colocar a imagem que aparecerá quando passar o mouse sobre o menu.


Passo 02-  Agora coloque este código abaixo em um HTML/JAVASCRIPT
<div class="menudiv"><div class="heart"></div> Escreva algo aqui</div>

<div class="menudiv"><div class="heart"></div> Escreva algo aqui</div>

<div class="menudiv"><div class="heart"></div> Escreva algo aqui</div>
                   
Abaixo terá algumas imagens que você pode utilizar no menu,  mas lembre-se se você utilizar as imagens abaixo deve colocar a mesma url onde esta pedindo no código acima.




 


32 comentários:

  1. Eu tava assistindo mas ai choveu e caiu a sky :p
    Haa aceito sim seu pedido de afiliação ok?
    Adorei o menu, super útil e fofo >.<
    Kisses || Inside

    ResponderExcluir
    Respostas
    1. kkkk que pena,ahh obrigada já vou te colocar aqui na elite viu..

      Excluir
  2. Awn gente *u* que lindo .
    Adorei esse efeito \0/

    Geekegirlie.blogspot.com || G² Official

    ResponderExcluir
  3. Adorei o menu, fica lindoo! Ah, sobre a afiliação resolve isto com a dona, tá amor? >3

    http://querendo-voar.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. obrigada, e obrigada também por avisar sobre a afiliação, beijos.

      Excluir
  4. que gracinha o menu *---*
    Passando pra avisar que ja te coloquei nos afiliados ;3
    beijos!
    Dream UP

    ResponderExcluir
  5. Awn que lindo amei *vomitando arco-íris*
    wearetheroyalty.blogspot.com.br

    ResponderExcluir
  6. O menu é muito fofoooooo!
    Adorei conhecer o blog e com certeza voltarei mais vezes!!!

    Beijão sz http://capricha-no-look.blogspot.com.br/

    ResponderExcluir
  7. O menu é muito fofoooooo!
    Adorei conhecer o blog e com certeza voltarei mais vezes!!!

    Beijão sz http://capricha-no-look.blogspot.com.br/

    ResponderExcluir
  8. ahhh que menuzinho mais lindo, eu adorei demais..

    ResponderExcluir
  9. Amei o menu de status, simplesmente perfeito <3
    Vim avisar que aceito afiliação tá? Já te coloquei na elite..

    http://maiira-t.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Ahh muito obrigada, já te coloquei aqui também, beijos..

      Excluir
  10. amei o tutorial, Meega Legal *--*, Amei o seu blog viu ??, já estou seguindo, Beijão e Muito Sucesso ♥ ♥ ♥...

    http://coisas-milly.blogspot.com/

    ResponderExcluir
  11. Eu gosto bastante de menus para tags, na minha opinição são um pouco mais bonitos que os menus normais.
    =( eu não assisti o Procurando Nemo, mesmo eu amando o filme de carteirinha. Tipo assim, quem nunca assistiu Nemo pelo menos 5 vezes? E não consegue repetir a musiquinha do ritual?
    "Minhoca hu ha ha"

    Curti bastante teu blog, e aceito sim a afiliação.
    Obrigado por pedir, já lhe adicionei.

    ResponderExcluir
    Respostas
    1. Nossa muito obrigada é um honra muito grande fazer afiliação com seu blog maravilhoso.

      Excluir
  12. Oi Flor adorei o tuto quem sabe não uso super legal *-* Você comentou no meu blog vocÊ quer divulgação?

    http://6adolescentes.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. sim eu gostaria muito que você divulgasse meu blog, *----*

      Excluir
  13. Adorei o efeito amor. Já arrumei os afiliados. Você quer se afiliar ao meu novo blog de utilitários? Agradeço desde já
    http://d-imness.blogspot.com.br/

    ResponderExcluir
  14. Muito fofo o menu :3 Mas acho que combina mais com blogs de tutoriais...
    Aceito afiliação sim ^^

    http://moshimoshi-kawaii.blogspot.com.br/

    ResponderExcluir
  15. Eu não assisti o filme não, mas é fofo demais.
    Adorei as dicas.
    Adorei o blog e voltarei mais vezes. Aguardo a sua visita. Caso goste de lá e siga, me avise; nós retribuiremos.
    M&N | Desbrava(dores) de livros

    ResponderExcluir