Sunday, February 13, 2011

Membuat Font Menjadi Terbalik

Assalamualaikum ..
 
Macam mana nak buat tulisan ʞılɐqɹǝʇ seperti ini ?  sebenarnya takde la sesusah mana  sebenarnya kerana ianya memerlukan script yang membolehkan seseorang tu manipulasi sendiri pelbagai bahasa pengaturcaraan ke dalam website .

Cara-cara membuat tulisan terbalik : 
  1. Copy dan paste script @ kod html dibawah.
  2. Selepas itu buka notepad yang ada.
  3. Kemudian save hasilnya seperti contoh tulisanterbalik.html (kepada .html)
  4. Selesai? kemudian buka fail .html yg telah anda simpan seketika tadi.
  5. Semudah itu . selamat menggunakan !

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Trick Tulisan Terbalik pada STATUS~</title>
<style type="text/css">
textarea { font-family: "Stencil Std", terbalik }
</style>
<script language="JavaScript">
function flip() {
var result = flipString(document.f.original.value.toLowerCase());
document.f.flipped.value = result;
}
function flipString(aString) {
var last = aString.length - 1;
var result = new Array(aString.length)
for (var i = last; i >= 0; --i) {
var c = aString.charAt(i)
var r = flipTable[c]
result[last - i] = r != undefined ? r : c
}
return result.join('')
}
var flipTable = {
a : '\u0250',
b : 'q',
c : '\u0254',
d : 'p',
e : '\u01DD',
f : '\u025F',
g : '\u0183',
h : '\u0265',
i : '\u0131',
j : '\u027E',
k : '\u029E',
//l : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'\\' : '/',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</script>
</head>
<body linkifytime="0" linkified="0" linkifying="false">
<marquee align="center" direction="down" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="70" width="900%"><span style="color:#000000; font-weight: bold;"><h2>masukkan ayat dlm <s>boxer</s> box bwh ni :)</h2></span></marquee>
<form name="f">
Input tulisan asli anda (sebelum): <br>
<textarea rows="6" cols="50" name="original" onkeyup="flip()"></textarea>
<br>
Output tulisan terbalik anda (selepas) : <br>
<textarea rows="6" cols="50" name="flipped"></textarea>
</form>
</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~26/1/11~</br><b><blink>MUHAMAD SYAFIQ</blink></b> &copy;
</body>
</html>




2 comments:

MIMIN said...

Pandainya... siapa ajar Syafiq ni :)
hehe

Muhamad Syafiq said...

ada ramai lg pandai actually~ huhu...