i am a cute bear
biography stuffies chingu(s) home entry

  


Older Post >> | << Newer Post
TUTORIAL HIDE NAVBAR
TUTORIAL HIDE NAVBAR




1.Design > Add Gadget > HTML
2.Pastu korg copy kod kat bawah ni di ruangan HTML tuh



<!-- 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 -->
3.kalau korg dah copy savelah ...


SELAMAT MENCUBA


KALAU NAK COPY TICK CTRL+C DENGAN SERENTAK

Labels:



0 Comments:

Post a Comment