• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

2 de janeiro de 2013

Menu destaque


Olá chocos! Tudo bem? Estava com saudades, dias que eu não posto nada né? Pois é, tô de férias e curtindo o máximo que posso e computador fica em segundo lugar! Quero desejar a vocês um ótimo ano novo e que cumpram as promessas tá? Eu fiz uma promessa para esse ano de 2013, mais eu também fiz a mesma a um ano atrás e não cumpri, mais com fé em Deus eu vou cumpri esse ano! A respeito do novo layout do blog eu amei! Foi o qual que eu mais gostei! Vim ver hoje, pois não tava entrando no pc! Está super lindo!
Enfim, hoje trago um tutorial de menu, o meno é o menu destaque! Para vê-lo clique aqui e vá até o nome do menu! E os créditos vai para KW

No seu html procure por ]]></b:skin> e acima cole o código abaixo

.destaque {
float: right;
margin-right: -10px;
margin-top: -5px;
background: url('http://i1234.photobucket.com/albums/ff411/SweetLG/218.png');
background-repeat: no-repeat!important;
width: 64px;
height: 25px;}
.boxdestaque:hover .destaque {
background-position: -0px -25px;}
.boxdestaque {
text-align: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-right: 7px;
background: #eeecec;
padding: 5px;
margin-bottom: 7px; }
.boxdestaque:hover {
background: #f6dce5;
text-shadow: 1px 1px 1px #fff;}
.boxdestaque .title {
color: #ff71a3;
font-size: 11px;
font-weight:none;
font-family: Georgia;
font-style: italic;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.boxdestaque:hover .title{
color: #7797a7;
padding-left: 15px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}

Explicação do KW > aqui

Adicione um gadget html/java script e cole
<div class="boxdestaque">
<span class="title">Título da postagem
<a class="destaque" href="LINK DO POST"></a>
</span>
</div> 


Espero que tenham gostado! bj
Créditos de novo ao KW


29 comentários:

  1. Ei quero falar de um assunto muito sério, porque vocês da equipe do AN ensistem em me humilhar? com esse templates MARAVILHOSOS *--* BABEI com esse velho! Muito lindo...
    O menu é realmente lindo!
    Kisses,
    Adolescente Virtual (perfil)

    ResponderExcluir
    Respostas
    1. nuuus tomei um susto quando li "Ei quero falar de um assunto muito sério, porque vocês da equipe do AN ensistem em me humilhar? " kkkk quer me matar??? kkkkk tb amei!

      Excluir
  2. Espero que esse ano consiga cumprir o que prometeu pra si mesmo flor. Esse menu também é legal néh.♥

    PiinkCookie.blogspot.com

    ResponderExcluir
  3. Esse menu é lindo adoro ele :)

    Bjs
    O blog ta lindo como sempre

    Diário Capricho

    ResponderExcluir
  4. Ótimo tuto, seu lay ta perfeito.
    space-sweet-girl.blogspot.com.br

    ResponderExcluir
  5. Gostei, usaria para fazer top tutos!

    Beijos de amora

    carismaticaoficial.blogspot.com

    ResponderExcluir
    Respostas
    1. aa é ótimo né, acho que ficaria lindo em seu blog :)

      Excluir
  6. Adoreiiiiiiiiiiiiiiiiiiiiiiiii

    Me faça uma visita tbm! Me segue? Te sigo de volta!!

    http://aadooro.blogspot.com.br

    Ou então curti a Fanpage?

    http://facebook.com/aadooro

    Beijos
    Carol Peclat

    ResponderExcluir
  7. Nossa que fácil esse menu Ç.Ç e é super bonito

    jovenclube(.blogspot.com.br)

    ResponderExcluir
  8. O menu é mega fofo e ainda é fácil de fazer ^^

    ~ Beijoos ;* /// Land of HTML

    ResponderExcluir
  9. Nossa amei o menu. Vou usar em um layout que eu to fazendo para um blog. Fiz muitas promessas também e algumas não sei se vou conseguir cumprir. Seguindo seu blog. Te convido para visitar meu blog e paticipar do concurso + sorteio que ta rolando la no meu blog se quiser. beijos

    lunatica-oficial.blogspot.com

    ResponderExcluir
    Respostas
    1. opa sorteio?! kkk, vou lá ver, irei seguir tbm seu blog!

      Excluir
  10. O efeito é bem legal, parabéns pelo blog lindo :)
    srtaveneno.blogspot.com.br

    ResponderExcluir
  11. Esse menu é super Diwo *-*
    connectadus (.blogspot.com)

    ResponderExcluir
  12. lindo lindo lindo seu cantinho!!

    Eu estou com uma meta de 300 seguidores.
    Adoraria se fizesse parte do meu time, mas claro, só se vce realmente gostar do blogue!

    beeeeijos <33

    ResponderExcluir
  13. Seu blog é lindíssimo!
    Comenta e segue o meu tb:
    nossoblogdemodaa.blogspot.com

    ResponderExcluir