setelah posting beberapa cerpen, sekarang saya mau bagiin script deface. Untuk yang suka deface atau yang punya hostingan sendiri dan lagi galau, ini ada script yang cocok buat kamu, oke simak ya.
<html>
<head>
<title>Entahlah..</title>
<meta name=”Author” content=”Gerard Ferrandez at http://www.dhteumeuleu.com”>
<meta http-equiv=”imagetoolbar” content=”no”>
<style type=”text/css”>
html {
overflow: hidden;
}
body {
background:#000000 no-repeat;background-size:95%;background-attachment:fixed;
width: 100%;
height: 100%;
color: #000000;
}
#frm {
position: absolute;
height: 100%;
width: 100%;
left: 0%;
top: 0%;
font-size: 2em;
font-weight: bold;
font-family: Bradley Hand ITC;
background: #transparent;
overflow: hidden;
padding: 0.5em;
}
#frm span {
position: relative;
text-align: center;
z-index: 1;
}
#mtxform {
position: relative;
z-index: 10;
}
.hidden {
visibility: hidden;
}
</style>
<link rel=”SHORTCUT ICON” href=”http://www.iconeasy.com/icon/ico/Love/Valentine/email%20love.ico“>
<script type=”text/javascript”>
/*
=====
script: morphing text
author: Gerard Ferrandez – [Ge1doot]
date: 20 September, 2008
site: http://www.dhteumeuleu.com
inspiration: http://www.pwang.com/blog/archives/2006/04/post_100.html
quote: Scott Adams, ‘The Dilbert Principle’
————
license: CC-BY-NC – please do not remove this notice !
=====
*/
var mtx = function () {
/* ==== private variables & methods ==== */
var stop = false;
var frm, lineDelay, charDelay;
var colorText, colorMatch, colorGhost, elapsedTime;
var lineIndex = 0;
var lineChar = [];
var animStack = [];
var colorStack = [];
/* ==== rgb color ==== */
function colorRGB (c) {
return ‘rgb(‘
+Math.round(Math.min(255, Math.max(0, c[0])))+’,’
+Math.round(Math.min(255, Math.max(0, c[1])))+’,’
+Math.round(Math.min(255, Math.max(0, c[2])))+’)';
}
/* ==== Easing functions ==== */
function Ease () {}
Ease.prototype = {
ease : function () {
this.m += this.s;
this.x0 += (this.d * this.m * .0025);
if (this.m == 20) this.s = -1;
return this.x0;
},
init : function (x0, x1) {
this.m = 0;
this.s = 1;
this.d = x1 – x0;
this.x0 = x0;
}
}
/* ==== Load Lines ==== */
function loadLines () {
// read text from HTML form
text = document.forms.mtxform.text.value.split(“\n”);
// loop through all lines
for (var j = 0; j < text.length; j++) {
var t = text[j];
if (t) {
var n = t.length;
lineChar[j] = [];
// first pass: create characters capture RELATIVE offset coordinates
for (var i = 0; i < n; i++)
lineChar[j][i] = new Character(t.charAt(i), j);
// second pass: convert to absolute position
for (var i = 0, o; o = lineChar[j][i]; i++) {
if (o.c == “|”) {
// remove spaces
lineChar[j].splice(i, 1);
frm.removeChild(o.o);
i–;
} else {
// convert to absolute position and render
o.o.style.position = “absolute”;
o.o.style.color = colorRGB(colorText);
o.moveHTML();
// push first line in animation stack
if (j == 0) pushAnim (o, charDelay * i);
}
}
}
}
}
/* ==== Character Constructor ==== */
function Character (c, line) {
if (c == ” “) c = “|”;
this.c = c;
// create HTML element and append the the container
this.o = document.createElement(“span”);
this.o.innerHTML = c;
this.o.style.zIndex = 2;
frm.appendChild(this.o);
// capture relative offset positions !
this.x0 = this.o.offsetLeft;
this.y0 = -this.o.offsetHeight * 1.5;
this.x1 = this.x0;
this.x2 = this.x0;
this.y1 = (line + 1) * this.o.offsetHeight;
this.y2 = frm.offsetHeight;
this.mx = new Ease();
this.my = new Ease();
this.c0 = [colorText[0], colorText[1], colorText[2]];
}
/* ==== Character functions ==== */
Character.prototype = {
// —- character animation —-
anim : function (i) {
// temporization
if (this.delay > 0) {
if (elapsedTime)
this.delay -= new Date().getTime() – elapsedTime;
} else {
// moving
this.x0 = this.mx.ease();
this.y0 = this.my.ease();
this.moveHTML();
if (!this.my.m && !this.mx.m) {
// remove from stack
animStack.splice(i, 1);
// remove dead characters
if (this.off) frm.removeChild(this.o);
}
}
},
// —– color fading ——
color : function (i) {
this.c0[0] += this.cr[0];
this.c0[1] += this.cr[1];
this.c0[2] += this.cr[2];
this.ci++;
this.o.style.color = colorRGB(this.c0);
if (this.ci >= this.cs)
colorStack.splice(i, 1);
},
// —– HTML positioning —–
moveHTML : function () {
this.o.style.left = Math.round(this.x0) + “px”;
this.o.style.top = Math.round(this.y0) + “px”;
},
// —– init color fading ——
colorFade : function (c1, steps) {
this.cs = steps;
this.cr = [(c1[0] – this.c0[0]) / steps, (c1[1] – this.c0[1]) / steps, (c1[2] – this.c0[2]) / steps];
if (this.cr[0] != 0 || this.cr[1] != 0 || this.cr[2] != 0){
this.ci = 0;
colorStack.push (this);
}
}
}
/* ==== push character in the animation stack ==== */
function pushAnim (o, delay) {
// init ease
o.mx.init(o.x0, o.x1);
o.my.init(o.y0, o.y1);
o.delay = delay;
// push stack
animStack.push(o);
}
/* ==== next line ==== */
function nextLine () {
if (lineIndex < lineChar.length – 1) {
// display shadow text
for (var i = 0, o; o = lineChar[lineIndex][i]; i++) {
var s = o.o.cloneNode(true);
s.style.zIndex = 1;
s.style.color = colorRGB(colorGhost);
frm.appendChild(s);
}
// matching next line characters
for (var i = 0, t; t = lineChar[lineIndex + 1][i]; i++) {
for (var j = 0, o; o = lineChar[lineIndex][j]; j++) {
if (o.c == t.c) {
// colors
t.colorFade(colorMatch, o.match ? 1 : 40);
t.match = true;
// swap characters
t.x0 = o.x0;
t.y0 = o.y0;
t.moveHTML();
// remove redundant character
frm.removeChild(o.o);
lineChar[lineIndex].splice(j, 1);
break;
}
}
}
// take off redundant characters
for (var i = 0, o; o = lineChar[lineIndex][i]; i++) {
// set target position (off frame)
o.y1 = frm.offsetHeight;
o.off = true;
o.match = false;
o.colorFade (colorText, 40);
// push in animation stack
pushAnim (o, (lineDelay * .8) + charDelay * i);
}
}
// push next line in animation stack
lineIndex++;
if (lineIndex < lineChar.length) {
for (var i = 0, o; o = lineChar[lineIndex][i]; i++)
pushAnim (o, lineDelay + charDelay * i);
}
}
/* ==== main animation loop ==== */
function main() {
// characters
var n = animStack.length;
if (n) {
var i = n;
while (i–)
animStack[i].anim(i);
} else nextLine ();
// colors
var i = colorStack.length;
while (i–)
colorStack[i].color(i);
// get elapsed time and loop
elapsedTime = new Date().getTime();
setTimeout(main, 16);
}
/* //////////// ==== public methods ==== //////////// */
return {
/* ==== initialize script ==== */
init : function (cont, t1, t2, c1, c2, c3) {
// container
frm = document.getElementById(cont);
lineDelay = t1;
charDelay = t2;
colorText = c1;
colorMatch = c2;
colorGhost = c3;
loadLines();
main();
},
changeText : function () {
document.getElementById(“show”).className = “”;
document.getElementById(“inputext”).className = “hidden”;
lineChar = [];
animStack = [];
colorStack = [];
frm.innerHTML = “”;
lineIndex = 0;
elapsedTime = 0;
loadLines();
frm.focus();
},
show : function () {
document.getElementById(“show”).className = “hidden”;
document.getElementById(“inputext”).className = “”;
document.getElementById(“text”).focus();
}
}
}();
/* ==== init text ==== */
onload = function () {
// mtx.init( el, linesDelay, charsDelay, cText, cMatch, cGhost);
mtx.init(“frm”, 1500, 150, [255,255,255], [255,64,0], [44,44,44]);
}
</script>
</head>
<body>
<div id=”frm”></div>
<form id=”mtxform” name=”mtxform”>
<span id=”inputext” class=”hidden”>
<textarea rows=”5″ cols=”20″ id=”text” name=”text”>
Mungkin aku salah karena memaksakan takdir.
Entahlah, apakah suatu saat nanti kita bisa bersama atau tidak.
Aku tak tau kau mencintaiku atau tidak,
tapi aku lebih baik mencintai dan terluka,
daripada bersembunyi ketakutan dalam hidup tanpa cinta.
Karna cinta memang tidak menjamin kebahagiaan,
tetapi tidak ada kebahagiaan tanpa cinta.
I Love You….
–For Someone Special–
.
by : Muhammad Fajar ./Mfjr48
</textarea>
<iframe width=”0%” height=”0″ scrolling=”no” frameborder=”no” src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/120206077&color=9933CC&auto_play=true&show_artwork=true”></iframe>
//–><script type=”text/javascript”>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-5263515-4']);
_gaq.push(['_setDomainName', '.3eeweb.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);
})();
</script><script type=”text/javascript”>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-5263515-4']);
_gaq.push(['_setDomainName', '.3eeweb.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
Catatan :
Yang warna merah bisa diedit sesuka kamu..
Entahlah.. (Judul Halaman)
#000000 (Warna Background)
Bradley Hand ITC (Jenis Font / Huruf)
http://www.iconeasy.com/icon/ico/Love/Valentine/email%20love.ico (Ikon Halaman disamping Judul)
Mungkin aku salah karena memaksakan takdir. (Isi Kata-kata)
https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/120206077& (Lagu)
9933CC (Warna Font / Tulisan)
Fitur-fiturnya :
Lagu
Animasi gerak hurufnya
0 Response to "Script Deface Galau"
Posting Komentar