Reino Kawaii

 Olá! Todos estão bem? Eu espero que sim ^-^

Aproveito para desejar um feliz dia aos Professores! Eu sinto saudades dos meus, apesar de ainda manter contato com alguns; nunca tive problemas com meus mestres, ao contrário, procurei ser amiga deles e eles retribuiram da mesma forma. Tem sempre aquele mais especial que a gente não esquece, e no meu caso, um dos professores que tive e que mais gostei foi o de Matemática, na 8ª série (nono ano hoje?), que posteriormente me deu aula de Estatística e Matemática Financeira na faculdade :3 Ele é daqueles professores mais liberais, mas que impõe disciplina ao mesmo tempo e aprendi muito com ele. Também recordo dos que me fizeram amar história, viajar pela literatura, entender como ser líder em uma empresa e sobreviver sem desmaios às aulas de Anatomia na 7ª série rsrs.... Minha mãe é professora, mas não exerce a profissão, e ama Português, ou seja, escrever nunca foi problema para mim graças aos conselhos dela :D Inclusive ela sempre analisa o blog, verifica onde errei ou acertei e dá a maior força para que eu siga em frente. Um grande obrigado a todos!!!

Bom, deixa eu bancar a professorinha agora rsrsrs...e hoje a tia vai ensinar como fazer aquele menu ali da sidebar, que desliza quando você passa o mouse nele. Eu o encontrei em um template cuja a autoria é atribuída a Aimad <= Creditando

Achei interessante porque muda de acordo com o local em que você coloca, ou seja, pode funcionar como menu horizontal, se você adicioná-lo acima das postagens por exemplo, ou vertical, se adicioná-lo à sidebar como eu fiz. Também pode ficar bem colorido, ou com duas cores...você define tudo!!!

.sweetmenu {
margin:10px;
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:12px tt;/*tamanho da fonte */
font-family: verdana; /* tipo da fonte */
text-align:center; /* alinhamento do texto */
background: #fff; /* background visivel */
width:100px; /* largura */
color:#a1a1a1; /* cor do texto */
padding:2px;
border:1px solid #fee; /* borda e cor da borda */
border-left:20px solid #fee; /* borda e cor da borda esquerda */
text-decoration:none;
}
.sweetmenu:hover{/* efeitos para quando passar o mouse */
border-left:1px solid #fee;
border:1px solid #a1a1a1;
border-right:20px solid #fee;
}

Visualize e se não houver problemas, salve. Você ainda não vai ver o menu. Para que o ele apareça, cole o código abaixo em um novo gadget HTML/JavaScript ou em qualquer lugar que aceite HTML:

<span class="sweetmenu" onmouseover="this.style.background='#000'" onmouseout="this.style.background='white'"><a href="link">NOME DO LINK</a></span>

<span class="sweetmenu" onmouseover="this.style.background='#000'" onmouseout="this.style.background='white'"><a href="link">NOME DO LINK</a></span>

<span class="sweetmenu" onmouseover="this.style.background='#000'" onmouseout="this.style.background='white'"><a href="link">NOME DO LINK</a></span>

Substitua o que está em vermelho pelo código de uma cor e altere os links com seus respectivos nomes ^-^

Espero que gostem e beijinhus...