Menu B-Yob

Oi pimpolhos >3<
Tudo bem com você meus amores? sim, nunca vou me cansar de perguntar isso.Comigo está tudo ótimo, graças à Deus.Amém! Bom, acho que essa internet está de zoação com a minha cara, porque ontem ela passou a tarde interia funcionando e quando eu ia postar ela começou a bugar, aí eu me estressei e fui assistir tv kk.Essa oi velox é uma porcaria mesmo :p.O que estão fazendo? Eu estou aqui de boas assistindo Garota Mimada, adoro esse filme de paixão.Quem aqui já assistiu?

Bom, partindo para a postagem de hoje, touxe um menu que eu acho super fofo para usar na sidebar.Eu peguei ele lá no The Moon Reverse, então créditos para lá ok? É o menu B-Yob acho que vocês perceberam o nome no título do post né? kkk.Vamos para o tutorial.


Vá até seu html e pesquise pela tag ]]></b:skin>, cole acima dela o código abaixo:

byob{
font-family: silkscreen;
color: #ccc; /* cor da fonte */
text-align:center;
font-size: 8px; /* tamanho da fonte*/
background: #fff ; /* fundo*/
padding: 2px;
float: left;
margin: 5px;
width: 10px; /* tamanho */
-webkit-transition-duration: .70s;
border:1px dotted #ccc; /* tamanho, cor e tipo das bordas */
}
@-webkit-keyframes rattle2 {
0% {-webkit-transform: translatex(5px);}
50% {-webkit-transform: translatex(-10px);}
100% {-webkit-transform: translatex(5px);}
} byob:hover{
color:#ccc; 
-webkit-animation: rattle2 .3s alternate infinite linear; } 

Caso ainda não use a fonte pixel no blog, é só colar o código abaxo acima de ]]></b:skin>: 

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

Agora adiciona um gadget HTML/JavaScript e cole:

<div><a href=" LINK "><byob> 01</byob></a> <a href=" LINK "><byob> 02 </byob></a> <a href=" LINK "><byob> 03 </byob></a> <a href=" LINK "><byob> 04 </byob></a></div> 

Onde está em negrito é onde você irá colocar o link da página desejada, como se não soubessem.

E é só isso.Como perceberam eu criei um blog de previews, achei bem melhor assim.Agora tenho que responder os comentários do post anterior e visitar alguns blogs.

kiss <3 

22 comentários:

  1. Comigo mais ou menos UHEHUE' Difícil de entender as internets q

    Que menu mais perfeito *3* Provavelmente irei usar, já favoritei :3

    htmlandresources.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Muito difícil, ela me tira a paciência, que eu já nem tenho muita huehue.É sim, que bom.

      Excluir
  2. O menu além de ser legal o efeito, ele é lindo.

    sweet-of-cherry.blogspot.com.br

    ResponderExcluir
  3. Ain , deve ficar lindo lá no blog! *-*

    www.pequenamenina31.blogspot.com.br

    Bjs

    ResponderExcluir
  4. OMG !
    Que blog mais lindo, gente *o*
    Adorei o menu tá bem delicadinho e simples mas bem fofinho >3<

    Beijos <3
    http://p-perfectsthings.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Awn, onrigada Fani.É mesmo, muito fofo ele ^.^.

      Excluir
  5. Oii, gostei do menu ele é bem simples e fofo *-* bom vim aqui dizer que aceito afiliação já te coloquei na elite só falta você me colocar aqui também <3 beijoos ^^

    http://birthdaykawaii.blogspot.com

    ResponderExcluir
    Respostas
    1. Olá, fica muito kawaii ele.Ok amor, vou te colocar também.

      Excluir
  6. Nossa que lay lindo,adorei o tutorial, muito bom, seguindo aqui linda, aguardo a sua visitinha em meu cantinho, beijão e fique com deus.
    http://zombiecutie.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Awn, obrigada mesmo amor.Que bom que gostou, irei visitar sim :).

      Excluir
  7. Que lindo esse menu aco que vou usar ( Eu estava vendo sua elite e não me achei :\ )

    http://princesadobarulho3.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Concordo com vocês, bom uso.Vou colocá-la de novo, desculpa.

      Excluir
  8. Eu também faço a mesma coisa, ou quando o computador buga e desliga, vou assistir tv e acabado contribuindo para o gasto exagerado de energia no fim do mês q. Já assisti o filme, realmente é muitooo bom! Beijos >3< Adorei o menu amorzinho também ;3

    Having Cherry ☁

    ResponderExcluir
    Respostas
    1. Kpakspaksp sou assim mesmo, fazer o que né? kk.Eu adoro demais esse filme.Obrigada!

      Excluir
  9. Adorei, coloquei nos favoritos e talvez eu use :)
    Um beijo
    http://bombasticmusics.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada, use mesmo, é um menu muito lindo.

      Excluir
  10. Peguei...Muito perfeito *.*
    Imagine Cherries (IC) || ADM *PQn Achocolatada

    ResponderExcluir

-Não aceito palavrões.
-Não faça ofensas ao blog, só aceito critícas caso elas forem construtivas ao blog.
-Não comente apenas com um "seguindo, segue de volta?".
-Faça um comentário sobre a postagem lida.
-Deixe o link do blog no fim do comentário, assim poderei retribuir o carinho.