[b]Description[/b]
This trick will make a Quill typewriter on your Shoutout & Banner
credits
dhteumeuleu
step 1
Save this as [b].html[/b]
[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.ripway.com/retch/tax/encrier.gif">
<img id="inkp2" src="http://h1.ripway.com/retch/tax/encrierplume.gif">
</div>
<div style="display: none">
<img id="ink" src="http://h1.ripway.com/retch/tax/tache.gif">
<img id="cursor" src="http://h1.ripway.com/retch/tax/plumeBouge.gif ">
<img id="bkgr" src="[b]
http://h1.ripway.com/retch/tax/background.jpg[/b]">
</div>
<div id="text" style="display: none">
<div style="margin:1em;margin-left:100px;font-style:italic">
[b]Title[/b]
<br><br>
[b]Message Here[/b]
<br><br>[b]Name[/b]
</div>
</div>
</body>
</html>[/spoiler]
just edit the bold parts on your own
step 2
save this on your js
[spoiler]if (!attachOnLoadHandler(function(){QuillShoutOut()})) window.onload = function(){QuillShoutOut()};
function QuillShoutOut(){
var tax = "<iframe id=\"tickermain\" src=\"[b]Link of .html[/b]\" width=\"100%\" height=\"[b]100[/b]px\" marginwidth=\"0\" marginheight=\"0\" hspace=\"0\" vspace=\"0\" frameborder=\"0\" scrolling=\"no\"></iframe>";
document.getElementById('cpShoutoutBox').style.height='100';
document.getElementById('cpShoutoutBox').style.overflowY='hidden';
document.getElementById('cpShoutoutBox').innerHTML = "<table width='100%'><tr><td align='center'>"+tax+"</td></tr></table>";
}[/spoiler]
just edit the bold part
for 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='[b]400[/b]' scrolling='no' src=[b]Link of your .html[/b]></iframe>";
document.getElementById('navLang').style.height='100%';
document.getElementById('navLang').style.overflowY='hidden';
document.getElementById('navLang').innerHTML = "<table width='100%'><tr><td align='center'>"+tax+"</td></tr></table>";
}[/spoiler]
just edit the bold part, then paste it on your js
preview
http://profiles.friendster.com/70910422
Last edited by simpleMe (2008-11-11 05:54:41)