Menu #1

Rélou everibore o/ (que inglês lindo, saki) Como estão? Eu vou bem :BB Quase me perdendo na bagunça do meu quarto, mas tudo ok X_X Sério, não consigo ficar uma semana com o quarto arrumado, tem roupa jogada por tudo que é lado. Além dos cadernos e apostilas (que eu sempre perco). Eu estou louca para me mudar, talvez nós moremos em uma casa (eu moro em um apertamento) e o meu quarto será maior *-*

Isso me lembra o episódio de Sasame Player que os meus lindos do INFINITE tiveram que limpar e arrumar o dormitório deles e-e' Disseram que um grupo feminino viria visita-los, no fim era uma mentira necessária para os bagunceiros arrumarem tudo u-u UASHUAHSU Parece que nunca tinham limpado o quarto deles na vida -.- JAHBKJASHD tadinhos <3 eu ri demais ~

Enfim, hoje eu trouxe um menu simples mas fofoso u3u Ele é igual parecido com o que eu usei no layout passado, veja a preview (x). Para pegar o código clique em Leia Mais.

Copie o código abaixo e cole em algum lugar acima de ]]></b:skin> , ou seja, no seu css :B

.menu1{
width: 40px;      /*Largura*/
height: 20px;        /*altura*/
font-family: "farma";
font-size: 8px;
outline-offset: -3px;          /*não mexa*/
color:#ffb0b8!important;           /*cor da fonte*/
text-shadow: 1px 1px 0px #fffbfb;          /*sombra do texto*/
outline: 1px dotted #ffb0b8;        /*bordinha pontilhada- só mude a cor*/
background-color:#fff3f4;       /*fundo*/
border: 3px solid #ffdbde;       /*borda - só mude a cor*/
padding: 2px;        /*não mexa*/
text-transform: uppercase;         /*texto em letras maiusculas*/
margin: 2px;        /*não mexa*/
float: left;         /*não mexa*/
text-align: center;        /*texto alinhado no centro*/
display: inline;        /*não mexa*/
box-shadow: inset 0 0 6px #ffdbde, 0px 1px 2px #f6f6f6;    /*sombra da caixa*/
-webkit-transition: all 0.50s ease;}


.menu1:hover{
width: 40px;
height: 20px;
font-family: "farma";
font-size: 8px;
outline-offset: -3px;
color:#989898!important;
text-shadow: 1px 1px 0px #fafafa;
outline: 1px dotted #9e9e9e;
background-color:#efefef;
border: 3px solid #d0d0d0;
padding: 2px;
text-transform: uppercase;
margin: 2px;
float: left;
text-align: center;
display: inline;
box-shadow: inset 0 0 6px #d0d0d0, 0px 1px 2px #f6f6f6;
-webkit-transition: all 0.50s ease;}


@font-face { font-family: "farma"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); /*fonte pixel*/}

Cole o codigo abaixo onde você quiser que o menu apareça:

<a class="menu1" href="https://www.blogger.com/LINK">LINK</a>
<a class="menu1" href="https://www.blogger.com/LINK">LINK</a>
<a class="menu1" href="https://www.blogger.com/LINK">LINK</a>
<a class="menu1" href="https://www.blogger.com/LINK">LINK</a>

Espero que gostem e usem *-* Mesmo se modificarem, creditem u-u'

É isso *-* Até mais porquinhos o/

Kissu :*