Demo :
Cách làm :
Bước 1 : Vào Header tìm code sau
Và thay thế nó = Code dưới :
Javascript codes managementChange a Javascript Code : Tạo 1 scripts mới
Title * : Menu trượt
Placement : In all the pages
Javascript Code * :
Chức năng :
Trượt theo chuột và mờ khi xuống bên dưới
Cách làm :
Bước 1 : Vào Header tìm code sau
- Code:
<div id="pun-navlinks">
<ul class="clearfix">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
Và thay thế nó = Code dưới :
- Code:
<div id="nav1" style="opacity: 1; ">
<ul>
<li>{GENERATED_NAV_BAR}</li>
<li class="logo"><a href="/forum"><h1>Cntt-k3</h1></a></li>
</ul>
</div>
- Code:
#nav1 {
height: 50px;
top: 0px;
left: 0px;
right: 0px;
z-index: 999;
position: fixed;
border: none;
background: #fff url('http://i40.servimg.com/u/f40/17/00/71/83/button85.png') repeat-x center left;
}
#nav1 ul {
width: 800px;
height: 25px;
margin: 15px auto 0px auto;
list-style: none;
}
#nav1 ul li {
margin: 0px 2px;
display: inline;
float: left;
}
#nav1 a {
height: 16px;
line-height: 16px;
float: left;
padding: 2px 4px;
background: transparent !important;
text-decoration: none;
cursor: pointer;
font-weight: bold;
font-size: 12px;
color: #fff;
}
#nav1 a:hover {
background: transparent !important;
-webkit-text-shadow: 0px 0px 20px #fff;
-moz-text-shadow: 0px 0px 20px #fff;
-o-text-shadow: 0px 0px 20px #fff;
text-shadow: 0px 0px 20px #fff;
color: #fff;
}
#nav1 ul li.logo {
margin-right: -100px;
float: right;
margin-top: -5px !important;
color: #fff;
font-family: 'Lobster Two';
-webkit-text-shadow: 0px 0px 20px #fff;
-moz-text-shadow: 0px 0px 20px #fff;
-o-text-shadow: 0px 0px 20px #fff;
text-shadow: 0px 0px 20px #fff;
}
Javascript codes managementChange a Javascript Code : Tạo 1 scripts mới
Title * : Menu trượt
Placement : In all the pages
Javascript Code * :
- Code:
$(document).ready(function(){var x=$('#username').html();$('.templateuname').html(x)});$(function(){$(window).scroll(function(){var scrollTop=$(window).scrollTop();if(scrollTop!=0)$('#nav1').stop().animate({'opacity':'0.2'},400);else $('#nav1').stop().animate({'opacity':'1'},400)});$('#nav1').hover(function(e){var scrollTop=$(window).scrollTop();if(scrollTop!=0){$('#nav1').stop().animate({'opacity':'1'},400)}},function(e){var scrollTop=$(window).scrollTop();if(scrollTop!=0){$('#nav1').stop().animate({'opacity':'0.2'},400)}})});