3 de dezembro de 2013

Tutorial - Menu Lucky

|
|


Oioioi o/
Tudo bem com vocês seus lindjos? EU TO NAS ESTRELAS *-*
Acreditem ou não, eu consegui fazer o primeiro menu do MCC! hahahaha
Eu nunca imaginei que o blog fosse virar um blog meio que de goodies mesmo, mas aqui está o Menu Lucky! Pra saber onde está se metendo venha até esse link, aperte Continue Lendo e veja u.u
Ok, o menu é simples e eu to tentando deixar tudo explicadinho, comentem oque acharam.

1. Vá em Modelo > editar HTML > Aperte ctrl+F e procure por
]]></b:skin
2. Antes disso que você procurou, cole:
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
a.lucky {
background-color: #b3d8ff; /*Cor de Fundo
padding-top: 3px;
padding-bottom: 3px;
display: inline-block;
width: 40px; /*Largura
font-size: 8px;
font-family: silkscreen;
text-transform:  uppercase;
text-align:center;
color: #f925bc; /*Cor da fonte
outline: solid 1px #e6e6e6; /*Cor da borda
outline-offset: -1px;
letter-spacing: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
a.lucky:hover {
color: #b9f4fb; /*Cor da fonte hover
outline: solid 3px transparent; /*Cor da borda
background-color: #ffb3e9; /*Cor do fundo
outline-offset: -20px;
text-decoration: none;
box-shadow: inset 0 0 0px #e3e6e7, 0 0 0px #b6b6b6; /*Cor da sombra, se quiser tire
opacity: 0.8;
}
3. Agora vá em um gadget HTML/JavaScript:
<a class="lucky" href="LINK">Nome</a>
<a class="lucky" href="LINK">Nome</a>
<a class="lucky" href="LINK">Nome</a>
<a class="lucky" href="LINK">Nome</a>
<a class="lucky" href="LINK">Nome</a>
 As instruções estão no código, gente, eu vou desativar o blog daqui a uma semana (eu acho), pro lay novo, então se não conseguirem entrar, não se assustem bbês <3

Kissus, June

4 comentários:

  1. Anw, sério que esse é seu primeiro menu? Ficou super profissional, amei! Parabéns *-*
    Beijos ♡ ~
    garotas atrevidas ☆ retribui a visita?

    ResponderExcluir
    Respostas
    1. É o/ Thanks, que bom que amou u.u Muito obrigada <3

      Excluir
  2. Adorei esse menu,eu posso usar no próximo layout? É muito fofo! <3
    Beijos!
    maquininhamagicadamari.blogspot.com.br

    ResponderExcluir

Ei! Se tiver um tempinho comente querido, eu adorarei ;u; Antes de comentar, lembre-se:
01 - Nada de brigas, aqui não é UFC.
02 - Se quiser xingar, xingue, mas saiba que seu comentário será ignorado.
03 - Lembre-se de deixar o link do seu blog, gosto de retribuir as visitas que recebo <3