Menu de créditos [sidebar]

Oi! Tudo bem com vocês? Comigo mais ou menos. A escola é prioridade na minha vida e quando eu vou mal, parece que tudo vai mal. Hoje eu tenho prova de matemática, mas simplesmente não sei o conteúdo por mais que eu tenha me matado de estudar. Essa matéria não entra na minha cabeça e às vezes eu sinto como se a professora só explicasse para os alunos que já são bons em exatas?! Tipo, se ela explicasse em um ritmo mais moderado talvez eu conseguisse acompanhar e isso desanima ainda mais, sabe? Deve ser por isso que eu odeio números. Não quero nem ver o meu boletim nessa primeira etapa. Bom, acabando a sessão desabafo, eu terminei de ver o anime que falei e gente, sem palavras para definir a perfeição. Não vou comentar muito porque tenho um post planejado para isso, então vão ficando curiosos. Para hoje, trouxe dois modelinhos de menu para créditos que fiz quando estava com tédio. Ficaram até que fofinhos, então espero que gostem. Se usarem, não esqueçam dos créditos e não rebloguem, ok? Let's go ﾐ

☆ preview

No painel de controle do Blogger, clique em Tema e vá nas três bolinhas, escolhendo Editar HTML. Dê um clique dentro da área de código para localizar seu cursor, aperte Ctrl+F no teclado, pesquise por ]]></b:skin> e dê enter. Depois de ter encontrado, cole acima/antes disso o código do modelo que escolher:

modelo 1

credits {
display: inline-block;
background: #d3e2fa;
border: solid 1px #c6d9f7;
border-radius: 3px;
padding:2px;
color: #c6d9f7;
text-shadow: 0px 1px 0px #fff;
letter-spacing: 1px;
line-height:10px;
margin-bottom:1px;
text-align: center;
text-decoration: none;
font-family: 'Silkscreen';
font-size: 10px;
margin-bottom:1px;
margin-left:1px;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
}
credits:hover {
background: #dce7fa;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-webkit-transform: rotate(360deg);
} 

modelo 2

credits2 {
display: inline-block;
background: #d3e2fa;
border: solid 1px #c6d9f7;
border-radius: 50%;
padding:2px;
color: #c6d9f7;
text-shadow: 0px 1px 0px #fff;
letter-spacing: 1px;
line-height:10px;
margin-bottom:1px;
text-align: center;
text-decoration: none;
font-family: 'Silkscreen';
font-size: 10px;
margin-bottom:1px;
margin-left:1px;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
}
credits2:hover {
background: #dce7fa;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
border-radius: 3px;
}

modelo 3

credits3 {
display: inline-block;
background: #d3e2fa;
border: solid 1px #c6d9f7;
border-radius: 3px;
padding:2px;
color: #c6d9f7;
text-shadow: 0px 1px 0px #fff;
letter-spacing: 1px;
line-height:10px;
margin-bottom:1px;
text-align: center;
text-decoration: none;
font-family: 'Silkscreen';
font-size: 10px;
margin-bottom:1px;
margin-left:1px;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
}
credits3:hover {
background: #dce7fa;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
border-radius: 50%;
}

Altere as cores nos códigos em negrito e salve. No painel de controle do Blogger, clique em Layout, adicione um gadget HTML/JavaScript e cole o seguinte código:

<a href="LINK" title="♥ TÍTULO"><credits>♥</credits></a>

Repita o código acima quantas vezes for necessário. Por isso é só, crianças. Me deixem saber o que acharam, sim? Até a próxima. Fiquem bem, se cuidem.