Como Colocar o Menu Lavamp Com Traço No Blogger Pra quem não sabe é Um Traço Que Ficara Seguindo Os Links Do Menu De Acordo Com o Mouse Em Baixo Do Menu.
1ª Passo- Proucure Por:
]]></b:skin>
E Cole o Código Acima De ]]></b:skin>:
CÓDIGO:
#bar-pay_size-Masters {
width:1000px;
margin:auto;
margin-top: 5px;
margin-left: 5px;
background:url(http://i.imgur.com/KbhSI.png) no-repeat;
height:45px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:12px;
color:#FFF;
font-weight:bold;
text-align: center;
}
.page {
position: relative;
height: 51px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-left: 100px;
margin:auto;
overflow: hidden;
text-align: center;
}
.page li {
float: left;
list-style: none;
}
.page li.back {
width: 9px; height: 50px;
z-index: 8;
position: absolute;
}
.page li.back .left {
background: url(http://i.imgur.com/ePVR8.png) no-repeat bottom center;
height: 51px;
margin-right: 0px;
margin-top:1px;
}
.page li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration: none;
color:#ccc !important;
text-shadow: #000 1px 1px;
outline: none;
text-align: center;
top: 10px;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding:3px 15px 10px 15px;
margin: auto 0px;
}
.page li a:hover, .page li a:active, .page li a:visited {
border: none;
}
-------------------------------------------------------------------------------------------------------------------------------------
2ª Passo- Proucure Por:
<script src='http://alexxx-design.webs.com/jquery-1.2.3.min.js' type='text/javascript'/>
<script src='http://alexxx-design.webs.com/jquery.easing.min.js' type='text/javascript'/>
<script src='http://alexxx-design.webs.com/menu20lavamp.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>
<script type='text/javascript'>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12328554-10']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
-------------------------------------------------------------------------------------------------------------------------------------
3ª Agora é uma Parte Dificil Proucure Por:
Ai em baixo de:
<ul class='page' id='2'>
<li class='current'><a href='/'>Home</a></li>
<li class='current'><a href='Seu Link aqui'>Parceria</a></li>
<li class='current'><a href='Seu Link Aqui'>Contato</a></li>
<li class='current'><a href='Seu Link Aqui'>Tutoriais</a></li>
<li class='current'><a href='Seu Link Aqui'>Designer</a></li>
<li class='current'><a href='Seu Link Aqui'>Templates</a></li>
<li class='current'><a href='seu Link aqui'>Equipe</a></li>
<li class='current'><a href='seu Link aqui'>Serviços</a></li>
</ul>
</div>
bom pessoal e isso se você gostou comente e vire um seguidor meu nome e lukas tutoriais
1ª Passo- Proucure Por:
]]></b:skin>
E Cole o Código Acima De ]]></b:skin>:
CÓDIGO:
#bar-pay_size-Masters {
width:1000px;
margin:auto;
margin-top: 5px;
margin-left: 5px;
background:url(http://i.imgur.com/KbhSI.png) no-repeat;
height:45px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:12px;
color:#FFF;
font-weight:bold;
text-align: center;
}
.page {
position: relative;
height: 51px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-left: 100px;
margin:auto;
overflow: hidden;
text-align: center;
}
.page li {
float: left;
list-style: none;
}
.page li.back {
width: 9px; height: 50px;
z-index: 8;
position: absolute;
}
.page li.back .left {
background: url(http://i.imgur.com/ePVR8.png) no-repeat bottom center;
height: 51px;
margin-right: 0px;
margin-top:1px;
}
.page li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration: none;
color:#ccc !important;
text-shadow: #000 1px 1px;
outline: none;
text-align: center;
top: 10px;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding:3px 15px 10px 15px;
margin: auto 0px;
}
.page li a:hover, .page li a:active, .page li a:visited {
border: none;
}
-------------------------------------------------------------------------------------------------------------------------------------
2ª Passo- Proucure Por:
</head>
E Cole o Código Acima De </head>:CÓDIGO:
<script src='http://alexxx-design.webs.com/script.js' type='text/javascript'/><script src='http://alexxx-design.webs.com/jquery-1.2.3.min.js' type='text/javascript'/>
<script src='http://alexxx-design.webs.com/jquery.easing.min.js' type='text/javascript'/>
<script src='http://alexxx-design.webs.com/menu20lavamp.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>
<script type='text/javascript'>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12328554-10']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
-------------------------------------------------------------------------------------------------------------------------------------
3ª Agora é uma Parte Dificil Proucure Por:
<div id='header-wrapper'
Ai em baixo de:
(</div>)
COLE ESTE CÓDIGO:
<div id='bar-pay_size-Masters'><ul class='page' id='2'>
<li class='current'><a href='/'>Home</a></li>
<li class='current'><a href='Seu Link aqui'>Parceria</a></li>
<li class='current'><a href='Seu Link Aqui'>Contato</a></li>
<li class='current'><a href='Seu Link Aqui'>Tutoriais</a></li>
<li class='current'><a href='Seu Link Aqui'>Designer</a></li>
<li class='current'><a href='Seu Link Aqui'>Templates</a></li>
<li class='current'><a href='seu Link aqui'>Equipe</a></li>
<li class='current'><a href='seu Link aqui'>Serviços</a></li>
</ul>
</div>
bom pessoal e isso se você gostou comente e vire um seguidor meu nome e lukas tutoriais