~*[Quill typewriter on your Shoutout & Banner]*~

Go down

~*[Quill typewriter on your Shoutout & Banner]*~

Post by ayeh-empty on Thu Oct 16, 2008 6:09 am

CREDIT'S TO FTALK AND simpleME of ftalk

This trick will make a Quill typewriter on your Shoutout & Banner

preview live?Here


step 1:save this as .html
Spoiler:
<html>
<head>
<title>Quill typewriter by Tax</title>
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
background: #000;
position: absolute;
width: 100%;
height: 100%;
cursor: crosshair;
}
#screen {
position: absolute;
left: 0%;
top: 0%;
width: 100%;
height: 100%;
color: #000;
font-family: Comic Sans MS;
overflow: hidden;
font-size: 1em;
}
#inkp1 {
position: absolute;
top: 50px;
left: 10px;
}
#inkp2 {
position: absolute;
top: 50px;
left: 10px;
}
#context {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
</style>

<script type="text/javascript">
// ===============================================
// ---- QUILL TYPEWRITER ---

var TW = {
t : "",
p : 0,
c : "",
cc : "",
mm : "<span>",
cl : 0,
sfx : false,
tmp : 0,
//////////////
inkFreq : .7,
spdInk : 12,
//////////////
mr : "<br><br>",
R : 0,
G : 0,
B : 0,
run : function () {
with (this) {
m = t.charAt(p);
tmp = 32;
if (m == "") cc = mr;
else if (m == "`") {
m = "";
mm = mm.substring(0, mm.length-1);
tmp = 64;
} else if (m == "<") {
av = t.indexOf(">", p);
m = t.substring(p, av + 1);
p = av;
} else if (m == "&") {
av = t.indexOf(";", p);
m = t.substring(p, av + 1);
p = av;
} else if (m == ".") tmp = 400; else if (m == ",") tmp = 100; else if (m == " ") tmp = 32;
if (m == " ") {
cl += spdInk;
m = '</span><span style="color:RGB('+Math.round(R*cl/255)+','+Math.round(G*cl/255)+','+Math.round(B*cl/255)+')">' + m;
if (cl < 40 && Math.random() > inkFreq) m += ' <img src = "' + document.getElementById("ink").src + '" align = "absmiddle"> ';
}
if (document.getElementById("inkp2").style.visibility == "visible") {
cc = c;
document.getElementById("inkp2").style.visibility = "hidden";
if (sfx) sfx.src = document.getElementById("pen").src;
m = '</span><span style="color:RGB(0,0,0)">' + m;
}
if (cl > 180) {
cl = 0;
document.getElementById("inkp2").style.visibility = "visible";
if (sfx) sfx.src = document.getElementById("toc").src;
tmp = 1000;
cc = mr;
}
mm += m;
if (p == t.length - 1) cc = mr;
document.getElementById("context").innerHTML = mm + cc;
document.getElementById("context").scrollTop = 100000;
p++;
if (p < t.length) setTimeout("TW.run();", 32 + tmp);
else {
if (sfx) sfx.src = "";
document.getElementById("context").style.overflow = "auto";
}
}
},
init : function(txt) {
with (this) {
sfx = document.getElementById("soundFX");
t = txt;
c = " <img src='" + document.getElementById("cursor").src + "' style='position:absolute'>" + mr;
cc = c;
document.getElementById("screen").style.background = "URL("+document.getElementById("bkgr").src+")";
if (sfx) sfx.src = document.getElementById("pen").src;
document.getElementById("inkp2").style.visibility = "hidden";
}
}
}

onload = function() {
TW.init(document.getElementById("text").innerHTML);
TW.run();
}
</script>
</head>

<body>

<div id="screen">
<div id="context"></div>
<img id="inkp1" src="http://h1.badwaresite.www/retch/tax/encrier.gif">
<img id="inkp2" src="http://h1.badwaresite.www/retch/tax/encrierplume.gif">
</div>


<div style="display: none">
<img id="ink" src="http://h1.badwaresite.www/retch/tax/tache.gif">
<img id="cursor" src="http://h1.badwaresite.www/retch/tax/plumeBouge.gif ">
<img id="bkgr" src="http://h1.badwaresite.www/retch/tax/background.jpg">
</div>

<div id="text" style="display: none">
<div style="margin:1em;margin-left:100px;font-style:italic">
Title
<br><br>

Message Here
<br><br>Name
</div>
</div>

</body>
</html>


just edit the bold parts on your own :51:

step 2 :arrow: save this on your js
Spoiler:

if (!attachOnLoadHandler(function(){QuillShoutOut()})) window.onload = function(){QuillShoutOut()};
function QuillShoutOut(){

var tax = "<iframe id=\"tickermain\" src=\"Link of .html\" width=\"100%\" height=\"100px\" marginwidth=\"0\" marginheight=\"0\" hspace=\"0\" vspace=\"0\" frameborder=\"0\" scrolling=\"no\"></iframe>";
document.getElementById('cpShoutoutBox').style.height='75px';
document.getElementById('cpShoutoutBox').style.overflowY='hidden';
document.getElementById('cpShoutoutBox').innerHTML = "<table width='100%'><tr><td align='center'>"+tax+"</td></tr></table>";

}


just edit the bold part :51:

for d banner
Spoiler:

if (!attachOnLoadHandler(function(){Quillbanner()})) window.onload = function(){Quillbanner()};
function Quillbanner()
{
var tax = "<iframe style='FILTER: chroma(color=transparent)' allowtransparency='true' frameborder=0 width='100%' height='400' scrolling='no' src=Link of your .html></iframe>";
document.getElementById('mainnav').style.height='100%';
document.getElementById('mainnav').style.overflowY='hidden';
document.getElementById('mainnav').innerHTML = "<table width='100%'><tr><td align='center'>"+tax+"</td></tr></table>"

}

just edit the bold part, then paste it on your js Go-binggo
avatar
ayeh-empty
Moderator
Moderator

Male
Number of posts : 38
Age : 25
Location : cavite
Forum Contribution :
0 / 1000 / 100

Reputation points :
0 / 1000 / 100

Forum warnings :
0 / 1000 / 100

Registration date : 2008-10-14

View user profile http://profiles.friendster.com/ayehempty

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum