12 de mai. de 2008

Menu 3D Stu


Baixei e instalei este menu para facilitar. Basta copiar e colar no local indicado.






Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.



Vá até o HTML do seu blog e procure pela tag (código)

]]></b:skin>

Acima dele cole o código abaixo





/*Menu horizontal-------------------------------------------------*/
.preload16 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RQcid5umWEKY69Y5w4-CLEXMZ1-IG_B9YRgONhE4ftZNGhJRimhEfQmW-D4vbFOIijy7z1w_-qgumf_tdfMu12T2hS2RR2q0-WtimG0KEJeCi4sdzSVRzHEU7jd5VO3z3chN_tXqMsQ/s1600/pro162bf5.gif);
}
.preload16a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlHzY_ytFlY_FRxvO2Le7xcxzz3NPv56uUKTR3CPrP5oOjoFWOMd6DjS_iFOTTL__NVM_2_xn3vRFugNUW3ckhrzOmwMygQfr0HIz7pp2CoPNuOYczClZTwf38ulw8EumM4fvGaPhpJcU/s1600/pro162azc0.gif);
}
.pro16 {
padding:0 0 0 1em;
margin:0;
list-style:none;
height:43px;
position:relative;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpAddObw75Pwc7-jiLrsiJybxD_xsgtPaYkdYkDdFxK-hQVcwPI3lymvPbEa_FXW6EpQeZNz_WWwJPhUhNgh1reXVlH4ZIdnirc0_VBDuJGcwMgPslReJFRtIauQQZlNMXLOVszQXF6h0/s1600/pro16backxl6.gif) repeat-x left top;
font-size:11px;
}
.pro16 li {
float:left;
height:43px;
}
.pro16 li a {
display:block;
float:left;
height:40px;
line-height:35px;
color:#888;
text-decoration:none;
font-family:arial, verdana, sans-serif;
font-weight:bold;
text-align:center;
padding:0 0 0 10px;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhkbyeqrAXOqXN1s1_KoYf8ya-dipu8GWfUhajOEAkRkMTMAM00QbJRQzaBXNco7ndGfrrPZNlTEhXbhIVDOQ1JCoTdmpVXkbXUnLgUccVntGh0T7uSDJA1SoW_4uYsU56d7MN1dtj3g/s1600/pro160fa8.gif) no-repeat;
}
.pro16 li a b {
float:left;
display:block;
padding:0 60px 0 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhkbyeqrAXOqXN1s1_KoYf8ya-dipu8GWfUhajOEAkRkMTMAM00QbJRQzaBXNco7ndGfrrPZNlTEhXbhIVDOQ1JCoTdmpVXkbXUnLgUccVntGh0T7uSDJA1SoW_4uYsU56d7MN1dtj3g/s1600/pro160fa8.gif) no-repeat right top;
}
.pro16 li.current a {
color:#000; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlHzY_ytFlY_FRxvO2Le7xcxzz3NPv56uUKTR3CPrP5oOjoFWOMd6DjS_iFOTTL__NVM_2_xn3vRFugNUW3ckhrzOmwMygQfr0HIz7pp2CoPNuOYczClZTwf38ulw8EumM4fvGaPhpJcU/s1600/pro162azc0.gif) no-repeat;
}
.pro16 li.current a b {
color:#000;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RQcid5umWEKY69Y5w4-CLEXMZ1-IG_B9YRgONhE4ftZNGhJRimhEfQmW-D4vbFOIijy7z1w_-qgumf_tdfMu12T2hS2RR2q0-WtimG0KEJeCi4sdzSVRzHEU7jd5VO3z3chN_tXqMsQ/s1600/pro162bf5.gif) no-repeat right top;
}
.pro16 li a:hover {
color:#000;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlHzY_ytFlY_FRxvO2Le7xcxzz3NPv56uUKTR3CPrP5oOjoFWOMd6DjS_iFOTTL__NVM_2_xn3vRFugNUW3ckhrzOmwMygQfr0HIz7pp2CoPNuOYczClZTwf38ulw8EumM4fvGaPhpJcU/s1600/pro162azc0.gif) no-repeat;
}
.pro16 li a:hover b {
color:#000; background:url(http://img222.imageshack.us/img222/8746/pro162pt0.gif) no-repeat right top;
}
.pro16 li.current a:hover {
color:#000;
cursor:default;
}



    Salve !
    Agora procure pela tag (código):


    <div id='outer-wrapper'><div id='wrap2'>

    Se não encontrou este acima, procure por:

    <div class='header-outer'>

    E cole abaixo o próximo código. Coloque seus links e salve.




    <ul class='pro16'>
    <li class='current'><a href='#'><b>HOME</b></a></li>
    <li><a href='ENDEREÇO DO LINK 2'><b>LINK 2</b></a></li>
    <li><a href='ENDEREÇO DO LINK 3'><b>LINK 3</b></a></li>
    <li><a href='ENDEREÇO DO LINK 4'><b>LINK 4</b></a></li>
    <li><a href='ENDEREÇO DO LINK 5'><b>LINK 5</b></a></li>
    <li><a href='ENDEREÇO DO LINK 6'><b>LINK 6</b></a></li>
    </ul>



      Créditos: CSS Play

      9 comentários:

      1. Boa tarde!Adorei o seu blog,porém estou com um problema.Tentei colocar o menu 3D no meu blog,fiz tudo certo,ele apareceu no blog corretamente,porém se eu fizer referência a algum site ele me retorna da seguinte forma "http://personal-fest.blogspot.com/O SITE REFERIDO"..Como posso corrigir isso?..Obrigado!

        ResponderExcluir
      2. Muito boa dica um otimo menu parabens pelo blog

        ResponderExcluir
      3. Galera minha ajuda,
        tento colocar o MENU horizontal no meu blogger porem ele insiste em aparecer na vertical!!
        o que eu faço ??

        ResponderExcluir
      4. elki como eu faço para colocar uma caixa de texto dessas onde eu possa inserir codigos ou até mesmo uma descrição dos meus arquivos ?

        me refiro a essa caixa onde esta os codigos e q tem um desenho de flor no canto inferior direito.

        obg.

        ResponderExcluir
      5. Boa Noite!

        Já coloquei este menu mas gostaria de diminuir os botões menu e alterar cor, pois como os botões estão grande demais o ultimo botão esta aparecendo em baixo. É possivel??Também tenho outra duvida, não consigo colocar links para o menu.

        Desde já agradeço

        ResponderExcluir
      6. Coloquei no meu blog funcionou só que agora as novas postagem minha não aparece no menu verticar. Eu não queria retirar ele de volta do blog............

        ResponderExcluir
      7. nao estou conseguido porq nao acho o 2 codigo

        ResponderExcluir
      8. Nao estou conseguindo encontrar o Código do segundo passo no meu Blog, peço por favor que me ajude

        ResponderExcluir

      A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


      Copyright © Templates e Acessórios |
      Design by Elke di Barros | Tecnologia do Blogger
        Twitter Facebook Google + YouTube