Tutorial : Disabled Right Click

Assalammualaikum :) . cara2 nak buat Disabled Right Click tu , sila copy code bawah neh . dan paste kat HTML/JavaScript oke .

    <script language=javascript>
    <!--

    //edit by unwanted


    var message="opppss ! sorry . ";

    ///////////////////////////////////
    function clickIE4(){
    if (event.button==2){
    alert(message);
    return false;
    }
    }

    function clickNS4(e){
    if (document.layers||document.getElementById&&!document.all){
    if (e.which==2||e.which==3){
    alert(message);
    return false;
    }
    }
    }

    if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;
    }
    else if (document.all&&!document.getElementById){
    document.onmousedown=clickIE4;
    }

    document.oncontextmenu=new Function("alert(message);return false")

    // -->
    </script>

*tukar tulisan yg warna biru tu dengan ayat korang sendiri oke ;)

Read More

Tutorial : Isi yg disembunyikan

Assalammualaikum :) . tutorial neh untuk menyembunyikan isi dengan menggunakan butang . oke . tengok gambar bawah neh .

 bila tekan jea butang tu , korang akan dapat hasil dy macam bawah neh .

<div id="spoiler" style="display:none"> isi yg di sembunyikan </div> <button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show | Hide</button>

*tulisan warna biru tu korang boleh tukar , guna ayat korang sendiri la yer .

Read More

Tutorial : Wishlist

Assalammualaikum . tutorial kali neh pasal wishlist . tawu apa wishlist ? haa , tengok gambar yang bawah neh . tu la orang panggl wishlist .

<form name=myform>

<input type="checkbox" name="mybox" value="1" checked />novel<br />

<input type="checkbox" name="mybox" value="2" disabled />kasut jimmy choo '3pasang!'<br />

<input type="checkbox" name="mybox" value="3" checked />berat trun 3kg<br /></form>

* yang warna oren tu , korang leh tukar la nak disabled / checked
* yang warna hijau tu , tukar la ayat2 korang . oke .

Read More

Tutorial : gambar menjadi gelap bila cursor menyentuh

untuk copy tekan CTRL+C
<style type='text/css'>
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<a class='linkopacity' ><img border="0"width="250" height="300" src="CODE GAMBAR" /></a>

Read More