21 junho 2013

Menu Flippin'

| |

Olá meus amores! Como estão?
Pra quem quer saber, eu estou um pouco mau esses tempos. Tirei a pior nota que se podia tirar, nota 0; ultimamente parece que a confusão me segue, é incrível! Mas eu sinto que tudo vai mudar, quero ficar otimista quanto a esses assuntos...

Ah, devem ter notado o novo lay, né? Foi inspirado na diva da Avril Lavigne, uma cantora canadense que eu acho que todo mundo conhece, né? Ele ficou colorido e alegre, acho que é um dos lays mais fáceis e bonitos que eu já fiz. E aí, o que acharam?

Quando eu estava ajeitando o blog, percebi que eu tenho poucos tutoriais sobre menus aqui no blog, então decidi fazer um com um tema fofinho, aqueles menuzinhos pequeninhos. Aqui uma preview. Espero que gostem ;)

••• ♥ •••

1 • Aperte F3 e procure pela tag ]]></b:skin> e acima dela cole o seguinte código:
.menu-flipping-isas {
background-color: #COR DO FUNDO; /* Cor do fundo normal */
box-shadow: inset 0 0 20px #COR DA SOMBRA INTERNA, 0 0 4px #COR DA SOMBRA EXTERNA;
display:inline-block;
border-radius: 5px; /* Bordas Arredondas */
padding: 1px;
width: 80px;  /* Tamanho do menu */
margin-bottom: 2px;
font-family: trebuchet ms;
font-size: 10px; /* Tamanho da Fonte */
text-align: center;
transition-duration: 2s;
-moz-transition-duration: 2s;
-webkit-transition-duration: 2s;}
.menu-flipping-isas:hover {
-webkit-transition-duration: 2s;
transform: rotatex(120deg);
-webkit-transform: rotatex(360deg);
background-color: #COR DO FUNDO HOVER;
box-shadow: inset 0 0 20px #SOMBRA INTERNA HOVER, 0 0 4px #SOMBRA EXTERNA HOVER;
color: #fff;}
2 • Vá em layout • Adicionar Gadgets • HTML/JavaScript e cole:
<div class="menu-flipping-isas"><a href="LINK">Nome</a></div>
<div class="menu-flipping-isas"><a href="LINK">Nome</a></div>
<div class="menu-flipping-isas"><a href="LINK">Nome</a></div>
<div class="menu-flipping-isas"><a href="LINK">Nome</a></div>
<div class="menu-flipping-isas"><a href="LINK">Nome</a></div>
<div class="menu-flipping-isas"><a href="LINK">Nome</a></div>
••• ♥ •••
Espero que tenham gostado do menu, amores. Eu sei que não é meu melhor e peço desculpas, mas isso é por pouco tempo, ok? Em breve farei alguns tutoriais mais decentes e terá uma avalanche de goodies pra vocês ;)

Beijos, amo vocês, seus feios lindos!

8 comentários:

  1. Que menu fofinho *u*
    cr4zy-world.blogspot.com

    ResponderExcluir
  2. O layout ficou lindo demais, sempre divando >3333<

    Em quanto ao menu ficou lindo, achei bem fofo <3

    Nyah Kawaii

    ResponderExcluir
  3. Adorei o menu *-*
    Bjs,
    Swag Html (perfil)

    ResponderExcluir
  4. Isaaaaaaa, que lindeza o layout! Eu adorei a ilustração e o efeitinho do banner, parabéns!

    O menu é muito bonitinho, penso em utilizá-lo num lay free, obviamente com creditos hah

    Eu queria saber sobre a afiliação, o TK não faz mais parte? ):

    Beijos
    Too Kawaii

    ResponderExcluir
  5. Acho esses menus bem fofos e já utilizei bastante antigamente, mas agora tô preferindo utilizar o do blogger mesmo, da menos trabalho porque não gosto muito de ficar colocando link .-.

    Doce Quinta-feira

    ResponderExcluir
  6. Parece com o do KW, não está tão bom assim, aliás, o layout está demasiado estranho, beijokas da anony sincera e liamda :3

    ResponderExcluir
    Respostas
    1. kw tem um menu assim? porr..... eu tinha ficado morrendo pra saber como se separa e acontece isso...
      eu sei, o layout não ficou tão típico, ficou meio estranho e diferente mesmo, mas me agrada muito porque ele não é igual aos outros e pra mim o torna especial e foipor isso que coloquei...

      obg pela sinceridade, hoje em dia é difícil achar gente assim ;)

      Excluir
  7. Amei esse menu, é muito fofo :3 Parabéns o blog tá lindo, eu achei lindo Nony u.u
    Kiss Line | http://sweetteen-st.blogspot.com/

    ResponderExcluir

« »