Menu Hover²

Ae Galera Hoje trago um tutorial muito bom...Vamos ao tutorial.[Leia Mais]


Primeiro Procure Por

"]]></b:skin>"

Acima dessa tag cole

a.menu{<br /> width:288px;/* Edite a largura do menu */<br /> height:20px;<br /> background-color:#XXX;/* Edite a cor de fundo do menu normal */<br /> display:block;<br /> margin-left:0px;<br /> padding-left:10px;<br /> border-left:0px solid #XXX;/* Edite a cor da borda do menu normal */<br /> border-bottom:1px solid #XXX;/* Edite a cor da borda do menu normal */<br /> font-weight:arial;<br /> line-height:175%;<br /> -webkit-transition: all 0.5s linear;/* Edite o tempo de transição de uma cor para outra */<br /> -moz-transition: all 0.5s linear;<br /> -o-transition: all 0.5s linear;<br /> transition: all 0.5s linear;<br /> }<br /> <br /> a.menu:hover{<br /> background-color:#053f4c;/* Edite a cor de fundo do menu hover */<br /> display:block;<br /> margin-left:0px;<br /> padding-left:15px;<br /> border-left:0px solid #XXX;/* Edite a cor da borda do menu hover */<br /> border-radius:5px;<br /> border-bottom:1px solid #XXX;/* Edite a cor da borda do menu hover */<br /> color:#XXX; }/* Edite a cor da fonte do menu hover */<br /> -webkit-transition: all 0.5s linear;/* Edite o tempo de transição de uma cor para outra*/<br /> -moz-transition: all 0.5s linear;<br /> -o-transition: all 0.5s linear;<br /> transition: all 0.5s linear;<br /> </style><br /> <script charset='utf-8' src='https://sites.google.com/site/abejdhs/modelo/jquery.min.js' type='text/javascript'></script><br /> <script charset='utf-8' src='https://sites.google.com/site/abejdhs/modelo/jquery.min.js' type='text/javascript'></script><br /> <script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "https://lh4.googleusercontent.com/-Jm4FhMxPEVE/Tzlro9Qn7oI/AAAAAAAAD70/NEnO3eSW_WY/h120/greys.gif"}); });  Agore Va em design>> elementos da pagina>> add um HTML/JAVASCRIP e cole <div class="menu"> <a href="link">Nome do menu</a> </div> ficara assim.. :

Nome do menu