♚ Perfectly Imperfect

Bonjour!
Hey ! Good days to you!

Welcome to my Blog.i`m Lika Ikfihalali, call me Lika or Chikka.. thanks for visited my blog, leave your footstep at my shoutbox.. do you want to know about my 2nd site?? please, Here
hate me?? CLICK THIS !



Tagboard
Footprints here!



My Banner
Put Mine, OK? ^.^



Followers
Follow Me !



Credits

Basecode: Nadya.
Full edit: SitiSyuhadah
Re-Edit by: Lika Ikfihalali
Tutorial : Auto Hide Navigation Bar
Auto hide navbar? apaan sih ?
itu lohh.. bila cursor menyentuh navbarnya akan muncul.
ga ngerti ya ?? hehe
ikuti langkah ini saja lah kalau mau tau.. :D
pertama.. pergi ke dashboard > rancangan > add gadget > html/java script

copy-paste kode dibawah..

<!-- 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]-->

lalu save.. :)

Label:

0 comments