cara sembunyikan shoutbox(kotak chat) korang
haiyaa manyak problem maa
banyak betul masalah dua 3 arini
tapi tetap nak post 1 tutorial
tgok tajuk tuu
nampak??
agak2 aku nak ajar sembunyikan kt mana tu?
nie tutorial untuk sembunyikan belakang kartun comel2
nie cara2 dia
xdee la susah sangat
cuma ikut tutorial nie
then dapat lah hasilnya
-log in blog korang
-pastu gi design
-add a gadget
-copy kod di bawah nie
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL IMAGE') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
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">
KOD SHOUTMIX ANDA
<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>
-pastu save je la
-lihat hasilnya
notes:warna MERAH letakkan kod shoutbox anda
warna HIJAU masukkan kartun yg comel
nie ade sikit aku amik kt photobuckets
korang boleh amik law berkenan
thanx

http://i1227.photobucket.com/albums/ee438/Serenity_Aina/SHOUTBOX.png

http://i1111.photobucket.com/albums/h473/noobiepsp/tabs.png

http://i1118.photobucket.com/albums/k612/nizahwiwin/shoutbox.png

http://i1002.photobucket.com/albums/af144/azmi88/Shoutbox.png

http://i1236.photobucket.com/albums/ff450/kaseh1/cats.png
senang x??law xjadi shout kt box saya..
saya sedia membantu..
terima kasih kerana membaca..
No comments:
Post a Comment