Get This Wan Hazel Home Wan Hazel Facebook Wan Hazel Twitter Wan Hazel Tutorial

Tuesday, February 1, 2011

tutorial hide shoutox

salam semua..
tuto nie di request oleh adek nysa kita..
ok..
dye nak jadi macam ni tau..
marikita mulakan kelas..
hehe
picture 1 please :)


lepas dah add HTML gadjet..
copy code nie ok?
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursorointer;
background:url('http://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.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, 30-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">

Code shoutbox disini

<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 = (30-gb.offsetWidth).toString() + "px";
</script>

jangan lupe letak kan code shoutbox anda ok?
request boleh di request at my FS or FB..

jangan lupe komen ok?



terima kasih membaca , komen pulak jom ?

12 00 cucu kene bebel:

nysa domo said...

yeah ! tengs atok a.k.a kak mira :)
hehe..need sgt ! :D
thanx :)) <33

Hanis Izzati said...

hi mira ! tq for your tutorial.
ia mmg membantu saya. nanti kalau ada masa lapang, visit laa blog saya di
http://mizzanies.blogspot.com
dont forget be my follower !
new in blogging.
love:anis

Nurza Hallan said...

Mira , nak tanya sikit .
colour dye memang warna hijau ke ?
boleh tak kalau nak tukar colour ?

nani evelyn beckham said...

hye , nk copycatdog boleh ? hehe

ceritera aryn said...

tumpang tnye ..
y sy try buat cm xjd jea .. ??

hayley nabila :) said...

kak mirah. not working la.
tak jadi la. please teach me.

mirahashime said...

bab mane yg x jd tuh :)

LuViZa said...

kod shoutbox tu nak cari kat ne??????

momo_chan said...

kod shoutbox tu nak dpt cam ne???
confuse~

Anonymous said...

tengs mira..jasamu d'kenang..gud luck SPM..:)

© MIRAHASHIME ♥