friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2

 

#1  2008-09-03 12:06:26

---xXirukiTepe---
» FriendsterElite
---xXirukiTepe---'s display avatar
› Ill Shoot Your Veins >_<
› Naruto Fanz-ShinobiElite
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 3750
Reputation: 440
Friendster

MainNav Links + Tabbed proto banner chooser

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..

:D


screenie:


-------------------------------------------------------------------------------

on click banner


Process:

Step 1: paste inside ur js ext.

Code:

//TABBED BANNER
var js = document.createElement("script");
js.type = "text/javascript";
js.src = "http://www.freewebtown.com/shiruki/proto.js";
document.getElementsByTagName("head")[0].appendChild(js);
//TABBED BANNER
var js = document.createElement("script");
js.type = "text/javascript";
js.src = "http://www.freewebtown.com/shiruki/fatab.js";
document.getElementsByTagName("head")[0].appendChild(js);


step 2: this is a long code... so copy paste then save as .htm or .php

=D

<!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=FS ID HERE,'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/FS ID HERE','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">&nbsp;</div>
            <div class="panel" id="tab1">
                <fieldset>
                    <legend>BANNER 1 CAPTION</legend>
                    <h2><br><br></h2>
<center><img src="BANNER 1 IMAGE URL" width="500" height="200"></center>




                </fieldset>
            </div>
            <div class="panel" id="tab2">

                <fieldset>
                    <legend>BANNER2 CAPTION</legend>
                    <h2><br></h2>
<center><img src="BANNER 2 IMAGE URL" width="500" height="200"></center>
                </fieldset>
            </div>

            <div class="panel" id="tab3">
                <fieldset>

                    <legend>BANNER 3 CAPTION</legend>
                    <h2><br></h2>
<center><img src="BANNER 3 IMAGE URL" width="500" height="200"></center>

                </fieldset>
            </div>
            <div class="panel" id="tab4">
                <fieldset>

                    <legend>BANNER 4 CAPTION</legend>

                    <h2><br><br></h2>
<center><img src="BANNER 4 IMAGE URL" width="500" height="200"></center>
                </fieldset>
            </div>
        </div>
    </body>
</html>

then done...

Step 3:
paste it ds coda in yar js extension!

//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=HTM FILE HERE></iframe></td></tr></table>";
tab.setAttribute("style","align:center;padding-top:10px");
document.getElementById("marketing_bg").parentNode.appendChild(tab);

for best result ...
have ds in yar css extension

Code:

#mainnav {display:none!important;}
.banner_ad_fix {display:none!important;}
#mainnav .mainfoldericon {display:none!important;}
#marketing_bg {display:none!important;}

if u js want the banner chooser

remove ds part... from the htm coda.. given above.

<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=FS ID HERE,'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/FS ID HERE','mywindow','width=400,height=200,scrollbars=yes')" >
</FORM>
</td>
</tr>
</table>
</center>

live detecting
HIT ME!!!!!!

:thumbsup:


Mou Hitori no Kimi e
N ∅ ∑ I N
TRUE: Somebody hacked my other fs account! Grrr! add my new 1
 

#2  2008-09-03 12:22:39

Yellow Flash
» FriendsterAgent
Yellow Flash's display avatar
› Almost Christmas
Location: HiddenLeaf Village
Registered: 2008-02-29
Posts: 2067
Last visit: Today
Reputation: 112
Friendster

Re: MainNav Links + Tabbed proto banner chooser

wow...

getting better and better eh

really nc trick....

Arigatou for sharing....

share more!!! :lol:

-Offline-
 

#3  2008-09-03 12:24:36

---xXirukiTepe---
» FriendsterElite
---xXirukiTepe---'s display avatar
› Ill Shoot Your Veins >_<
› Naruto Fanz-ShinobiElite
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 3750
Reputation: 440
Friendster

Re: MainNav Links + Tabbed proto banner chooser

^thanks dude... :wow:


Mou Hitori no Kimi e
N ∅ ∑ I N
TRUE: Somebody hacked my other fs account! Grrr! add my new 1
 

#4  2008-09-03 12:34:23

03_khine_03
» FriendsterGeek
03_khine_03's display avatar
› nakakaasar talaga!
› ReNeGaDeS de Alliance
Location: PiLiPinAs
Registered: 2007-11-24
Posts: 1322
Reputation: 37
Friendster

Re: MainNav Links + Tabbed proto banner chooser

verry nice sis... woooww

-buhbye guyzz... im so sorry
 

#5  2008-09-03 12:38:35

cklahrckiey
» FriendsterFreak
cklahrckiey's display avatar
› Tha Mafia
› Class-S
Location: Lea's Heart
Registered: 2007-11-21
Posts: 1715
Reputation: 34

Re: MainNav Links + Tabbed proto banner chooser

you're getting better and better siszy...hehehe
good job

thanks for sharing :paranoid:


"You hit me, we hit you!"
 

#6  2008-09-04 06:26:18

killxromance
» FriendsterAddict
killxromance's display avatar
› Smile mo kita ko :)
› Friendstertalk University
Location: . . .
Registered: 2008-07-21
Posts: 454
Last visit: Yesterday
Reputation: 6
Friendster

Re: MainNav Links + Tabbed proto banner chooser

your trick is so nice

thnks for sharing=)



[ PAG FRIENDSTERTALK UNIVERSITRY KA! ]
[ ARTISTA KA!! ]
:lol:

-Offline-
 

#7  2008-09-04 08:19:17

suddendeath
» FriendsterFreak
suddendeath's display avatar
› Just Do It
› .White Protector.
Location: Malaysia
Registered: 2007-12-15
Posts: 1661
Reputation: 45

Re: MainNav Links + Tabbed proto banner chooser

wow...
nice...
i like it...
and its working in my testing profile....
thx 4 share sis...
 

#8  2008-09-04 10:22:28

regiehiozn
» FriendsterWhiz
regiehiozn's display avatar
› friendship :]
Location: your place
Registered: 2007-08-27
Posts: 3054
Reputation: 79
Friendster

Re: MainNav Links + Tabbed proto banner chooser

wow!! its a nice trick.. it reminds me of shirow's other profile.. only better..
 

#9  2008-09-04 11:51:29

chazey
» FriendsterNewbie
Registered: 2007-08-06
Posts: 26
Last visit: 2008-10-04
Reputation: -1

Re: MainNav Links + Tabbed proto banner chooser

wow....great!!!!!but can you make codes gor it for html files?????

-Offline-
 

#10  2008-09-05 11:28:01

ijahcamille
» FriendsterNewbie
ijahcamille's display avatar
› ..cute..
› Black Pinkers Clan
Location: philippines
Registered: 2008-04-27
Posts: 46
Last visit: Today
Reputation: -1
Friendster

Re: MainNav Links + Tabbed proto banner chooser

tnx for sharing... :p

-Offline-
 

#11  2008-09-05 14:00:24

dale
» Moderator
dale's display avatar
› Clique Mee
Location: G.Lagro.subd.
Registered: 2007-05-24
Posts: 7196
Last visit: 2008-11-29
Reputation: 67
Friendster

Re: MainNav Links + Tabbed proto banner chooser

wow! nice tricky babe! :rose:

-Offline-
 

#12  2008-09-08 03:16:13

---xXirukiTepe---
» FriendsterElite
---xXirukiTepe---'s display avatar
› Ill Shoot Your Veins >_<
› Naruto Fanz-ShinobiElite
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 3750
Reputation: 440
Friendster

Re: MainNav Links + Tabbed proto banner chooser

thank u haha... :D


Mou Hitori no Kimi e
N ∅ ∑ I N
TRUE: Somebody hacked my other fs account! Grrr! add my new 1
 

#13  2008-09-08 04:10:00

MONDYking
» FriendsterTalker
MONDYking's display avatar
› damn
Location: my love's kingdom
Registered: 2008-01-30
Posts: 157
Last visit: Today
Reputation: 3
Friendster

Re: MainNav Links + Tabbed proto banner chooser

very nice... sis

ill wait 4u...


-Offline-
 

#14  2008-09-09 05:11:48

---xXirukiTepe---
» FriendsterElite
---xXirukiTepe---'s display avatar
› Ill Shoot Your Veins >_<
› Naruto Fanz-ShinobiElite
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 3750
Reputation: 440
Friendster

Re: MainNav Links + Tabbed proto banner chooser

=)

thanks... :D


Mou Hitori no Kimi e
N ∅ ∑ I N
TRUE: Somebody hacked my other fs account! Grrr! add my new 1
 

#15  2008-09-09 05:13:28

yas
» FriendsterTalker
yas's display avatar
› Searrs Female Institute
› Naruto Fanz-ShinobiElite
Location: island of ohara
Registered: 2008-08-30
Posts: 224
Last visit: Today
Reputation: 6

Re: MainNav Links + Tabbed proto banner chooser

THANKS FOR SHARING DIS^^:thumbsup:=)

  break a leg....:




http://profiles.friendster.com/61843362

-Offline-
 

#16  2008-09-09 05:18:12

03_khine_03
» FriendsterGeek
03_khine_03's display avatar
› nakakaasar talaga!
› ReNeGaDeS de Alliance
Location: PiLiPinAs
Registered: 2007-11-24
Posts: 1322
Reputation: 37
Friendster

Re: MainNav Links + Tabbed proto banner chooser

very nyc like it. wow...

-buhbye guyzz... im so sorry
 

#17  2008-09-09 06:50:48

mabuhay
» FriendsterFreak
mabuhay's display avatar
› KKB YOUTH SUMMIT 08
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1807
Reputation: 79

Re: MainNav Links + Tabbed proto banner chooser

very cool trick..
keep it up
keep on sharing
remarks: :thumbsup::thumbsup::thumbsup:
hit teh grin 4 u
 

#18  2008-09-09 06:56:16

noxs
» FriendsterGeek
noxs's display avatar
› Artwork 101
Location: sme where i belong
Registered: 2007-10-17
Posts: 1480
Reputation: 76

Re: MainNav Links + Tabbed proto banner chooser

hohohoho nice trick gurls!!!! keep it up :thumbsup:

click my signature
 

#19  2008-09-09 07:11:01

---xXirukiTepe---
» FriendsterElite
---xXirukiTepe---'s display avatar
› Ill Shoot Your Veins >_<
› Naruto Fanz-ShinobiElite
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 3750
Reputation: 440
Friendster

Re: MainNav Links + Tabbed proto banner chooser

^thanks a bunch...


Mou Hitori no Kimi e
N ∅ ∑ I N
TRUE: Somebody hacked my other fs account! Grrr! add my new 1
 

#20  2008-09-09 08:12:16

vinnie18
» FriendsterNewbie
vinnie18's display avatar
› Living my miserable Layp
Location: NuN oF yer bisneSs
Registered: 2008-09-09
Posts: 55
Last visit: 2008-11-21
Reputation: 14

Re: MainNav Links + Tabbed proto banner chooser

nice trick!!...cant wait to use it!!..:o

Being a high priest is a hard job..
its not that you are assigned to buff and help other
people as they need to...
its that...praisingGOD HIMSELF!... =)
RoK Out!

-Offline-
 

 

Pages: 1 2

Search Friendstertalk

Board footer

FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2008 PunBB

[ 28 queries - 0.939 second ]

Pay Per Click Ads by pay per click advertising by Kontera

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)