10 de fev de 2014

Menu para Status com icone

   
 Boa tarde meus queridos, e então como esta por ai hoje? aqui na minha cidade ta fazendo um friozinho bem gostoso, e eu estou aqui assistindo o filme o melhor amigo da noiva na sessão da tarde, pois é o dia esta por incrível que pareça relativamente bom. Queria informar aos leitores e não leitores do blog que estou fazendo um lay free para a meta de 250 seguidores, não esperem muita coisa não gente, eu não sou muito boa em fazer layouts. Para a postagem de hoje trouxe um menu para colocar seus status, eu já utilizei ele no meu antigo lay e gostei bastante além de ser muito fofinho, você pode colocar o titulo e o subtitulo do seu status, ta vou parar de falar do menu, pois tem a preview e você poderão ver..



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


.novi{ width:184px; height:40px; background-color:#e4c9e2; text-align:left; text-indent:5px; margin-left:57px; font-family:open sans; font-size:12px; color:#fff; margin-top:5px; } .novi p{ font-size:11px; line-height:11px; } .novi img{ width:40px; height:40px; position:absolute; margin-left:-63px; } .novi:hover img{ -webkit-animation:brilha 0.7s; -moz-animation: brilha 0.7s; } .novi:before { content:""; position: absolute; width: 0;height: 0; border-top: 2px solid transparent; border-right: 18px solid #e4c9e2; border-bottom:8px solid transparent; margin: 22px 0 0 -21px; } @-webkit-keyframes brilha { 0% { opacity: 0.5;} 25% {opacity: 1;} 50% {opacity: 0.5;} 75% { opacity: 1;} 100% {opacity: 0.5;} } @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }

Passo 02- Cole o código em um HTML/JAVASCRIPT

<a target="_blank" href="LINK"><div class="novi"><img src="URL DA IMAGEM" align="left">TITULO DA NOVIDADE<p> SUBTITULO </p></div></a> <a target="_blank" href="LINK"><div class="novi"><img src="URL DA IMAGEM" align="left">TITULO DA NOVIDADE<p> SUBTITULO </p></div></a> <a target="_blank" href="LINK"><div class="novi"><img src="URL DA IMAGEM" align="left">TITULO DA NOVIDADE<p> SUBTITULO</p></div></a> <a target="_blank" href="LINK"><div class="novi"><img src="URL DA IMAGEM" align="left">TITULO DA NOVIDADE<p> SUBTITULO </p></div></a>

28 comentários:

  1. Leslie , posso ser sua postadora? Serio seu blog é perfeito , eu sei tutoriais, codigos, por favor eu to apaixonada pelo seu blog!

    ResponderExcluir
    Respostas
    1. Oi linda agradeço demais pelos elogios mas infelizmente não estou aceitando postadoras agora, mas se um dia eu resolver aceitar você sera a primeira da lista!!

      Excluir
  2. Que perfeito gente *-*
    Babando u-u
    youheartsbyleticia.blogspot.com/

    ResponderExcluir
  3. Adorei o menu . Muito fofo ♥
    Beijos

    cantinhodarebec.blogspot.com.br

    ResponderExcluir
  4. adorei, vou usar no meu próximo lay
    bjos;*
    tamonamodinha.blgospot.com

    ResponderExcluir
  5. Puxa parabens pela meta quase batida *u*
    Eu estou bem fora o calor -qq
    Que efeitinho lindo gente 0/

    Geekegirlie.blogspot.com || G² Official

    ResponderExcluir
  6. Excelentes, talvez vá usar.
    Já seguindo aqui também.
    Beijos :)
    http://fashion--and--you.blogspot.pt/

    ResponderExcluir
  7. Aqui também está um friozinho. Que menu fofo <3333

    h-worlds.blogspot.com

    ResponderExcluir
  8. Amei seu blog,esse lay então é perfeito simplesmente sem palavras,você tem muito talento amei a organização talvez faça ainda hj uma postagem de avaliação de blog depois passe lá e veja e se puder divulgue-o ok,mas ainda tô sem palavras pra descrever seu blog e já estou seguindo!!!
    http://chovendo-perola.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. nossa muito obrigada pelos elogios, isso me deixa muito feliz obrigada mesmo...

      Excluir
  9. Amei. ..
    Perfeito...
    E...Obrigada por retribuir a visita.... muitos beijos

    É Hora do Esmalte!

    ResponderExcluir
  10. Adorei o menu para status flor! Ficou muito fofinho mesmo >3<
    Kisses :*
    blogandoseuassunto.blogspot.com

    ResponderExcluir
    Respostas
    1. sim, eu vi um tutorial deles, que eu fiz, e se quiser ver qual o blog é só ir na tag créditos... deixo o nome de todos os blog que ajudaram a construir aqui.. :3

      Excluir
  11. huum... conheço esse seu modelo de comentário de algum lugar...

    ResponderExcluir
  12. Que lindo esse blog <3
    Perfeição *--------*
    Retribui o comentário?
    querendo-voar.blogspot.com.br || Querendo Voar ~ ( Visite )

    ResponderExcluir
  13. Peguei, muito fofo!

    http://in-adolescence.blogspot.com/

    ResponderExcluir
    Respostas
    1. obrigada Carol fico feliz que gostou do menu..

      Excluir