Colocando Menus - lavamp e Menu Orizontal no blog

Anônimo
    Tutotial Menu Drop Down No Blogger
    Primeiro passo va em editar html de seu blog e proucure  por: ]]></b:skin> Antes disso cole o codigo abaixo:
             
    Feito Agora Proucure por: 
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

    <-----restante do código---->

    </b:section>
     </div>
    E cole abaixo dele:
                        
E Salva e veja como fico .    

    Tutorial Como Criar Menu Lavamp no blogger
    1-Proucure por: ]]></b:skin> e cole este codigo ANTES:
    /* Começo.Catnav */
    .catnav { position: relative; background: url(http://turboperfeito.webs.com/photos/Fuzion-Designer/menu%20lavamp-1.png) no-repeat ; height: 76px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left: 10px; margin:10px 0px 0 0px; margin:auto; overflow: hidden; } .catnav li { float: left; list-style: none; top: 22px; } .catnav li.back { background: url(http://turboperfeito.webs.com/photos/Fuzion-Designer/catnav.png) no-repeat right -38px; width: 9px; height: 38px; z-index: 8; position: absolute; } .catnav li.back .left { background: url(http://turboperfeito.webs.com/photos/Fuzion-Designer/catnav.png) no-repeat top left; height: 38px; margin-right: 7px; } .catnav li a { font:bold 12px tahoma !important; color:#000 !important; text-shadow: #ccc 1px 1px; outline: none; text-align: center; top: 28px; z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; padding:3px 15px 10px 15px; margin: auto 0px; } .catnav li a:hover, .catnav li a:active, .catnav li a:visited { border: none; } /* Final.Catnav*/ Agora Proucure por   </head> e cole ANTES  o codigo abaixo:
    <script src='http://turboperfeito.webs.com/script.js' type='text/javascript'/>
    <script src='http://turboperfeito.webs.com/jquery-1.2.3.min.js' type='text/javascript'/>
    <script src='http://turboperfeito.webs.com/jquery.easing.min.js' type='text/javascript'/>
    <script src='http://turboperfeito.webs.com/menu%20lavamp.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[/*
    $(function() { $("#1, #2, #3").lavaLamp({ fx: "backout", speed: 700, click: function(event,menuItem) { return true;}});});
    //]]>
    </script>
    Agora Proucure Por: 
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

    <-----restante do código---->

    </b:section>
     </div>
    E cole abaixo dele:
    <ul class='catnav' id='1'> <li class='current'><a href='http://fuziondesigner.blogspot.com/'>Página Inicial</a></li> <li><a href='#'>Apresentação</a></li> <li><a href='#'>Serviços Pagos</a></li> <li><a href='#'>Sobre Nós</a></li> <li><a href='#'>Faça Um Orçamento</a></li> <li><a href='http://fuziondesigner.blogspot.com/search/label/contato'>Contato</a></li> </ul>
    Pronto agora salve
Comentários:
Sem comentários
Categorias:

0 comentários:

Postar um comentário