friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2 3 … 7

 

#1  2008-01-19 03:48:07

xavierkym
» Retired Moderator
› The Sinister
› Class-S
Location: London, England
Registered: 2007-06-10
Posts: 5370
Reputation: 128
Friendster

One Column Profile [Javacript]

If you saw my profile and wonderin why it's a Wan Cowum Pwofayl.. Just read this thread.. LOL :retard:

CAUTION: Needs understanding on how functions work :wallbash:
This is not just a copy paste code it needs your analysis of how the code works. =)

This script will make your Friendster Profile Boxes in One Column :wallbash:

The function codes work like this:

Code:

function fixBox(boxID,set) {
//by xavierkym

//set "CUSTOM" | null
//if "CUSTOM" set your settings in the function below
/* Available default boxID
RIGHT BOXES
        0 = controlpanel
        1 = photos
        13 = blogs
        12 = reviews
        6 = moreabout
        18 = publiccomments
        10 = scrapbook
*/
    var box;
    box = parent.document.getElementById(boxID);
       if (set == null) {
                box.style.position = "relative";
              box.style.overflow = "auto";
            box.style.overflowX = "hidden";
          box.style.left = "160px";
        box.style.width = "490px";
    }
       else if (set == "CUSTOM") {
                box.style.position = "relative";
              box.style.overflow = "hidden";
          box.style.left = "160px";
        box.style.width = "490px";
    }
}

function centerBox(boxID,sibling,insert,set) {
//by xavierkym

//insert "UP" | "DOWN"
//set default is =  null
/* Available default boxID
RIGHT BOXES
        15 = meettrail
        2 = friends
        14 = googleads
        7 = fan
        8 = groups

    Available default sibling
LEFT BOXES
        0 = controlpanel
        1 = photos
        13 = blogs
        12 = reviews
        6 = moreabout
        18 = publiccomments
        10 = scrapbook
*/
        var baseID; var cNode; var module; var box;
      baseID = document.getElementById(sibling);
         cNode = baseID.parentNode;
          module = document.getElementById(boxID);
             box = parent.document.getElementById(boxID);
         if (set == null) {
                 box.style.position = "relative";
                  box.style.overflow = "auto";
                   box.style.overflowX = "hidden";
                    box.style.left = "160px";
                     box.style.width = "490px";
                 }
         if (insert == "UP") {
                 cNode.parentNode.insertBefore(module,cNode);
              }
         else if (insert == "DOWN") {
           cNode.appendChild(module);
      }
}

I created 2 functions called centerBox and fixBox
:arrow: How does it work??
The fixBox function is used just to push your Left Side Boxes to the Center =)
While the centerBox is used to bring the Right Side Boxes to the Center as well..
But you can set where you want the box to appear.. :)

If you have the complete friendster boxes.. Most Likely You'll end up with having Cpanel, Photos, Blogs, Reviews, AboutMe, Comments and Scrapbook for the Left Side Boxes..

Then Meettrail, Friends, Fanof and Groups for the Right Side Boxes.. (You need to hide the ads though)

First we need to configure the Left Sideboxes using the fixBox function.
This code below will put your LEFT Side Boxes to the Center..

Code:

if (!attachOnLoadHandler(function(){leftBoxes()})) window.onload = function(){leftBoxes()};
function leftBoxes() {

        fixBox("0",null); //Cpanel
        fixBox("1",null); //Photos
        fixBox("13",null); //Blogs
        fixBox("12",null); //Reviews
        fixBox("6",null); //MoreAbout
        fixBox("18",null); // Comments
        fixBox("10",null); //Media Box

}

function fixBox(boxID,set) {
//by xavierkym

//set "CUSTOM" | null
//if "CUSTOM" set your settings in the function below
/* Available default boxID
RIGHT BOXES
        0 = controlpanel
        1 = photos
        13 = blogs
        12 = reviews
        6 = moreabout
        18 = publiccomments
        10 = scrapbook
*/
    var box;
    box = parent.document.getElementById(boxID);
       if (set == null) {
                box.style.position = "relative";
              box.style.overflow = "auto";
            box.style.overflowX = "hidden";
          box.style.left = "160px";
        box.style.width = "490px";
    }
       else if (set == "CUSTOM") {
                box.style.position = "relative";
              box.style.overflow = "hidden";
          box.style.left = "160px";
        box.style.width = "490px";
    }
}

After that, you can now transfer your Right side boxes to the center using the centerBox function..

Code:

if (!attachOnLoadHandler(function(){rightBoxes()})) window.onload = function(){rightBoxes()};
function rightBoxes() {

        centerBox("2","13","DOWN",null); //Friends below Blogs
        centerBox("7","10","UP",null); //Fanof above Media Box
        centerBox("8","18","DOWN",null); //Groups below Comments
        centerBox("15","0","UP",null); //Mettrail above CPanel

}


function centerBox(boxID,sibling,insert,set) {
//by xavierkym

//insert "UP" | "DOWN"
//set default is =  null
/* Available default boxID
RIGHT BOXES
        15 = meettrail
        2 = friends
        14 = googleads
        7 = fan
        8 = groups

    Available default sibling
LEFT BOXES
        0 = controlpanel
        1 = photos
        13 = blogs
        12 = reviews
        6 = moreabout
        18 = publiccomments
        10 = scrapbook
*/
        var baseID; var cNode; var module; var box;
      baseID = document.getElementById(sibling);
         cNode = baseID.parentNode;
          module = document.getElementById(boxID);
             box = parent.document.getElementById(boxID);
         if (set == null) {
                 box.style.position = "relative";
                  box.style.overflow = "auto";
                   box.style.overflowX = "hidden";
                    box.style.left = "160px";
                     box.style.width = "490px";
                 }
         if (insert == "UP") {
                 cNode.parentNode.insertBefore(module,cNode);
              }
         else if (insert == "DOWN") {
           cNode.appendChild(module);
      }
}

If you use the addBox function.. There is a simple trick so that it will also move to the center.. =) First get your box id.. for example: custombox_69

Adjust it using CSS. =D

Code:

#custombox_69 {
position: relative;
left: 160px!important;
overflow: auto;
width: 490px
}

:)
If you don't know what I'm talking about.. Just view this Preview.


Browser Compatible: IExplorer6+ , FireFox2+, Opera 8+
Screen Resolution: Best in 1024 X 768  or 1280 X 1024

ENJOY! :penguin:

Last edited by xavierkym (2008-01-21 19:19:47)
 

#2  2008-01-19 03:53:55

lilprincess950
» FriendsterFreak
lilprincess950's display avatar
› I'm sweet like a sweetart
› Artwork 101
Location: In your heart...
Registered: 2007-12-09
Posts: 1662
Reputation: 39
Friendster

Re: One Column Profile [Javacript]

1st to comment! :eh:
Thanks !I'll try on my test proffy.YOu got some good looking proffy and thanks for sharing! =)  :thumbsup:  =)

Last edited by lilprincess950 (2008-02-01 00:32:09)
 

#3  2008-01-19 03:57:35

bobcbar
» SuperFriendster
bobcbar's display avatar
› Wrist it finally better!
Location: Texas USA
Registered: 2007-04-08
Posts: 9073
Last visit: Today
Reputation: 236
Friendster

Re: One Column Profile [Javacript]

WOW..super looking profile and thanks so much for sharing :thumbsup:  +1 for sure :smoke:


Sorry but I only understand english

-Offline-
 

#4  2008-01-19 04:00:57

Lordheinz
» Banned
› ^ trashed
Registered: 2007-06-26
Posts: 5178
Last visit: 2008-09-11
Reputation: 242

Re: One Column Profile [Javacript]

Wan Cowum Pwofayl...nice trick buddy.... =)

Last edited by lordheinz (2008-01-19 04:01:33)

Thank you so much FRIENDSTERTALK...

-Offline-
 

#5  2008-01-19 04:03:37

kreela1522
» FriendsterNewbie
kreela1522's display avatar
› still me..
› Alchemy Explicit AE
Location: cavite
Registered: 2007-11-29
Posts: 44
Last visit: Today
Reputation: ~
Friendster

Re: One Column Profile [Javacript]

thanks for sharing... =) very nice.. :o



join hunkies

-Offline-
 

#6  2008-01-19 04:04:38

Shirow Masamune
» Moderator
Shirow Masamune's display avatar
› Malevolent Prince
› Class-S
Location: Castle Belphegor
Registered: 2007-07-26
Posts: 4413
Reputation: 203
Friendster

Re: One Column Profile [Javacript]

waakakak wan kowum pwofayl rocks hahahaha even it can cause the page to be long just have the scrolling box to minimize the height  :thumbsup:  nice nice epic win XD
 

#7  2008-01-19 04:08:22

Pupil®
» FriendsterTalker
Pupil®'s display avatar
› Juz a Pupil®
› Class X
Location: Leyte Ph
Registered: 2007-10-03
Posts: 161
Last visit: 2008-11-13
Reputation: 1
Friendster

Re: One Column Profile [Javacript]

nice! il try this one later :)


CSS Generator


Allow me to look at YOU! Just a pupil®.

-Offline-
 

#8  2008-01-19 04:23:40

john_619619
» FriendsterAgent
john_619619's display avatar
› 'kiss me
› Friendstertalk University
Registered: 2007-07-26
Posts: 2258
Last visit: Yesterday
Reputation: 28

Re: One Column Profile [Javacript]

tenx for sharing :wow:  :rose:

Cheers,
GM [ john_619619 ]

======================================================================
NO TRESPASSING: VIOLATORS WILL BE SHOT AND SURVIVORS WILL BE SHOT AGAIN.
======================================================================

-Offline-
 

#9  2008-01-19 04:30:41

babyzchen
» FriendsterAddict
babyzchen's display avatar
› iM.nOt.okAy!
› Friendstertalk University
Location: by.ur.side
Registered: 2007-09-05
Posts: 325
Last visit: Today
Reputation: 8
Friendster

Re: One Column Profile [Javacript]

nice ! =)

-Offline-
 

#10  2008-01-19 04:40:23

shakiro214
» FriendsterGeek
shakiro214's display avatar
› [ Captain Bravo ]
› Class-S
Location: al rescate~! >.<
Registered: 2007-08-12
Posts: 1387
Reputation: 100
Friendster

Re: One Column Profile [Javacript]

da pweview wooks gw8! :D :thumbsup: It kind of wooks wyk a bwog with 1 kowum or an ovaway :lol: wahehe
 

#11  2008-01-19 05:13:59

sadie
» FriendsterNewbie
sadie's display avatar
Location: place whre rain don't stop
Registered: 2007-06-01
Posts: 78
Last visit: 2008-11-16
Reputation: ~
Friendster

Re: One Column Profile [Javacript]

sir when i view ur preview i see dat all the boxes are overlap...

i dunno if its my pc's problem...

but thx agen for sharing

i try to laugh but evrytme i laugh my tears fell down!!

-Offline-
 

#12  2008-01-19 06:08:16

j0hnc3na
» FriendsterAddict
j0hnc3na's display avatar
› U Cant See Me!!!
Location: The Squared Circle
Registered: 2007-09-29
Posts: 377
Last visit: 2008-09-24
Reputation: 3
Friendster

Re: One Column Profile [Javacript]

cool script!!! :eh:



Read the rules or be WARNED...
much worst , be BANNED...

-Offline-
 

#13  2008-01-19 07:28:26

feruzz
» Retired Moderator
feruzz's display avatar
› X-Mod
› Class-S
Location: Malaysia
Registered: 2007-02-18
Posts: 8262
Reputation: 134
???

Re: One Column Profile [Javacript]

I'll try to make the simplified version
very nice effort bro  :)


sadie wrote:

sir when i view ur preview i see dat all the boxes are overlap...

i dunno if its my pc's problem...

but thx agen for sharing

I think he should remove the setTimeout and use onload handler

Last edited by feruzz (2008-01-19 07:29:40)
 

#14  2008-01-19 07:57:18

pipito21
» FriendsterManiac
pipito21's display avatar
› [PuNK.R0CK.ELiTE]
› Rockstars
Location: Sa baHAws!
Registered: 2007-06-03
Posts: 808
Last visit: Today
Reputation: 38
Friendster

Re: One Column Profile [Javacript]

it didn't work :crybaby:

my boxes just over laped!

one box on top of another :wasted:

wala kayo sa lOLO kO!!!

-Offline-
 

#15  2008-01-19 08:01:39

slashedkite
» FriendsterGeek
slashedkite's display avatar
› Former LS member..
› Friendstertalk University
Location: onloadhandler
Registered: 2007-01-23
Posts: 1075
Last visit: 2008-11-17
Reputation: 15
Friendster

Re: One Column Profile [Javacript]

oh i see..now i know how did you do that.. finally you posted it sir xavier..hehe!


:ninja::ninja:

-Offline-
 

#16  2008-01-19 08:27:56

mentalblock27
» FriendsterAddict
mentalblock27's display avatar
› </3
Location: NSW.
Registered: 2007-06-13
Posts: 457
Last visit: 2008-11-02
Reputation: ~
???

Re: One Column Profile [Javacript]

tnx for sharing this kewl trick  =)
just a question sir..can we arrange the boxes in order that we want?

R u one of us? :lol:

-Offline-
 

#17  2008-01-19 08:42:27

slashedkite
» FriendsterGeek
slashedkite's display avatar
› Former LS member..
› Friendstertalk University
Location: onloadhandler
Registered: 2007-01-23
Posts: 1075
Last visit: 2008-11-17
Reputation: 15
Friendster

Re: One Column Profile [Javacript]

^unfortunately dude, you cannot.. it is in the 1st post..

The fixBox function is used just to push your Left Side Boxes to the Center 
While the centerBox is used to bring the Right Side Boxes to the Center as well..
But you can set where you want the box to appear..


:ninja::ninja:

-Offline-
 

#18  2008-01-19 11:00:02

ejay_naloko
» FriendsterTalker
ejay_naloko's display avatar
› YM:ejay_naloko
Location: heLL
Registered: 2007-08-24
Posts: 162
Last visit: 2008-10-12
Reputation: -1
Friendster

Re: One Column Profile [Javacript]

`w0w nice preview...it's okay to mask it?

this is my only signature ---> `

                                                                                                         

-Offline-
 

#19  2008-01-19 11:00:08

mentalblock27
» FriendsterAddict
mentalblock27's display avatar
› </3
Location: NSW.
Registered: 2007-06-13
Posts: 457
Last visit: 2008-11-02
Reputation: ~
???

Re: One Column Profile [Javacript]

@ slashedkite maybe we can?.for ex. media box on top of photo gallery box something like that?

But you can set where you want the box to appear..

Last edited by mentalblock27 (2008-01-19 11:00:46)

R u one of us? :lol:

-Offline-
 

#20  2008-01-19 11:43:57

cremonti
» Banned
cremonti's display avatar
› I'M BANNED MYSELF!
Location: hiding somewhere
Registered: 2007-04-16
Posts: 2062
Reputation: 37
???

Re: One Column Profile [Javacript]

thx for sharing ..
love this trick ..

:thumbsup:
 

 

Pages: 1 2 3 … 7

Search Friendstertalk

Board footer

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

[ 28 queries - 5.788 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. =)