Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

7/10/2013

Menu Cortina

Oi gente , eu achei um tutorial bem legal de menu cortina no blog do Eduardo Matos e decidir passar ele para blogger ele é bem simples ~ prévia aqui ~ confiram o tutorial:


1 - Vá em modelo > editar html ;
2 - Procure por ]]></b:skin> ;
3 - cole esse código antes dessa tag :
ul,li{
margin:0;
padding:0;}
ul{
h:500px; /* aqui você muda a largura da barra do menu */ mar
widtgin:auto; height:55px; /* altura do menu /*
rflow:hidden; } li{ float:left;
background:#004008; /* cor do menu /* ov e list-style:none; } li a{ display:block; width:125px; line-height:3.44;
background:-moz-li
text-align:center; color:#fff; text-decoration:none; font-size:16px;
t(linear,left top, left bottom ,from(#D4ED6F),to(#D4ED
near-gradient(top,#D4ED6F,#D4ED6F); /* cor do hover /* background:-webkit-gradie n6F)); /* cor do hover /* background:linear-gradient(top,#D4ED6F,#D4ED6F); /* cor do hover /* background-repeat:no-repeat;
ransition:background-position .2
background-position:0 -55px; -moz-transition:background-position .2s; -webkit-transition:background-position .2s; ts; } li a:hover{ background-position:0 0;
}
color:#004008 */ cor da fonte do hover / *

4 - E coloque esse código onde quer que apareça:
<ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Serviços</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contato</a></li>
    </ul>

Créditos : Eduardo Matos Tutorial Modificado por : Sugoi Tutoriais.


3 comentários:

  1. Anônimo28.7.13

    Nenhum dos menus que vocês postam funciona

    ResponderExcluir
    Respostas
    1. Logico que funciona , eu testo todos antes de postar

      Excluir
  2. realmente não funcionou =[

    ResponderExcluir

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.