assalammualaikom.. ni tutorial #1
Saturday, September 24, 2011 @ 5:20 AM


assalammualaikom semua.. ary nihh.. mrs yaya nk buad tutorial...
bukn apew..bosan jerhh! hekhek..
s0.. eNj0Y!



<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:400px;
width:150px;
float:left;
cursor:pointer;
background:url('http://i1141.photobucket.com/albums/n585/ainhere/shoutbox-icon.png') no-repeat;
}.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="wanalyanajwa" src="http://www.shoutmix.com/?wanalyanajwa" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?wanalyanajwa">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";
</script>

yg tulisan wrna purple tuh... korang leyh tukar dengan html icon pilihan korang sendiri..
yg tulisan wrna biru plak.. tukar ngan shoutbox KORANG nyer SHOUTBOX HTML...


Ni ader beberapa icon yg korang leyh gantikan ngan wrna purple tuhh..


http://i1227.photobucket.com/albums/ee438/Serenity_Aina/shoutboxicon3.png
ni... wrna dier wrna pink..


http://i1227.photobucket.com/albums/ee438/Serenity_Aina/shoutboxicon4.png
ni plak wrrna dier biru...


kalaw x taw pasl bende or x jadi.. cakp taw..
sekian.. terima kaseh..
assalammualaikom