Monday 12 March 2012

sorokkan Cbox dan Shoutnox (Freebies/tutorials)

Assalamualaikum!
^__^(hii)
Hari ni, saya nak ajar tutourial macam mana nak sorokkan Cbox/Shoutbox kite!

tak tahu apa benda tu? lebih kuarng macam bawah ni:


kalau tak tahu jugak, tgk di CBOX saya.. boleh klik-klik kan???
okehy, mula mula DESIGN>html/javascrpt..
biarkan kosong ye?

dan copy kod di bawah ini!

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:180px;
width:71px;
float:left;
cursor:pointer;
background:url('URL GAMBAR SHOUTBOX') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #ffffff;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 41-w) : moveGB(41-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">
KOD SHOUTBOX / CBOX KORANG DISINI
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close/tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (41-gb.offsetWidth).toString() + "px";
</script>


warna MERAH kod cbox atau shoutbox korang, warna hijau boleh tukar hight dan widht ye? warna biru letak kod freebies ..
saya dah buat beeberapa freebies untuk korang! sudi ambillah.. kalau tak mahu, boleh cari di photobucket ye..


hight: 185 PX
widht: 80 PX


Shoutbox4.png image by ainizaliza
http://i1048.photobucket.com/albums/s364/ainizaliza/Shoutbox4.png



http://i1048.photobucket.com/albums/s364/ainizaliza/Shoutbox3.png

shoutbox2.png image by ainizaliza
http://i1048.photobucket.com/albums/s364/ainizaliza/shoutbox2.png




dah siap SAVE ye.. menjadi cakap okeyh?







 


No comments: