[b]Edited:[/b] now with show and hide.. special thanks to cip6192!
[b]Description[/b] this is a javascript web browser.. you can seacrh sites inside your friendster profile with minimizer..

[b][u]Production:[/b][/u]-F.U.

[b]Credits:[/b]
Codelifter
cip for helping me

and me for making it work
[b][url=http://profiles.friendster.com/ezekieltest]PREVIEW[/url][/b]
[b]Requirements:[/b]
remove this codes inside your CSS file
[color=blue]#marketing_bg {display:none!important;}
#marketing {display:none!important;}
[/color]
that codes should be remove or else the trick will not properly work.
*Prepare your self
*must have a ripway accnt
*patience
*and common sense
ok lets begin..
[quote][b]1st step:[/b] make a folder to this files..
name it as JSB
and inside that JSB folder.. create this 5 files
style.css
navigation.html
home.html
halted.html
browser.html[/quote]
[b]2nd:[/b] put this inside style.css
[quote]body {
background-color: black;
border-right: none;
border-left: none;
border-top: none;
border-bottom: none;
margin:0px;
}
.navBox{
color: #CCCCCC;
background-color: #000000;
border-color: #606060;
border-width: 1px;
}
.navButton{
width: 40;
height: 20;
color: #CCCCCC;
font-size: 12px;
font-family: sans-serif;
background-color: #363636;
border-color: #484848;
border-width: 1px;
}
A:link {color:#C0C0C0; text-decoration:none;}
A:visited {color:#C0C0C0; text-decoration:none;}
A:active {color:#C0C0C0; text-decoration:none;}
A:hover {color:#C0C0C0; text-decoration:underline;}[/quote]
[b]3rd:[/b] and this one is for navigation.html
[quote]<!--
Accent JavaScript Browser Version 1.0
Copyright 2001 by
www.CodeLifter.com
Free for all users; but please leave in this header.
//-->
<html>
<head>
<link rel="stylesheet" href="[color=#FF0000]URL OF STLYE.CSS HERE[/color]" type="text/css">
<script language="JavaScript">
var bV = parseInt(navigator.appVersion);
var bNS = navigator.appName=="Netscape";
var bIE = navigator.appName=="Microsoft Internet Explorer";
var msg = "Please use the navigation controls at the top of the browser.";
function nrc(e){if (bNS && e.which > 1){
alert(msg);
return false;
}else if (bIE && (event.button >1)){
alert(msg);return false;
}
}
document.onmousedown = nrc;
if (document.layers) window.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
if (bNS && bV<5) window.onmousedown = nrc;
var Now = document.location.search;
function doNow(){
if (Now != "") {
Now=Now.substring(1);
document.Address.Entry.value = Now;
}else{
document.Address.Entry.value = 'http://';
}
}
var whereTo;
var parsing;
function goThere(){
whereTo = '';
whereTo = document.Address.Entry.value;
parsing = whereTo.substring(0,7);
parsing = parsing.toLowerCase();
if (parsing != 'http://') whereTo="http://"+whereTo;
if (whereTo.length>12){
parent.Content.location.href = whereTo;
document.Address.Entry.value = whereTo;
document.Address.action = 'navigation.html'+'?'+whereTo;
}
}
function doClear(){
document.Address.Entry.value = "http://";
}
function doNada(){
parent.Content.focus();
}
</script>
</head>
<body background="http://i234.photobucket.com/albums/ee220/ezekielclarion/64815801to9.gif">
<script language="JavaScript">
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which=

) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</script>
<table border="0" cellpadding="0" cellspacing="5" width="100%">
<tr>
<form name="Address" method="post" onSubmit="javascript:return false">
<td valign="middle" align="left" width="95%">
<input class="navButton" type="button" value="URL:" onClick="doNada()">
<input class="navBox" type="text" name="Entry" size="40">
<input class="navButton" type="button" value="Go" name="goGet" onClick="javascript:goThere();doNada()">
<input class="navButton" type="button" value="Clear" name="reSet" onClick="javascript:doClear();doNada()">
</td>
<td valign="middle" align="right" width="1%"><input class="navButton" type="button" value="Home" name="Home" onClick="javascript:parent.Content.location='home.html';doNada()"></td>
<td valign="middle" align="right" width="1%"><input class="navButton" type="button" value="Back" name="Back" onClick="javascript:history.go(-1);doNada()"></td>
<td valign="middle" align="right" width="1%"><input class="navButton" type="button" value="Stop" name="Stop" onClick="javascript:parent.Content.location='halted.html';doNada()"></td>
<td valign="middle" align="right" width="1%"><input class="navButton" type="button" value="Fwd" name="Fwd" onClick="javascript:history.go(1);doNada()"></td>
<td valign="middle" align="right" width="1%"><input class="navButton" type="button" value="Ftalk" name="Close" onClick="javascript:parent.Content.location='http://theftalk.com/';doNada()"></td>
</form>
<script language="JavaScript">
doNow();
</script>
</tr>
</table>
</body>
</html>[/quote]
just edit the red part
[b]4th:[/b] put this inside home.html
[quote]<!--
Accent JavaScript Browser Version 1.0
Copyright 2001 by
www.CodeLifter.com
Free for all users; but please leave in this header.
//-->
<html>
<head>
<link rel="stylesheet" href="[color=#FF0000]URL OF STLYE.CSS HERE[/color]" type="text/css">
</head>
<body>
<script language=JavaScript>
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which=

) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</script>
<center>
<table border="0" cellpadding="5" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" valign="middle" align="center" height="100%"><font color="#C0C0C0" size="3" face="lucida sans unicode">Accent JavaScript Browser</font><font color="#C0C0C0" face="lucida sans unicode" size="2">
<br>Is brought to you<br>by<br>
<a href="http://www.codelifter.com/main/javascript/accentbrowser1.html" target="_blank">www.Codelifter.com</a></font>
<p>
<font color="#C0C0C0" size="3" face="lucida sans unicode">And</font>
<a href="http://profiles.friendster.com/ezekielclarion" target="_blank"><br>Ezekiel Clarion<br></a></font>
</p>
</td>
</tr>
</table>
</center>
</body>
</html>[/quote]
and edit the red part again
[b]5th:[/b] this one is inside your halted.html
[quote]<!--
Accent JavaScript Browser Version 1.0
Copyright 2001 by
www.CodeLifter.com
Free for all users; but please leave in this header.
//-->
<html>
<head>
<link rel="stylesheet" href="[color=#FF0000]URL OF STLYE.CSS HERE[/color]" type="text/css">
</head>
<body>
<center>
<table border="0" cellpadding="5" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" valign="middle" align="center" height="100%"><font color="#C0C0C0" size="3" face="Arial">Page has been stopped</font></td>
</tr>
</table>
</center>
</body>
</html>[/quote]
and edit again the red part
[b]6th:[/b] this one is for browser.html
[quote]<!--
Accent JavaScript Browser Version 1.0
Copyright 2001 by
www.CodeLifter.com
Free for all users; but please leave in this header.
//-->
<html>
<head>
<title>Accent Browser by CodeLifter.com</title>
</head>
<frameset rows="34,*" framespacing="0" border="0" frameborder="0">
<frame name="Navigation" scrolling="no" noresize src="[color=#FF0000]URL OF NAVIGATION.HTML[/color]" marginwidth="0" marginheight="0">
<frame name="Content" src="[color=#FF0000]URL OF HOME.HYML[/color]" scrolling="auto" noresize>
<noframes>
<body>
<script language=JavaScript>
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which=

) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</script>
<p>This page uses frames, but your browser does not support them.</p>
</body>
</noframes>
</frameset>
</html>[/quote]
and edit the red parts inside the code
[b]7th:[/b] and then put this inside your JS file
[quote]document.getElementById("marketing_bg").innerHTML="<font color='#ffffff'><center>(<strong><a href='javascript:void(ToggleJSB());' id='showandhide'> Hide </a></strong>)</center></font>"+
"<div id='content_myBrowser' align='center' style='display:block;'>"+
"<iframe style='FILTER: chroma(color=#FFFFFF)' allowtransparency='true' frameborder=0 width='800' height='490' scrolling='no'src='[color=red]BROWSER.HTML[/color]'></iframe>";[/quote]
change the red part with your browser.html url
you can change the width and height to fit it in your profile
[b]8th:[/b] Put this code above or below your JS code.. this will handle the show and hide trick..
<">and for the final step
put this inside your css file.
[b]EDITED:[/b]
<">and that's it your done!
i hope you understand my tutorial
Last edited by ezekielclarion (2008-07-21 06:28:22)