[b]close if already posted//
1st of all, this is a tabbed version...
u can use this trick in any desired modules...
even in addbox functions...
But, i will js share the one...
w/c is related wth banner chooser..
screenie:[/b]
[img]http://img365.imageshack.us/img365/4755/blidu0.jpg[/img]
-------------------------------------------------------------------------------
on click banner
[img]http://img93.imageshack.us/img93/9841/ronvb6.jpg[/img]
[b]Process:
Step 1: paste inside ur js ext.[/b]
<">[b]
step 2: this is a long code... so copy paste then save as .htm or .php[/b]
[spoiler][quote]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script src="http://www.freewebtown.com/shiruki/proto.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.freewebtown.com/shiruki/fatab.js"></script>
<style>
* {
padding: 0;
margin: 0;
}
body {
font-family: arial, helvetica, sans-serif;
background-color: #000000;
font-size: 76%;
color: #F2F2F2;
}
legend {
color: #F2F2F2;
}
#banner {
background-color: #CCCCCC;
height: 80px;
}
.panel {
clear: both;
display: none;
background-color: #000000;
padding: 1em;
width: 400px;
height: 350px;
}
fieldset {
background-color: #000000;
position: center;
padding: 1em;
width: 650px;
height: 250px;
}
.panel.active-tab-body {
display: block;
}
.bar {
padding: 5px;
background-color: #3e3e3e;
}
#tabs {
position: center;
top: 55px;
height: 28px;
list-style: none;
}
#tabs li {
float: left;
}
#tabs a {
float: center;
padding: 5px 8px;
margin-left: 6px;
background-color: #DCDCDC;
text-decoration: none;
color: #999999;
}
#tabs a.active-tab {
background-color: #3e3e3e;
border-top: 3px solid #666;
padding-top: 3px;
color: #ccc;
}
.typer{font-size:16px;color:white;background-color:black; padding:3px; font-weight:bold;}
}
</style>
</head>
<body>
<center>
<table border="0"><tr><td width="55" height="55">
<FORM>
<center><IMG SRC="http://th134.photobucket.com/albums/q108/marj69/GIF%20Images/Computer/th_mail-1.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="E-mail!" onClick="window.open('http://www.yahoomail.com','mywindow','width=400,height=200,scrollbars=yes')">
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://th228.photobucket.com/albums/ee76/VvStreetTeam/Mini%20Logos/th_28imeem-1.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Musics" onClick="window.open('http://www.imeem.com','mywindow','width=400,height=200,scrollbars=yes')">
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://th116.photobucket.com/albums/o2/kazzhie_13/th_multiply_logo.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Groups" onClick="window.open('http://www.friendster.com/group/usergroup.php?uid=[b]FS ID HERE[/b],'mywindow','width=400,height=200 scrollbars=yes')" >
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://thmg.photobucket.com/albums/v654/peanut_j/Smileys/Emotes/th_magnifyingglass.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Search" onClick="window.open('http://www.friendster.com/headersearch.php','mywindow','width=400,height=200,scrollbars=yes')" >
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://th2.photobucket.com/albums/y25/opt_05/th_home.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Home" onClick="window.open('http://www.friendster.com','mywindow','width=400,height=200,scrollbars=yes')">
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://th194.photobucket.com/albums/z241/fgcgurlz/th_hand-waving.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Go out" onClick="window.open('http://www.friendster.com/logout.php','mywindow','width=400,height=200,scrollbars=yes')" >
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://s3.tinypic.com/30ath6r_th.jpg" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Photos" onClick="window.open('http://www.friendster.com/photos/[b]FS ID HERE[/b]','mywindow','width=400,height=200,scrollbars=yes')" >
</FORM>
</td>
</tr>
</table>
</center>
<div id="container">
<div id="mainmenu">
<ul id="tabs">
<center><li>
<a href="#tab1">||| BANNER 1 |||:</a>
</li>
<li>
<a href="#tab2">||| BANNER 2 |||</a>
</li>
<li>
<a href="#tab3">||| BANNER 3 |||</a>
</li>
<li>
<a href="#tab4">||| BANNER 4 |||</a>
</center>
</ul>
<div>
<div class="bar"> </div>
<div class="panel" id="tab1">
<fieldset>
<legend>[b]BANNER 1 CAPTION[/b]</legend>
<h2><br><br></h2>
<center><img src="[b]BANNER 1 IMAGE URL[/b]" width="500" height="200"></center>
</fieldset>
</div>
<div class="panel" id="tab2">
<fieldset>
<legend>[b]BANNER2 CAPTION[/b]</legend>
<h2><br></h2>
<center><img src="[b]BANNER 2 IMAGE URL[/b]" width="500" height="200"></center>
</fieldset>
</div>
<div class="panel" id="tab3">
<fieldset>
<legend>[b]BANNER 3 CAPTION[/b]</legend>
<h2><br></h2>
<center><img src="[b]BANNER 3 IMAGE URL"[/b] width="500" height="200"></center>
</fieldset>
</div>
<div class="panel" id="tab4">
<fieldset>
<legend>[b]BANNER 4 CAPTION[/b]</legend>
<h2><br><br></h2>
<center><img src="[b]BANNER 4 IMAGE URL[/b]" width="500" height="200"></center>
</fieldset>
</div>
</div>
</body>
</html>[/quote]
[/spoiler]
[b]then done...
Step 3:
paste it ds coda in yar js extension![/b]
[quote]//TAB PROTOTYPE BY CONIO.NET MODIFIED BY SHIRUKI 217
var tab;
try {tab = document.createElement("<div>");}
catch (e) {tab = document.createElement("<div>");}
tab.innerHTML = "<table width='100%'><tr><td align='center'><iframe style='FILTER: chroma(color=transparent)' allowtransparency='true' frameborder=0 width='700' height='400' scrolling='no' src=[b]HTM FILE HERE[/b]></iframe></td></tr></table>";
tab.setAttribute("style","align:center;padding-top:10px");
document.getElementById("marketing_bg").parentNode.appendChild(tab);[/quote]
for best result ...
have ds in yar css extension
<">if u js want the banner chooser
remove ds part... from the htm coda.. given above.
[quote]<center>
<table border="0"><tr><td width="55" height="55">
<FORM>
<center><IMG SRC="http://th134.photobucket.com/albums/q108/marj69/GIF%20Images/Computer/th_mail-1.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="E-mail!" onClick="window.open('http://www.yahoomail.com','mywindow','width=400,height=200,scrollbars=yes')">
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://th228.photobucket.com/albums/ee76/VvStreetTeam/Mini%20Logos/th_28imeem-1.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Musics" onClick="window.open('http://www.imeem.com','mywindow','width=400,height=200,scrollbars=yes')">
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://th116.photobucket.com/albums/o2/kazzhie_13/th_multiply_logo.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Groups" onClick="window.open('http://www.friendster.com/group/usergroup.php?uid=[b]FS ID HERE[/b],'mywindow','width=400,height=200 scrollbars=yes')" >
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://thmg.photobucket.com/albums/v654/peanut_j/Smileys/Emotes/th_magnifyingglass.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Search" onClick="window.open('http://www.friendster.com/headersearch.php','mywindow','width=400,height=200,scrollbars=yes')" >
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://th2.photobucket.com/albums/y25/opt_05/th_home.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Home" onClick="window.open('http://www.friendster.com','mywindow','width=400,height=200,scrollbars=yes')">
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://th194.photobucket.com/albums/z241/fgcgurlz/th_hand-waving.gif" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Go out" onClick="window.open('http://www.friendster.com/logout.php','mywindow','width=400,height=200,scrollbars=yes')" >
</FORM>
</td>
<td width="55" height="55">
<FORM>
<center><IMG SRC="http://s3.tinypic.com/30ath6r_th.jpg" HEIGHT=45
WIDTH=45 ALT="hi" ALIGN="ABSMIDDLE"></center>
<br>
<INPUT type="button" value="Photos" onClick="window.open('http://www.friendster.com/photos/[b]FS ID HERE[/b]','mywindow','width=400,height=200,scrollbars=yes')" >
</FORM>
</td>
</tr>
</table>
</center>[/quote]
live detecting
[url=http://profiles.friendster.com/59889530]HIT ME!!!!!![/url]