Membuat Font Menjadi Terbalik

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 :

Copy dan paste script @ kod html dibawah.
Selepas itu buka notepad yang ada.
Kemudian save hasilnya seperti contoh tulisanterbalik.html (kepada .html)
Selesai? kemudian buka fail .html yg telah anda simpan seketika tadi.
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>           ~26/1/11~</br><b><blink>MUHAMAD SYAFIQ</blink></b> ©

</body>

</html>

2 comments:

A.S.Z said...: Pandainya... siapa ajar Syafiq ni :)
hehe; 3:51 AM
Muhamad Syafiq said...: ada ramai lg pandai actually~ huhu...; 8:13 AM