Selasa, 30 November 2010

Trivial but Useful

Terkadang hal kecil selalu dilupakan, maka tidak heran rakyat kecil selalu dilupakan :-/ Tekan klik kiri pada mouse (tahan) lalu tarik pada kata (grab) diblog ini "Prodigy of Head" maka akan terlihat warna berbeda. Itu tidak lebih hanya membubuhkan sedikit variabel pada CSS sobat dengan::selection {background:#c3effd; color:#000;/* Safari and Opera */}
::-moz-selection {background:#c3effd; color:#000;/* Firefox */}
Sepele tapi bikin gaya toh :)) Jika mau 7 cara cepat agar perangkat CSS kita terlihat lebih baik dan experience David Walsh sang master MooTools sudah menyajikannya ;)

Kalau membicarakan XHTML memang sedikit unik sob, yg notabebne bawaan editor blogspot. Seperti halnya jika kita ingin memasukan satu embed video/flash/etc seperti ini

Ada cara penulisan kode yg sedikit berbeda kalau di XHTML ;)

Original HTML code

<object width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/XXXXXXXXXXX&rel=0"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/XXXXXXXXXXX&rel=0" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>
</object>

XHTML Strict code

<object type="application/x-shockwave-flash" width="425" height="355" data="http://www.youtube.com/v/XXXXXXXXXXX&amp;rel=0">
<param name="movie" value="http://www.youtube.com/v/XXXXXXXXXXX&amp;rel=0"></param>
<param name="wmode" value="transparent"></param>
</object>
Tuh kan berbeda cara nulisnya mah ;;) Silahkan masuk kemari jika ingin melihat cara² yg lainnya DonatoFurlani.It. Diatas tadi kan sudah diberitau cara menjadikan grab menjadi berbeda warnanya, sekarang bagaimana cara tersimpel untuk membuat tidak bisa dicopy alias No Copy Click ;))

Hal kecil dan sepele memang suka luput dari pemikiran :D For mozilla kita hanya tinggal membubuhkan variabel CSS -moz-user-select:none; dan untuk Safari browse -khtml-user-select: none; jadi deh gak bisa dikopi. Coba bandingkan jika kita memakai JavaScript

<script type='text/javascript'>
function EventsSelect() {
return false;
}
document.onselectstart = EventsSelect;
document.onselect = EventsSelect;
document.ondblclick = EventsSelect;
document.onmousedown = EventsSelect;
</script>
Hohoho...ketara toh bedanya :)) Nah selamat berjumpa kembali bersama Beben si bloglang anu ganteng kalem tea dalam trivial but useful. Perasaan tidak ada hal yg tidak berguna di dunia ini :) See you :-h

Tidak ada komentar:

Posting Komentar