friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2 3

 

#1  2008-09-29 12:58:19

leekmeup
 fred
leekmeup's display avatar
» FriendsterNewbie
Location: Caloocan, Manila
Registered: 2008-08-19
Posts: 12
Last visit: 2008-10-30
Reputation: 2
Friendster

How to Personalized your COMMONBOXES BOX

PREVIEW:


1st >> design your BOX using PHOTOSHOP :
RIGHT-SIDE BOX:


LEFT-SIDE BOX:


2nd >> UPLOAD ur BOX....

3rd >> CSS CODE:

Code:

/* PERSONALIZED BOX */
.rtd{
position: "RELATIVE/ABSOLUTE";
top: "TOP POSITION";
left: "LEFT POSITION";
width: "YOUR BOX WIDTH";
height: YOUR BOX HEIGHT";
padding-top: "BOX CONTENT SPACE TOP";
padding-left: "BOX CONTENT SPACE LEFT";
background-color: transparent;
background-image: url( YOUR IMAGE HERE )!important;
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
}

/* BOX CONTENT */
.rtd ul{
width: "BOX CONTENT WIDTH" ;
height: "BOX CONTENT HEIGHT";
margin-right: "BOX RIGHT MARGIN";
overflow-y: auto;
overflow-x: hidden;
background: "COLOR" url();
}

/* COMMONBOX RESET - IMPORTANT */
.rtd .commonbox div ul{
position: auto;
top: auto;
left: auto;
margin: auto auto auto auto;
padding: auto auto auto auto;
height: auto;
width: auto;
background: auto;
border: auto;
text-align: auto;
}

/* COMMONBOX */
.rtd .commonbox{
width: "COMMONBOX WIDTH";
padding: 0 0 0 0;
margin: auto 0px auto 0px;
text-align: center;
overflow-y: none;
overflow-x: none;
}

NOTE: .rtd is for the "RIGHT SIDE BOX" it can also apply on the "LEFT SIDE BOX(.ltd)" just change .rtd to .ltd =)

Last edited by leekmeup (2008-09-30 11:31:01)

-Offline-
 

#2  2008-10-01 01:36:07

marius
 Marius
marius's display avatar
» FriendsterAddict
› nurse here...
› Eighties Rewind
Location: Imus Cavite
Registered: 2008-09-25
Posts: 300
Last visit: 2009-01-07
Reputation: 47
Friendster

Re: How to Personalized your COMMONBOXES BOX

first 2 comment..

dis is gud thanks for sharing!!

+1



-Offline-
 

#3  2008-10-01 02:44:21

candy26
 kyoei
candy26's display avatar
» FriendsterTalker
› hapEe.. :))
› Skyline
Location: philippines
Registered: 2008-05-27
Posts: 288
Last visit: 2009-01-04
Reputation: 5

Re: How to Personalized your COMMONBOXES BOX

dats cool.. :thumbsup: thanks for sharing..
btw,wats da size u used in making the box?

-Offline-
 

#4  2008-10-04 12:51:54

ewenessgALLore
 jefer karr
ewenessgALLore's display avatar
» FriendsterGeek
› why I can`t LET yOu go?!.
Registered: 2007-11-17
Posts: 1288
Last visit: Yesterday
Reputation: 19
Friendster

Re: How to Personalized your COMMONBOXES BOX

cool!
thanks for sharing..
imma use this one later!

-Offline-
 

#5  2008-10-04 13:11:00

amaine_cute
 charmaine
amaine_cute's display avatar
» FriendsterTalker
› beauty is in the inside
Location: cebu
Registered: 2008-01-27
Posts: 235
Last visit: 2008-11-18
Reputation: 5
Friendster

Re: How to Personalized your COMMONBOXES BOX

woooooo.cool nice trick for newbie..thanks for sharing.keep up the good work :D


------dont judge me by my looks but look inside of me and you 
                    will see the true me------------

-Offline-
 

#6  2008-10-07 14:21:59

xhammy
 mara
xhammy's display avatar
» FriendsterNewbie
› hihihih
Location: caloOcan
Registered: 2008-09-30
Posts: 6
Last visit: 2008-12-06
Reputation: ~

Re: How to Personalized your COMMONBOXES BOX

wiiiee.. galing.. teka.. wat size puh??

-Offline-
 

#7  2008-10-07 14:36:46

kacang`z
 Hasan Abdillah
kacang`z's display avatar
» Promoter
› System of a down
› System Of a Down
Location: Gresik City
Registered: 2008-04-22
Posts: 3672
Reputation: 132
Friendster

Re: How to Personalized your COMMONBOXES BOX

its cool.....
thanks for sharing.. :thumbsup:

Visit  Forum
 

#8  2008-10-07 17:07:33

bobcbar
 Bob
bobcbar's display avatar
» SuperFriendster
› Gee Back to Work
Location: Texas USA
Registered: 2007-04-08
Posts: 9888
Reputation: 292
Friendster

Re: How to Personalized your COMMONBOXES BOX

xhammy wrote:

wiiiee.. galing.. teka.. wat size puh

Please... english in required to be used in the forum except in regional boards.  =)
 

#9  2008-10-07 23:21:01

hideki04
 Hideki
» FriendsterNewbie
› Criticall Ashamed
Location: E:\system\apps
Registered: 2008-09-27
Posts: 45
Last visit: 2009-01-05
Reputation: ~
Friendster

Re: How to Personalized your COMMONBOXES BOX

Thanks bro.Yeah. Tis was cool. I like it. Uhm. I dont have photoshop,however can you provide us certain premadE boxes please?

Love cannot be created nor destroyed,
it can only be transferred from one person to anOther

-Offline-
 

#10  2008-10-08 03:13:36

CaRTeNz
 [(¯`•.¸¸.»oOo«.¸¸.•´¯)]
CaRTeNz's display avatar
» FriendsterNewbie
› KiRoRo I'm iN LuV
Location: Indonesiaku Indah
Registered: 2008-10-06
Posts: 6
Last visit: 2008-12-18
Reputation: ~

Re: How to Personalized your COMMONBOXES BOX

Cool... :thumbsup: Keep it up,,,

But i have 1 question, how to make our PERSONALIZED BOX in 1 column only

I mean all of boxes are on center position not on .rtd or .ltd

Is it possible to make it :question:

Thx b4 for the answer


Our Greatest Glory Isn't In Never Falling, But In Rising Up Everytime We Fall

-Offline-
 

#11  2008-10-08 03:42:07

darksoulsilent
 Rose
darksoulsilent's display avatar
» FriendsterNewbie
› »One World One Dream«
Location: USA
Registered: 2008-04-09
Posts: 83
Last visit: 2008-12-27
Reputation: 2

Re: How to Personalized your COMMONBOXES BOX

weeee this is awesome another trick again my own site..thank you :)



                             
                                 :rose:»One World One Dream«:rose:


-Offline-
 

#12  2008-10-08 04:17:42

slashedkite
 Jonathan Plaza Serrano
slashedkite's display avatar
» FriendsterGeek
› Former LS member..
› Friendstertalk University
Location: onloadhandler
Registered: 2007-01-23
Posts: 1092
Last visit: 2009-01-07
Reputation: 16
Friendster

Re: How to Personalized your COMMONBOXES BOX

wow!:o nice sharing this.. finally, someone shared it to us.. hahaha! :lol:


:ninja::ninja:

-Offline-
 

#13  2008-10-08 11:21:23

.papi
 Eric
.papi's display avatar
» FriendsterManiac
› lonely till saturday c",)
› Friendstertalk University
Location: fate and sorrow
Registered: 2008-05-29
Posts: 670
Last visit: 2009-01-06
Reputation: 13

Re: How to Personalized your COMMONBOXES BOX

nyc tutorial.. :D



im reborn..

-Offline-
 

#14  2008-10-08 11:45:48

lalalalalalala
 Meg
lalalalalalala's display avatar
» FriendsterAddict
› Tabi-tabi po...
› Rockstars
Location: Taguig
Registered: 2008-10-02
Posts: 476
Last visit: 2009-01-04
Reputation: 18
Friendster

Re: How to Personalized your COMMONBOXES BOX

I've been looking for this thread. Thank you!

-Offline-
 

#15  2008-10-08 21:31:04

nokiamusicexpress
 goodboyrave
nokiamusicexpress's display avatar
» FriendsterTalker
› wealth is my health
Location: devil beside me
Registered: 2008-09-26
Posts: 203
Last visit: Yesterday
Reputation: 6
Friendster

Re: How to Personalized your COMMONBOXES BOX

where will i put these codes?

music is my religion-fashion is my politics-wealth is my health

-Offline-
 

#16  2008-10-09 00:28:35

bobcbar
 Bob
bobcbar's display avatar
» SuperFriendster
› Gee Back to Work
Location: Texas USA
Registered: 2007-04-08
Posts: 9888
Reputation: 292
Friendster

Re: How to Personalized your COMMONBOXES BOX

You need an external css file and use the css linker to apply it to ur profile.

More info on creating the file is here...http://friendstertalk.com/t42823-Making…es%29.html
 

#17  2008-10-09 10:06:51

nokiamusicexpress
 goodboyrave
nokiamusicexpress's display avatar
» FriendsterTalker
› wealth is my health
Location: devil beside me
Registered: 2008-09-26
Posts: 203
Last visit: Yesterday
Reputation: 6
Friendster

Re: How to Personalized your COMMONBOXES BOX

bobcbar wrote:

You need an external css file and use the css linker to apply it to ur profile.

More info on creating the file is here...http://friendstertalk.com/t42823-Making … es%29.html

thanks but what is the format of the box? is it just a jpeg which looks like a box or what?

music is my religion-fashion is my politics-wealth is my health

-Offline-
 

#18  2008-10-09 14:44:16

leekmeup
 fred
leekmeup's display avatar
» FriendsterNewbie
Location: Caloocan, Manila
Registered: 2008-08-19
Posts: 12
Last visit: 2008-10-30
Reputation: 2
Friendster

Re: How to Personalized your COMMONBOXES BOX

Thank you all for the all comments... :)

the image_box are in gif format...
it's center are transparent...

it is my design...

if you want to use my box here are the complete code:

Code:

/**************************
 LEFT SIDE BOX : by leekmeup
**************************/
.ltd{
width: 495px;
height: 488px;
padding-top: 54px;
padding-left: 20px;
background-color: transparent;
background-image: url(http://i510.photobucket.com/albums/s346/leekmeup1/Border_Box3.gif);
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
}
.ltd ul{
width: 454px;
height: 400px;
margin-right: 40px;
overflow-y: auto;
overflow-x: auto;
background: transparent url() center center repeat;
}
.ltd .commonbox div ul{
position: auto;
top: auto;
left: auto;
margin: auto auto auto auto;
padding: auto auto auto auto;
height: auto;
width: auto;
background: auto;
border: auto;
text-align: auto;
}
.ltd .commonbox{
position: relative;
top: 0px;
width: 430px;
padding: 0 0 20px 0;
margin: auto 0px auto 0px;
text-align: center;
overflow-y: none;
overflow-x: auto;
}

/****************************
 RIGHT_SIDE BOX : by leekmeup
****************************/
.rtd{
position: relative;
left: 10px;
width: 160px;
height: 200px;
padding-top: 22px;
padding-left: 20px;
margin-right: 20px;
background-color: transparent;
background-image: url(http://i510.photobucket.com/albums/s346/leekmeup1/Border_Box2.gif)!important;
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
}
.rtd ul{
width: 122px;
height: 132px;
margin-right: 40px;
overflow-y: auto;
overflow-x: hidden;
background: transparent url() center center repeat;
}
.rtd .commonbox div ul{
position: auto;
top: auto;
left: auto;
margin: auto auto auto auto;
padding: auto auto auto auto;
height: auto;
width: auto;
background: auto;
border: auto;
text-align: auto;
}
.rtd .commonbox{
position: relative;
top: 0px;
left: -12px;
width: 132px;
padding: 0 0 0 0;
margin: auto 0px auto 0px;
text-align: center;
overflow-y: none;
overflow-x: none;
}
#content_2 .boxcontent{
padding-left: 20px!important;
padding-right: 5px!important;
}

add this codes to your external CSS commonboxes...

thank you..

-Offline-
 

#19  2008-10-10 01:47:24

zidrockz
» FriendsterNewbie
Registered: 2008-10-10
Posts: 1
Last visit: 2008-11-09
Reputation: ~

Re: How to Personalized your COMMONBOXES BOX

how about if u want to edit also your photo's,more about,testimonials and media box..... thankz for sharing =)

-Offline-
 

#20  2008-10-10 02:13:47

bobcbar
 Bob
bobcbar's display avatar
» SuperFriendster
› Gee Back to Work
Location: Texas USA
Registered: 2007-04-08
Posts: 9888
Reputation: 292
Friendster

Re: How to Personalized your COMMONBOXES BOX

zidrockz wrote:

how about if u want to edit also your photo's,more about,testimonials and media box..... thankz for sharing

Check this link for more codes...http://friendstertalk.com/t7694-Complet…es%21.html
 

 

Pages: 1 2 3

Search Friendstertalk

Board footer

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

[ 8 queries - 0.067 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. =)