quarta-feira, 23 de janeiro de 2013

Menu Ghosts

Tumblr_mh2268kxbz1roqwzgo1_400_large

Oie amores , quanto tempo em. Já estava morrendo de saudades de vocês *-*
Hoje passei aqui rapidinho para postar um tutorial, espero que gostem.. Vamos lá.

O tutorial de hoje, é o Menu Ghosts, antes de começar, vou dar os créditos para o Making Themes , por que foi de lá que eu peguei o tutorial. Mais lembrando, que eu editei esse tutorial para passar pro blog, então se forem usar de os créditos para os dois ok ? ( Para visualizar o menu, clique AQUI )

Vá no seu HTML > Dê CTRL + F e procure por: ]]></b:skin> 

Em cima do código anterior , cole o seguinte código: 
/* menu ghosts por mariana. (mundoo-cute) - efeito 1 */
.ghosts {color: #6b6a8d; font:35px "Bandless"; text-align:center; text-transform: Uppercase; display: inline-block; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; letter-spacing: 2px; text-align:center; }.ghosts:hover {text-shadow:5px 5px 0px rgba(0,0,0,0.1), 15px 15px 0px rgba(0,0,0,0.2); -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
@font-face {font-family: "Bandless"; src: url('http://static.tumblr.com/o286adx/hgQm6rhus/bandless.ttf'); format("truetype"); }
Para usar o menu, vá em Layout > Adicionar um Gadget , HTML/JavaScript > e cole o código abaixo no espaço em branco. 
<div class="ghosts"><a href="LINK">NOME</a></div>
Aonde está escrito LINK , substitua pelo link da página . E aonde está escrito NOME, substitua pelo nome que desejar.

Espero que tenham gostado ! Kisses amores, até a próxima ;*

10 comentários:

  1. Eu gosto muito de procurar por menus hovers,sempre procuro um ou outro,antes eu apenas fazia menu no cabeçalho o que não fica tão legal!

    Beijos,
    Luísa-->Retardadasdanet.blogspot.com
    Twitter:@RetardadasDaNet

    ResponderExcluir
  2. Lindo o menu! <3 Gostei! / Quem sabe no próximo layout .

    Beijos , Garotas Teenagers .

    ResponderExcluir
  3. já estou a seguir!! adorei o blog!

    Um grande beijinho,
    KellyAnne
    http://scream-of-beauty.blogspot.pt/

    ResponderExcluir
  4. Adorei o tutorial, super adorei ! ;)

    hipsterteen.blogspot.com

    ResponderExcluir
  5. Esse menu é lindo *--* Eu testei ele e o resultado é incrivel!Ótimo tutorial,kisses!
    http://efeitosdaadolescencia.blogspot.com.br/

    ResponderExcluir
  6. Oi flor, eu já ouvi falar nesse menu, mas nunca fiz ele..... Então eu sou a prima da Magali, ela é dona do diversidades e afins... E eu estava fazendo uma limpa nos afiliados dela... Muitos nem tinham mais ela como afiliada... E outros blogs já nem existiam mais.. Eu agradeço a você que é afiliada... Que continuou como afiliada... dela... Então nem sei se ela visita seu blog! Mas do mesmo jeito obrigada! E awnnn achei seu blog um amor... Não me lembro se já passe aqui... E nem sei se você segue meu blog. Mas em todos os casos estou seguindo, se puder seguir o meu blog ficarei grata.
    bjs
    sweetsecretfantasy.blogspot.com.br
    e
    diversidadeseafins.blogspot.com.br

    ResponderExcluir
  7. Nossa, que menu mais lindo, estou apaixonada!
    Beijos, ☺ Light As The Breeze

    ResponderExcluir
  8. Oi flor!
    Adorei menu e o tutorial é bem fácil de entender.
    BEIJOS!

    rarosej.blogspot.com.br

    ResponderExcluir
  9. Amei o menu, super perfeito :D
    Beijos ;* | blog-adolecendo.blogspot.com

    ResponderExcluir
  10. muito lindo :D adorei, quem sabe uso no próximo layout
    gavecrazy.blogspot.com

    ResponderExcluir

Olá, fique a vontade para dar sua opinião tanto quanto ao post, quanto ao blog!
Mais peço que sejam educadas(os) e evite falar palavrões.
Comentários ofensivos não serão aceitados. Obrigada

OBS: Não aceito mais tag e nem selinho

Related Posts Plugin for WordPress, Blogger...