11 de ago. de 2013

Tutorial - menu "fofinho"

||
~rawr (deveria ser azul, mas eu não resisti)

Oi gente linda, eu não ia postar hoje, mas não surgiu nenhum compromisso, ou seja, vim postar, né porquê se eu postar com mais frequência... sei lá. Enfim, como eu nunca tenho nada de bom pra escrever aqui em cima, vou enrolar mais um pouco desse jeito até que tenha escrito o suficiente pra falar sobre a postagem.

Lembram, na postagem passada que eu mencionei que tinham feito um pedido de menu e que ele tinha que ser fofinho? eu fiz. Se quiserem ver como fica, cliquem aqui. Na coluna lateral, gadget "menu fofinho". Gostou? então vamos ver o tutorial.


1. No HTML do seu blog, pesquise por ]]></b:skin>. Quando achar, coloque isso em cima do código encontrado:

.menufofinho {display : block;

font-size: 10px;
font-family: tahoma;
letter-spacing : 0;
border-right: 1px dotted #FF69B4;
background-repeat : no-repeat;
text-indent : 5px;
text-decoration : none;
line-height : 15px;
margin-bottom : 1px;
background : url('http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minifrut.gif') no-repeat left;
padding-left : 13px;
transition: all 0.70s ease-out;}
.menufofinho:hover {display : block;
line-height : 15px;
border-left : 1px dotted #FF69B4;
 url('http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minifrut.gif') no-repeat left;
padding-left : 30px;
-webkit-box-shadow: inset 550px 0 0px 0
box-shadow: inset 550px 0 0px 0;}

Salve. 
Agora abra um gadget HTML/JavaScript, e coloque:
<a  class="menufofinho" href="LINK">NOME</a>
Quantas vezes quiser e mude o que está destacado.

Era isso, eu espero mesmo que tenham gostado do menu, se usarem creditem, ok? Tentei faze-lo ficar fofinho, consegui?
Dúvidas aqui eu na ask, pedidos também. Beijos.

26 comentários:

  1. que lindo >.<
    acho até que vou usar no meu proximo lay haha

    ResponderExcluir
  2. Mas que menu mais fofo <3 O nome diz tudo ^^

    - HTML Secret

    ResponderExcluir
  3. Amei o tuto, muito fofo o menu, kisses

    Candy || http://epidemiadosblogs.blogspot.com

    ResponderExcluir
  4. É bem fofo o menu, e desculpas aceitas *-*

    Beijos, Flying in Clouds

    ResponderExcluir
  5. Fofinho é pouco, por favor! u_u É gostosinho (?) IAUHSAIUSHIAUH' Mas, acho que tendeu -q

    ResponderExcluir
  6. Amei o Tutorial ^^ menu mais fofo do mundo <3

    chocoonut.blogspot.com.br

    ResponderExcluir
  7. ownnn o menu Fofinho é muito lindo o/ eu gostei muitooo
    acervo-de-livros.blogspot.com.br

    ResponderExcluir
  8. Que lindo! *u*
    Ficou realmente fofinho ^^ hehe.

    Chu ~ ♥
    mikicandy.blogspot.com

    ResponderExcluir
  9. Amei, super lindo *o*
    bjs

    chocoonut.blogspot.com.br

    ResponderExcluir
  10. Bem simples e bem lindo *u*
    Gostei bastante e confesso que usaria!

    ResponderExcluir
  11. Own *-* Realmente achei bastante fofinho. Gosto de menus bem simples e bonitinhos. Com certeza usaria, e talvez use no próximo lay *3*
    Beijos >.<
    milk-and-things.blogspot.com

    ResponderExcluir

- Eu sempre retribuo todos os comentários, SEMPRE;
- É permitido falar palavrão nos comentários, o que não pode é ser grosseiro com os outros;
- Aceito críticas construtivas, não ofensas;
- Sempre deixe o link do seu blog em baixo do comentários;
- Os comentários são moderados;
- Comentários do tipo "seguindo, segue de volta" ou algo do tipo não serão aceitos.

algumas carinhas para vocês usarem nos comentários:
(◕‿◕✿) ◕‿◕ (◡‿◡✿) ◑▂◐ ◑︿◐ ◑ω◐ ◑﹏◐