[b]FOR THE MODZ...IF THIS TRICK WAS POSTED BEFORE OR SOME CONTENTS HERE ARE NOT ALLOWED HERE..FREE TO CLOSED IT!!
[/b]
[quote]put a revealer trick on ur .html file..
ex. of original html file..

[b]ur welcome page,intro page and other file that is .html...[/b][/quote]
credits go to:

[b]Premshree Pillai [/b] for the trick..
codes from [url]http://premshree.resource-locator.com[/url]..

[b]cip6192[/b] for the example of my .html...(enterpage log in vista style)
also

[b]jopet_Q[/b] cause i use ryt click snake for teh rippers!


[b]
heres the code:[/b]
[quote]<html>
<TITLE>Reveal Trick</title>
<style type="text/css">
.header{font-family:verdana,arial,helvetica; font-size:30pt; font-weight:bold; color:#003399; filter:DropShadow(color=#CCCCCC, offX=3, offY=3, positive=1); width:100%}
.content{font-family:verdana,arial,helvetica; font-size:10pt;}
.link{font-family:verdana,arial,helvetica; font-size:10pt; color:#003399}
.link:hover{font-family:verdana,arial,helvetica; font-size:10pt; color:#CC0000}
</style>
</head>
<body bgcolor="#FFFFFF" scroll="no">
<!-- Place in BODY section of page -->
<!-- Reveal JavaScript -->
<script>
<!--
document.write(unescape("%3Cscript%20language%3D%22JavaScript%22%3E%0A//////////////////////////////////////////////////%0A//%20%20%20%20%20%20%20%20Reveal%20JavaScript%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20//%0A//%20%20%20%20%20%20%20%20%20%28c%29%202003%20Premshree%20Pillai%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20//%0A//%20%20%20%20%20%20%20%20Created%20%3A%2013/02/03%20%28dd/mm/yy%29%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20//%0A//%20%20%20%20%20%20%20%20http%3A//www.qiksearch.com%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20//%0A//%20%20%20%20%20%20%20%20http%3A//premshree.resource-locator.com%20%20%20%20%20%20%20%20//%0A//%20%20%20%20%20%20%20%20Email%20%3A%20qiksearch@rediffmail.com%20%20%20%20%20%20%20%20//%0A//////////////////////////////////////////////////%0A%0Avar%20width%3Ddocument.body.clientWidth%3B%0Avar%20height%3Ddocument.body.clientHeight%3B%0A%0Afunction%20doClickText%28who%2Ctype%2Cstep%2CtimeOut%29%20%7B%0A%20%20%20%20%20%20%20%20document.getElementById%28who%29.style.display%3D%22none%22%3B%0A%20%20%20%20%20%20%20%20if%28type%3D%3D0%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20reveal%28%27revealDiv1%27%2Cstep%2CtimeOut%2C0%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20reveal%28%27revealDiv2%27%2Cstep%2CtimeOut%2C1%29%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20if%28type%3D%3D1%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20reveal%28%27revealDiv1%27%2Cstep%2CtimeOut%2C2%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20reveal%28%27revealDiv2%27%2Cstep%2CtimeOut%2C3%29%3B%0A%20%20%20%20%20%20%20%20%7D%0A%7D%0A%0A//////////////////////%0A//%20Reveal%21%20function%20//%0A//////////////////////%0Afunction%20reveal%28who%2Cstep%2CtimeOut%2Ctype%29%20%7B%0A%20%20%20%20%20%20%20%20if%28type%3D%3D0%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20where%3D%22top%22%3B%0A%20%20%20%20%20%20%20%20if%28type%3D%3D1%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20where%3D%22bottom%22%3B%0A%20%20%20%20%20%20%20%20if%28type%3D%3D2%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20where%3D%22left%22%3B%0A%20%20%20%20%20%20%20%20if%28type%3D%3D3%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20where%3D%22right%22%3B%0A%20%20%20%20%20%20%20%20eval%28%27var%20temp%3Ddocument.getElementById%28who%29.style.%27+where%29%3B%0A%20%20%20%20%20%20%20%20temp%3DparseInt%28temp%29%3B%0A%20%20%20%20%20%20%20%20if%28type%3D%3D0%7C%7Ctype%3D%3D1%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20checkWith%3Dheight/2%3B%0A%20%20%20%20%20%20%20%20if%28type%3D%3D2%7C%7Ctype%3D%3D3%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20checkWith%3Dwidth/2%3B%0A%20%20%20%20%20%20%20%20if%28-temp%3CcheckWith%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20temp-%3Dstep%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20eval%28%27document.getElementById%28who%29.style.%27+where+%27%3Dtemp%3B%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setTimeout%28%22reveal%28%27%22+who+%22%27%2C%22+step+%22%2C%27%22+timeOut+%22%27%2C%22+type+%22%29%22%2C%20timeOut%29%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.getElementById%28who%29.style.display%3D%22none%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.body.scroll%3D%22yes%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%7D%0A%0A/*%0AFollowing%20function%20is%20required%20to%20initialise%20Reveal%0AThe%20function%20is%20called%20in%20the%20following%20manner%20%3A%0A%20%20%20%20%20%20%20%20initReveal%28type%2Cdiv1bg%2Cdiv2bg%2Cdiv1bw%2Cdiv2bw%2Cdiv1bc%2Cdiv2bc%2Cstep%2CtimeOut%2Cclick%29%0A%20%20%20%20%20%20%20%20Parameter%20description%20%3A%0A%20%20%20%20%20%20%20%20type%20%20%20%20%20%20%20%20-%3E%20%20%20%20%20%20%20%200%20for%20vertical%20%7C%201%20for%20horizantal%0A%20%20%20%20%20%20%20%20div1bg%20%20%20%20%20%20%20%20-%3E%20%20%20%20%20%20%20%20Background%20color%20of%20first%20layer%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28eg.%20%27%23CCCCCC%27%29%0A%20%20%20%20%20%20%20%20div2bg%20%20%20%20%20%20%20%20-%3E%20%20%20%20%20%20%20%20Background%20color%20of%20second%20layer%20%20%20%20%20%20%20%20%28eg.%20%27%23CCCCCC%27%29%0A%20%20%20%20%20%20%20%20div1bw%20%20%20%20%20%20%20%20-%3E%20%20%20%20%20%20%20%20Border%20width%20of%20first%20layer%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28eg.%201%29%0A%20%20%20%20%20%20%20%20div2bw%20%20%20%20%20%20%20%20-%3E%20%20%20%20%20%20%20%20Border%20width%20of%20second%20layer%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28eg.%201%29%0A%20%20%20%20%20%20%20%20div1bc%20%20%20%20%20%20%20%20-%3E%20%20%20%20%20%20%20%20Border%20color%20of%20first%20layer%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28eg.%20%27%23000000%27%29%0A%20%20%20%20%20%20%20%20div2bc%20%20%20%20%20%20%20%20-%3E%20%20%20%20%20%20%20%20Border%20color%20of%20second%20layer%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28eg.%20%27%23000000%27%29%0A%20%20%20%20%20%20%20%20step%20%20%20%20%20%20%20%20-%3E%20%20%20%20%20%20%20%20The%20amount%20revealed%20every%20interval%20%20%20%20%20%20%20%20%28eg.%205%29%0A%20%20%20%20%20%20%20%20timeOut%20%20%20%20%20%20%20%20-%3E%20%20%20%20%20%20%20%20The%20delay%20in%20milliseconds%0A%20%20%20%20%20%20%20%20click%20%20%20%20%20%20%20%20-%3E%20%20%20%20%20%20%20%20true%20if%20user%20has%20to%20click%20to%20reveal%20%7C%20false%20for%20auto%20reveal%0A*/%0Afunction%20initReveal%28type%2Cdiv1bg%2Cdiv2bg%2Cdiv1bw%2Cdiv2bw%2Cdiv1bc%2Cdiv2bc%2Cstep%2CtimeOut%2Cclick%29%20%7B%0A%20%20%20%20%20%20%20%20if%28type%3D%3D0%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20bWhere1%3D%22border-bottom%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20bWhere2%3D%22border-top%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20putZero1%3D%22top%3A0px%3B%20left%3A0px%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20putZero2%3D%22bottom%3A0px%3B%20left%3A0px%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.write%28%27%3Cdiv%20id%3D%22revealDiv1%22%20style%3D%22z-index%3A100%3B%20display%3Ablock%3B%20position%3Aabsolute%3B%20%27+putZero1+%27%3B%20background%3A%27+div1bg+%27%20%3B%20width%3A%27+%28width%29+%27%3B%20height%3A%27+%28height/2%29+%27%3B%20%27+bWhere1+%27%3A%27+div1bc+%27%20solid%20%27+div1bw+%27px%22%3E%3C/div%3E%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.write%28%27%3Cdiv%20id%3D%22revealDiv2%22%20style%3D%22z-index%3A100%3B%20display%3Ablock%3B%20position%3Aabsolute%3B%20%27+putZero2+%27%3B%20background%3A%27+div2bg+%27%20%3B%20width%3A%27+%28width%29+%27%3B%20height%3A%27+%28height/2%29+%27%3B%20%27+bWhere2+%27%3A%27+div2bc+%27%20solid%20%27+div2bw+%27px%22%3E%3C/div%3E%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%28%21click%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20reveal%28%27revealDiv1%27%2Cstep%2CtimeOut%2C0%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20reveal%28%27revealDiv2%27%2Cstep%2CtimeOut%2C1%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clickText%28type%2Cstep%2CtimeOut%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20if%28type%3D%3D1%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20bWhere1%3D%22border-right%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20bWhere2%3D%22border-left%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20putZero1%3D%22top%3A0px%3B%20left%3A0px%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20putZero2%3D%22top%3A0px%3B%20right%3A0px%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.write%28%27%3Cdiv%20id%3D%22revealDiv1%22%20style%3D%22z-index%3A100%3B%20display%3Ablock%3B%20position%3Aabsolute%3B%20%27+putZero1+%27%3B%20background%3A%27+div1bg+%27%20%3B%20width%3A%27+%28width/2%29+%27%3B%20height%3A%27+%28height%29+%27%3B%20%27+bWhere1+%27%3A%27+div1bc+%27%20solid%20%27+div1bw+%27px%22%3E%3C/div%3E%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.write%28%27%3Cdiv%20id%3D%22revealDiv2%22%20style%3D%22z-index%3A100%3B%20display%3Ablock%3B%20position%3Aabsolute%3B%20%27+putZero2+%27%3B%20background%3A%27+div2bg+%27%20%3B%20width%3A%27+%28width/2%29+%27%3B%20height%3A%27+%28height%29+%27%3B%20%27+bWhere2+%27%3A%27+div2bc+%27%20solid%20%27+div2bw+%27px%22%3E%3C/div%3E%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%28%21click%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20reveal%28%27revealDiv1%27%2Cstep%2CtimeOut%2C2%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20reveal%28%27revealDiv2%27%2Cstep%2CtimeOut%2C3%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clickText%28type%2Cstep%2CtimeOut%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20function%20clickText%28type%2Cstep%2CtimeOut%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.write%28%27%3Cdiv%20id%3D%22clickText%22%20style%3D%22z-index%3A101%3B%20display%3Ablock%3B%20position%3Aabsolute%3B%20top%3A%27+%28height/2-clickh/2-clickb%29+%27%3B%20left%3A%27+%28width/2-clickw/2-clickb%29+%27%22%3E%3Ctable%20style%3D%22border%3A%27+clickc+%27%20solid%20%27+clickb+%27px%3B%20background%3A%27+clickbg+%27%20%3Bwidth%3A%27+clickw+%27px%3B%20height%3A%27+clickh+%27%3B%20%27+clickFont+%27%3B%20cursor%3Ahand%3B%20cursor%3Apointer%22%20onClick%3D%22doClickText%28%5C%27clickText%5C%27%2C%27+type+%27%2C%27+step+%27%2C%27+timeOut+%27%29%22%3E%3Ctr%3E%3Ctd%20align%3D%22middle%22%3E%27+clickt+%27%3C/td%3E%3C/tr%3E%3C/table%3E%3C/div%3E%27%29%3B%0A%20%20%20%20%20%20%20%20%7D%0A%7D%0A%3C/script%3E"));
//-->
</script>
<script language="JavaScript">
//////////////////////////////////
// Customise Reveal //
//////////////////////////////////
/*
The following is required only if you
want the user to click to reveal the page
*/
var clickw=150; // Width
var clickh=20; // Height
var clickb=4; // Border width
var clickc="#000000"; // Border color
var clickbg="#000000"; // Background color
var clickt="ENTER!"; // Text to display
// The font style of the text
var clickFont="font-family:verdana,arial,helvetica; font-size:10pt; font-weight:bold; color:#FF0000";
/*
Following is required to initialise Reveal
The function is called in the following manner :
initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click)
Parameter description :
type -> 0 for vertical | 1 for horizantal
div1bg -> Background color of first layer (eg. '#CCCCCC')
div2bg -> Background color of second layer (eg. '#CCCCCC')
div1bw -> Border width of first layer (eg. 1)
div2bw -> Border width of second layer (eg. 1)
div1bc -> Border color of first layer (eg. '#000000')
div2bc -> Border color of second layer (eg. '#000000')
step -> The amount revealed every interval (eg. 5)
timeOut -> The delay in milliseconds
click -> true if user has to click to reveal | false for auto reveal
See below for an example of how to call the function.
*/
new initReveal(0,'#CCCCCC','#CCCCCC',1,1,'#000000','#000000',3,10,true);
</script>
<script language="JavaScript1.2">
<!--
top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
//-->
</script>
[b]PASTE UR ORIGINAL HTML CODE HERE....
(w/out <html> or <body> tag..)[/b]
<script language="JavaScript">
function stopSnake(){
sorry=confirm("If you admit you're sorry, just click OK to stop the script. If you are hard-headed, press CANCEL.")
if(sorry){
alert("Just don't do that again, ok?")
}
else{
alert("Here we go!!!")
clickSnake()
}
return false
}
function clickSnake(){
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
window.resizeTo(0,0)
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
window.resizeTo(0,0)
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
clickSnake()
return false
}
document.oncontextmenu=stopSnake;
</script>
</body>
</html>[/quote]
:arrow:instructions:
open ur orignal html file..
ex..
[spoiler]
<html>
<head>
<body>
blah...blah..blah...
</body>
</head>
</html>
[/spoiler]
remove the [b]<html> </html>,<head></head></body><body>[/b] tag in ur original html file..
after removing the tag,copy ur original html code..
then paste to the bolded part...
find also this:
[quote]var clickw=150; // Width
var clickh=20; // Height
var clickb=4; // Border width
var clickc="#000000"; // Border color
var clickbg="#000000"; // Background color
var clickt="[color=#FF0000]REVEAL![/color]"; // Text to display
// The font style of the text
var clickFont="font-family:verdana,arial,helvetica; font-size:10pt; font-weight:bold; color:[color=BLUE]#FF0000[/color]";[/quote]
for the [color=#FF0000]red[/color]= change the text u want to appear in the reveal botton..
for the [color=BLUE]blue[/color]= change the color of the font...
then save it as[b] reveal.html[/b] in ur ripway!!

[b]how to put it in ur js[/b]
[b]
for intro pages and welcome page[/b]
use this:
[quote]var myplace = document.location.href;
if (myplace == "http://profiles.friendster.com/user.php?uid=[b]USERID[/b]"){
}
else if (myplace == "http://profiles.friendster.com/user.php?uid=[b]USERID[/b]"){
}
else {
location.href = "[b]UR REAVEAL.HTML[/b]";
}[/quote]
replace ur userid..
for addbox..
[quote]var cron="<iframe style=\"FILTER: chroma(color=#666666)\" allowtransparency=\"true\" frameborder=0 width=\"480\" height=\"370\" scrolling=\"no\" src=\"[b]UR REVEAL.HTML[/b]\"></iframe>";
addBox("LEFT","MY MUSIC", cron, "reveal", "1");[/quote]
just costumized the addbox for the position where u want to place ur tweak!
preview here for the welcome page trick..

[url=http://blakevil.fileave.com/web/revealer.html]REVEAL MY PAGE![/url]
for the addbox just see my profile!!in my photo gallery!
my profile works only in FF...
but i think this trick is compatible for IE and FF..
any questions pm me..

[align=center][b]pls dont copy my welcome page...
thats another way of ripping !!!
if u want a log in vista style into page...[/b][/align]
go here:

[url]http://theftalk.com/t33768-Enterpage-Log-in-%28Vista-Style%29.html[/url]
Last edited by cronixemo (2008-07-24 21:15:55)