sábado, 17 de novembro de 2012

Fontes+ Menu Clique

Atualização: Gente,olhem o lay que fiz AQUI,se alguém quer que eu faça ,é só falar pela ask,como quer...

Boa Tarde!

Hoje trago fontes ótimas,que eu tenho no pc,e aconselho vocês a baixarem! Eu trago um preview,e o link para download. Espero que seja do agrado de vocês,já que nunca trago fontes. 

Também trago um tutorial,de como colocar esse menuzinho no blog.









Eu coloquei styles nas fontes,mas na hora de baixar,não se preocupe,pois não vai aparecer.

Lindas fontes,não??!! Eu adoro todas!

Procure por <head>,e abaixo da tag cole:
<!--- MENU DESLIZANTE -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script src='http://static.tumblr.com/ghoye6x/xBmloszst/colpaso.js' type='text/javascript'>
</script>
<script type='text/javascript'>
animatedcollapse.addDiv('jason', 'fade=1,height=80px')
animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
animatedcollapse.addDiv('michael', 'fade=1,height=120px')
animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
animatedcollapse.addDiv('lion', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
 //$: Access to jQuery
 //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
 //state: "block" or "none", depending on state
}
animatedcollapse.init()
</script>
Não tem nada para alterar.

Depois,em um gadget de HTML,cole isso:

<center><a href="#" rel="toggle[rabbit]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Título 1</a> |
<a href="#" rel="toggle[dog]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Título 2</a> |
<a href="#" rel="toggle[cat]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Título 3</a></center>
<div id="rabbit" style="display:none">
Conteúdo do menu deslizante 1
</div>
<div id="dog" style="display:none">
Conteúdo do menu deslizante 2
</div>
<div id="cat" style="display:none">
Conteúdo do menu deslizante 3
</div>

Está tudo explicado,pode por afiliados,status,você que sabe! Créditos

10 comentários:

  1. Que linda as foontes *u*
    Eu baixei a Nova Solid, mto linda *uu*
    Estou Seguindo seu bloog amiga. Se importa de seguir o meu também? Agradecida (:
    http://www.sentierodellerose1.blogspot.com

    ResponderExcluir
  2. Que lindas essas fontes *-* A Lakmus é super linda e eu nem conhecia IUHDSAUHIUAH' Btw, seu template ficou lindo também, adorei ~

    Esse tutorial eu tava procurando antes de fazer meu template TT-TT /morre.

    @Kawaii World.

    ResponderExcluir
    Respostas
    1. Obrigada AHSUHAUSHAUSH' Só você Kaorii .-. Obrigada novamente!

      Lamento por ser burra e não ter postado antes :\

      Kissus amore ~~♥

      Excluir
  3. ótimo tutorial! Já conhecia esse menu, ele é muito fofo, adoro ele, principalmente porque ocupa pouco espaço hehehe'

    Beijinhos Açucarados~~> extras-foryou.blogspot.com

    ResponderExcluir
  4. Oii flor!
    Amei as fontes peguei uma para mim :D
    Já conhecia o tuto desse menu :)
    Seguindo.

    Bjs
    justgloss.blogspot.com

    ResponderExcluir
  5. Oie *

    - Adorei o Seu Bloog !! e eu Fiz Afiliação com o Seu blog lembra?
    eu estou seguindo o seu blog !! Porque ele e MUITOOO lindooo !!

    Segue de volta ( se gostar ) ?? *

    BeijuUs ^

    www.gisellyworld.blogspot.com

    ResponderExcluir
    Respostas
    1. Oii

      Obrigada,eu já sigo o seu faz um tempinho *uu*

      Kissus

      Excluir