25 de mar de 2013

Menu Destaque


Oiie , tudo bem? Depois de séculos sem postar, vou tentar voltar minha vidinha de nerd blogueira .. Gostaram do novo layout? Não? Foda-se eu gostei :)

 Hoje eu trouxe um tutorial que já tinham me pedido, o menu igual o meu antigo, eu achei ele no Kawaii World



Vocês vão lá no HTML e procure por ]]></b:skin> e acima dessa tag cole:

.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;}

Clique aqui para ver a explicação 

Agora você cria um novo gadget HTML/Javascrit e cole:


<div class="boxdestaque">
<span class="title">Título da postagem
<a class="destaque" href="LINK DO POST"></a>
</span>
</div>

4 comentários:

  1. AAAAMEI O LAYOUT !! Não quer fazer um lay pra mim não? >////<
    Que lindo fica o menu, muito kawaii kk
    Kisses
    Adolescente Nerd e Nerd Kawaii

    ResponderExcluir
    Respostas
    1. Aawn obg Jubs, desculpa flor, ultimamente eu ando ocupada, tou sem tempo .. Deixa pra proxima vez *--*

      Obg pela visitinha :3

      Excluir
  2. Heey flor, ótimo tuto, que bom que voltou estava com saudades. Também não entendi a garota falando que o meu blog era demoniaco.
    Beijos
    http://coffein-paris.blogspot.com.br

    ResponderExcluir
    Respostas
    1. KKKKKK ela é supersticiosa, dizem que uma cruz ao contrário significa coisa do demônio, e o favicon do seu blog é uma cruz invertida!

      Excluir

- Comentários só de divulgação do seu blog, sem nenhuma opnião do assunto serão ignorados
- Faça comentários sobre o post
- Sejam educados, e não use palavrões
- Faça essa blogueira feliz, COMENTE