1 - Use CTRL + F Para procurar.
2 - Cole o codigo abaixo acima de ]]></b:skin>
/* Menu LavLamp - Thecreatebr.blogspot.com
----------------------------------------------- */
.lavlampthecreate {
height: 51px;
padding-left:80px; /* tanto q vc quer que ele vai pro lado >>> */
margin-top:100px; /* tanto q vc quer que ele dessa para baixo*/
overflow: hidden;
}
.lavlampthecreate li {
float: left;
list-style: none;
}
.lavlampthecreate a {
font:14px Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
padding:13px; /*distancia um link pra outro by thecreate*/
position: relative;
z-index: 10;
}
.lavlampthecreate li.back .left {
background: url(http://i.imgur.com/IFE1V.png) no-repeat bottom center;
height: 51px;
margin-top:-10px;
margin-left:2px;
}
.lavlampthecreate li.back {
width: 9px; height: 50px;
z-index: 8;
position: absolute;
}
3 - Cole o codigo abaixo , abaixo de ]]></b:skin>
<script src='http://yourjavascript.com/5165602510/jquery-1.2.3.min thecreatebr.js' type='text/javascript'/>
<script src='http://yourjavascript.com/2162056132/jquery.easing.min thecreat br.js' type='text/javascript'/>
<script src='http://yourjavascript.com/1665143205/menu lavamp.thecreatebr.blogspot. com.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>
4 - Cole o codigo abaixo de <body>
<div class='lavlampthecreate' id='2'>
<li><a href='/'>Pagina Inícial</a></li>
<li><a href='/'>Pedidos</a></li>
<li><a href='/'>Templates</a></li>
<li><a href='/'>Photoshop Online</a></li>
<li><a href='/' title='Parceria'>Parceria</a></li>
</div>
5 - Salve e Pronto !!!
Tutorial by: Thecreatebr , Rafael Miranda
0 comentários:
Postar um comentário