tutorial sembunyikan shout box dengan popup

Views



 
 
hari ni nak ajar cara sembunyikan shout box dengan popup..cara ni jarang orang pakai..korang test la dulu mana tau berkenan..


1. dashboard > design > add gedget > html/javascript
2. copy code kat bawah ni then paste kat ruangan html/javascript

<div style='display:scroll;position:fixed;top:70px;right:-0px;'><script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script><script>$(document).ready(function(){$('a[name=modal]').click(function(e){e.preventDefault();var id=$(this).attr('href');var maskHeight=$(document).height();var maskWidth=$(window).width();$('#mask').css({'wcidth':maskWidth,'height':maskHeight});var winH=$(window).height();var winW=$(window).width();$(id).css('top',winH/2-$(id).height()/2);$(id).css('left',winW/2-$(id).width()/2);$(id).fadeIn(2000);});$('.window .close').click(function(e){e.preventDefault();$('#mask').hide();$('.window').hide();});$('#mask').click(function(){$(this).hide();$('.window').hide();});});</script><style>img{border:none}#mask{position:center;left:0;top:0;z-index:9000;background-color:#000;display:none}#boxes .window{position:fixed;left:0;top:0;width:271px;height:477px;display:none;z-index:9999;padding:20px}#boxes #polska{background:none no-repeat 0 0 transparent;width:271px;height:480px;padding:56px 0 20px 5px}#closesb{padding:2px 0 0 0}#author{padding:8px 0 0 168px}</style><ul><center><a href="#polska" name="modal"><button>ShoutBox</button></a></center></ul><div id="boxes"><div id="polska" class="window"><center>

(CODE SHOUT BOX)
</center><div id="author"></div><div id="closesb"><center><input type="button" value="Close" class="close"/></center></div></div><div id="mask"></div></div></div>
3. yang tulisan warna merah tu..korang ganti kan dengan code shout box korang yek
4. then da boleh save !


Terima Kasih Sudi Membaca ^_^

1 comment:

miera jee said...

heyy..singgah sini,..

Related Posts Plugin for WordPress, Blogger...