Tutorial : Hide and Remove Nav
Tuesday, 31 January 2012 | 19:37 | 0 comments
okay , harini namiey kindly nak buat tutorial lagi . haha ^_^ rajinkan ? tak sangat . :P jums buat ! tutorial ni credit to akk ziera kita . yang mempunyai blog yang agak cantik ~.~
Hide Navigation Bar
1. Dashboard > Design > Page Elemet
2. Copy code yang diberikan di bawah , dan paste nye di HTML Javascript
dah siap , save ! now , kita pergi pulak ke delete nav bar .
Delete Nav
Hide Navigation Bar
1. Dashboard > Design > Page Elemet
2. Copy code yang diberikan di bawah , dan paste nye di HTML Javascript
<!-- DROPDOWN NAVBAR -->
<!-- stylesheet for FF2, Op9, IE7 (strict mode) -->
<style type="text/css">
#navbar {
display:inline;
width:100%;
position:absolute;
background-color:transparent;
top:-30px;
left:0px;
height:60px;
z-index:999999;
}
#navbar:hover{
top:0px;
height:30px;
}
</style>
<!-- stylesheet for IE6 and lower -->
<!-- (not supporting element:hover) -->
<!-- first, unhide the navbar through css -->
<!-- second, hide the navbar and mimic -->
<!-- the effect with javascript, if available -->
<!--[if lt IE 7]>
<style type="text/css">
#navbar {
height:30px;
top:0px;
}
</style>
<script type="text/javascript">
var navbar = document.getElementById('navbar');
if(navbar){
navbar.onmouseover = function(){
navbar.style.top = '0px';
navbar.style.height = '30px';
}
navbar.onmouseout = function(){
navbar.style.top = '-30px';
navbar.style.height = '60px';
}
if (navbar.captureEvents){
navbar.captureEvents(Event.MOUSEOVER);
navbar.captureEvents(Event.MOUSEOUT);
}
navbar.onmouseout();
}
</script>
<![endif]-->
<!-- end dropdown navbar -->
<!-- stylesheet for FF2, Op9, IE7 (strict mode) -->
<style type="text/css">
#navbar {
display:inline;
width:100%;
position:absolute;
background-color:transparent;
top:-30px;
left:0px;
height:60px;
z-index:999999;
}
#navbar:hover{
top:0px;
height:30px;
}
</style>
<!-- stylesheet for IE6 and lower -->
<!-- (not supporting element:hover) -->
<!-- first, unhide the navbar through css -->
<!-- second, hide the navbar and mimic -->
<!-- the effect with javascript, if available -->
<!--[if lt IE 7]>
<style type="text/css">
#navbar {
height:30px;
top:0px;
}
</style>
<script type="text/javascript">
var navbar = document.getElementById('navbar');
if(navbar){
navbar.onmouseover = function(){
navbar.style.top = '0px';
navbar.style.height = '30px';
}
navbar.onmouseout = function(){
navbar.style.top = '-30px';
navbar.style.height = '60px';
}
if (navbar.captureEvents){
navbar.captureEvents(Event.MOUSEOVER);
navbar.captureEvents(Event.MOUSEOUT);
}
navbar.onmouseout();
}
</script>
<![endif]-->
<!-- end dropdown navbar -->
dah siap , save ! now , kita pergi pulak ke delete nav bar .
Delete Nav
1. Dashboard > Design > Edit HTML > Tick Expand Widget
2. Ctrl+F dan cari code di bawah :
/* Variable definitions ====================3. Copy code di bawah , dan pastekan ia di atas code yang namiey bagi tadi tuh .
#navbar-iframe { display: none !important;}dah siap ? save ! ingat preview dulu kang takut tak jadi susah plak .
Skin made by 
