KODE TULISAN TERBALIK HTML
Oleh
chmood
Malam teman teman Nadya mau share tentang Tulisan terbalik.html
dengan kode di bawah ini...!
Ok langsung saja
code: View
<html>
<head>
<style type="text/css">
body {font-family: Verdana; font-size:11pt; background-color:>535353;}
>pgDiv {position:absolute;left:50%;width:800px;margin-left:-410px;background-color:>ffffff;padding-left:25px;padding-top:6px;}
textarea.inputBox {color:>555577; width:770px;padding-left:8px;overflow:auto;font-family:"Arial Unicode MS", Batang, tahoma; font-size:12pt;}
h1 {color:>993300;font-family:georgia;margin-top:0px;font-weight:normal;margin-bottom:8px;}
.l {font-weight:normal;color:>993300;}
.g {color:>aaa;font-size:0.7em;}
a:link, a:visited {color:>888888;}
a.ref:link {font-size:10pt;text-decoration:none;} a.ref:visited {font-size:10pt;text-decoration:none;}
.phrase {display:inline;padding-left:5px;font-style:italic;color:>555;}
img {vertical-align:text-top;}
</style>
</head>
<body>
<div id=pgDiv>
<center><h1>.: TULISAN TERBALIK T.I SNIPER :. </h1></center>
<form name="f">
<span class="l"> Masukkan !!
</span>
(hanya huruf) <br>
<textarea rows="3" cols="100" name="original" onKeyUp="flip()" style="background-color:>c6e6e7;" class=inputBox></textarea>
<br>
Hasilnya huruf kecil..!!<br>
<textarea rows="3" cols="105" name="flipped" id=i onClick="SelectAll('i');" readonly style="background-color:>e6e6fa;" class=inputBox></textarea>
</form>
<div style="color:>888;font-size:11px;width:750px;margin-bottom:10px;line-height:15px;">
<!-- <div><span class=ref onclick="TweetMe();" target="_blank"><img src="icon-Twitter.png"> Tweet your upside down text</span></div> -->
</div></div>
<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 : '\u05DF',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'"' : '\u201E',
'\\' : '\\',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</script>
</body>
</html>
<head>
<style type="text/css">
body {font-family: Verdana; font-size:11pt; background-color:>535353;}
>pgDiv {position:absolute;left:50%;width:800px;margin-left:-410px;background-color:>ffffff;padding-left:25px;padding-top:6px;}
textarea.inputBox {color:>555577; width:770px;padding-left:8px;overflow:auto;font-family:"Arial Unicode MS", Batang, tahoma; font-size:12pt;}
h1 {color:>993300;font-family:georgia;margin-top:0px;font-weight:normal;margin-bottom:8px;}
.l {font-weight:normal;color:>993300;}
.g {color:>aaa;font-size:0.7em;}
a:link, a:visited {color:>888888;}
a.ref:link {font-size:10pt;text-decoration:none;} a.ref:visited {font-size:10pt;text-decoration:none;}
.phrase {display:inline;padding-left:5px;font-style:italic;color:>555;}
img {vertical-align:text-top;}
</style>
</head>
<body>
<div id=pgDiv>
<center><h1>.: TULISAN TERBALIK T.I SNIPER :. </h1></center>
<form name="f">
<span class="l"> Masukkan !!
</span>
(hanya huruf) <br>
<textarea rows="3" cols="100" name="original" onKeyUp="flip()" style="background-color:>c6e6e7;" class=inputBox></textarea>
<br>
Hasilnya huruf kecil..!!<br>
<textarea rows="3" cols="105" name="flipped" id=i onClick="SelectAll('i');" readonly style="background-color:>e6e6fa;" class=inputBox></textarea>
</form>
<div style="color:>888;font-size:11px;width:750px;margin-bottom:10px;line-height:15px;">
<!-- <div><span class=ref onclick="TweetMe();" target="_blank"><img src="icon-Twitter.png"> Tweet your upside down text</span></div> -->
</div></div>
<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 : '\u05DF',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'"' : '\u201E',
'\\' : '\\',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</script>
</body>
</html>
OK... ! itu di atas kode nya..
Semoga bermanfaat teman teman ... :)
.: TULISAN TERBALIK T.I SNIPER :.
Category
Komentar