Tutorial: Hide CBOX

Assalamualaikum


Hai korang, Hari ni leya nak share code macam mana nak hide cbox korang macam leya.


Klik je dekat CHAT DI SINI, maka kotak cbox pun keluar dari atas. Menarikkan? hihihi

  • Layout - Add a gadget - HTML/ JAVASCRIPT
  • Copy code dibawah dan paste di ruangan HTML/JAVASCRIPT


<style type="text/css">
    #gb{
    position:fixed;
    right:450px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url();
    }
    .gbcontent{
    float:left;
    border:2px solid  #99CCFF;
    background:#ffffff;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    padding:10px;
    }
    </style>
   <center> <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">
CODE CBOX KORANG!
    <center><a href="javascript:void(0);" onclick="showHideGB()"><input type="button" value="Close" class="close" /></a>
    </center></div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.top = (-400-gb.offsetWidth).toString() + "px";
    </script>
    <a class="west" href="javascript:void(0);" onclick="showHideGB()" title="Buku Tamu"><img alt="Buku Tamu" heigth="125" src="URL IMAGE CUTE" border="0" /></a></center>

 Yang dimerahkan tuh sila laa isi apa yang patut ye. URL IMAGE tuh leya ada buatkan sikit, boleh laa korang ambil ye. DO NOT RE-Freebies okeng. Babap nanti.







Ha ni saje idea yang ada. Sesiapa nak warna lain boleh komen kat bawah. Rasa macam besar sangat pula imej nya. Hihihi pandai-pandai laa adjust. Doodle tuh leya ambil dekat sini





11 comments: