Thursday, October 21, 2010

background for shoutmix

oke, nie yg best nie... ade org mnx tuto pagi2 bute. haha... yg aq nie pon satu... xtdo2 lg asal. da la esk paper sejrah... haha... so, let see what can i help with my friend request here :D

cik bubblelyna kite nie mintak mcm mne nk ltk background kt chat box aq tue la... yg macam nie ha....


here you go darling :
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:250px;
width:65px;
float:left;
cursor:pointer;
background:url('http://lh3.ggpht.com/_lAdBTZklPBA/TL78MDzMZXI/AAAAAAAAAXE/xCeiT-3SFDU/Untitled-1.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:url(http://lh5.ggpht.com/_lAdBTZklPBA/TJ4--CJyEkI/AAAAAAAAAO0/aLO-RssWnvM/s720/SPFW08___Toy_Monsta_Pattern_by_dchan.jpg);
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 65-w) : moveGB(20-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 -->
LETAK LA CODE SHOUTMIX KAT SINI KEYH :D
<br />
<!-- End ShoutMix -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]</a></div></span></span>

</div>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (65-gb.offsetWidth).toString() + "px";
</script>

*jadi link yang waner nie is for the side button... aq punyer yg cookie monster tulah :P
*link yang waner nie is for the background of the chat box ok :D
*copy code kat atas dashboard > design > add gadget > pilih html / java script

hope this tutorial is good enough for yahh. i'm not perfect keyh darl

0 comment(s):

Post a Comment

Thanks for reading this post

Hye brader and sisto, cakap je ape nak!
Tapi ayat kasi elok sikit ok.