Monday, February 28, 2011

TUTORIAL------> backgr0und shoutbox

entry aqu kali neyh aqu nak wat ciket sal tut0o~

Background untuk shoutbox

Aqu tengok ramai yang wat cute + cute jew____sume dah pro...bagi yang xtawu~ meyh cnie adinda nak ajarkan..korang boleyh copy link di bawah neyh____tapi ALERT pada yang berwarna ukeyhB à
<style type="text/css">

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

.gbtab{
height:360px;
width:150px;
float:left;
cursor:pointer;
background:url('http://i1214.photobucket.com/albums/cc482/enamuesyux/CLIK.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">

( masukkan code sh0utbox kowang eyhh )


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


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



   
1.   
height:360px;
width:150px

 Ø  Untuk height & width tue korang kena ekot saiz pic yang dah set...tapi dah agak+agak tak tawu uh..hentam jew laa..ekot kesesuaian blog kowang____Kalau xmuncul2 tu makna nya kena besarkan lagi saiz tue~


2.  

('http://i1214.photobucket.com/albums/cc482/enamuesyux/inaa.png')


 Ø  Yang color purple uh plak korang kena la letak code pic korang


3.  
gb.opened ? moveGB(0, 150-w) : moveGB(200-w, 0);

 Ø  Untuk yang neyh pulak______k0rang ambik balik jew daripada width yang first tadi uh
 Ø  Selalu nya diowang letak antara 150-200

4.   

( masukkan code sh0utbox kowang eyhh )


 Ø  Dah buat cantik + cantik semua jangan plak lupa masukkan code sh0utbox k0rang...nant xjadi jugak



___Keyh kat bawah neyh dew ciket link untuk shoubox___
Kalau minat leyh la ambik (^_^)


http://i1214.photobucket.com/albums/cc482/enamuesyux/munkeys.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/munkeys3.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/mimimo.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/couple.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/couple2.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/mashimaroo.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/naruto.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/pingu.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/pingu2.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/pingu3.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/boy.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/boy2.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/baby.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/cartoon1.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/cartoon2-1.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/cartoon3.png
http://i1214.photobucket.com/albums/cc482/enamuesyux/deathnote.png







No comments: