Cara Bikin Gambar Melayang
Mungkin anda agak sedikit bingung juga dengan apa itu gambar melayang, nah...biar lebih jelasnya silahkan liat screenshoot dibawah ini :
Dari screenshoot diatas, anda bisa lihat gambar icon YM yang ditunjuk dengan tanda panah itu. Nah...itu dia yang saya sebut dengan gambar melayang. Knapa disebut melayang, karena kalo anda scrool blog anda, maka gambar icon YM tersebut akan tetap berada dan terlihat seperti melayang diatas blog. Kalo ga percaya, silahkan anda coba sendiri dengan menggulung blog ini kebawah dan lihat apakah letak gambar YM itu berubah atau tidak.
Bagaimana cara buatnya, silahkan ikuti langkah2nya di bawah ini :
]]>
dan letakkan diatasnya kode CSS berikut :
#gambar_melayang {
position:fixed;
_position:absolute;
top:-25px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Kode CSS diatas, akan menempatkan gambar anda berada di pojok kiri atas. Untuk merubah letaknya, silahkan ganti text yg berwarna merah. Kata left menjadi right untuk posisi disebelah kanan. Jika ingin posisi-nya dibawah silahkan ganti kata top dengan bottom
1 comment:
Hebat juga bsa bkin gambar tetep pda dosisinya alias melayang-layang. Ok aq coba di web aq ya di www.webvnet.co.cc
Post a Comment