friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

#41  2007-05-29 14:26:11

gem
» FriendsterNewbie
gem's display avatar
"that's d irony there"
Location: valencia city
Registered: 2007-05-27
Posts: 77
Last visit: 2008-11-18
Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

i tried the code..and it worked..except the testimonial box,it didnt move... :crybaby: help please..


#42  2007-05-29 15:42:41

johnz_punksz21
» FriendsterGeek
johnz_punksz21's display avatar
Im The 4th Kira..>.<
Location: TaCLoBaN
Registered: 2007-05-07
Posts: 1332
Last visit: 2008-08-26
Reputation: 2

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

can compile all the codes in one file? :paranoid:


#43  2007-05-29 15:44:47

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

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

johnz_punksz21 wrote:

can compile all the codes in one file? :paranoid:

sure...why not? :eh:  :eh:  :eh:

#44  2007-05-29 15:48:35

johnz_punksz21
» FriendsterGeek
johnz_punksz21's display avatar
Im The 4th Kira..>.<
Location: TaCLoBaN
Registered: 2007-05-07
Posts: 1332
Last visit: 2008-08-26
Reputation: 2

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

ah ok thanksz kuya feruzz =)


hnm.....kuya ephe can tell me what is the right number of px?
for these?

buttom==>number of px here..

right===>

left====>

top====>


i kinda dont know what is the right number......


Last edited by johnz_punksz21 (2007-05-29 15:49:08)


#45  2007-06-02 04:51:06

wawabear
» FriendsterNewbie
wawabear's display avatar
Location: Calamba City
Registered: 2007-05-12
Posts: 44
Last visit: 2008-08-13
Reputation: ~
Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

I tried this code and it worked I only centered my controlpanel while placed my friends box below

Code:

/* CONTROL PANEL: BOX */
.controlpanel {
  position: relative;
  left: 30%;
}

but i still don't know if there'd be any side effects i hope not! :paranoid:

Code:

/* BOX: MY FRIENDS */
.friends {
  position:relative;top:570px;
}

Last edited by wawabear (2007-06-02 04:51:57)


#46  2007-06-04 11:22:30

kristian1994
» FriendsterNewbie
Registered: 2007-06-04
Posts: 1
Last visit: 2007-06-04
Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

:)  =)

#47  2007-06-10 03:12:59

shikigame
» FriendsterNewbie
Registered: 2007-06-10
Posts: 2
Last visit: 2007-06-10
Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

sorry for being dense but if i may ask where do i paste those codes?

#48  2007-06-10 03:16:53

Ephemeral
» Moderator
Ephemeral's display avatar
L'Interdit
Class-S
Location: Perdido Paraíso
Registered: 2006-10-20
Posts: 10253
Reputation: 281
Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Check this thread out so you will know how to apply.

:arrow: http://friendstertalk.com/t1879-save-ex…te....html

Use the idea on that thread  :eh:


#49  2007-06-11 17:35:53

mackoi_07
» FriendsterNewbie
mackoi_07's display avatar
Location: usa,california
Registered: 2007-06-07
Posts: 72
Last visit: 2007-09-29
Reputation: ~
Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

uhm, yah, du u hav codes po for the media box? im kindah noob here. :(  wer du i posts dis code?


<center>
hated by MANY,
loved by FEW,
Respected by ALL. . .

#50  2007-06-15 18:57:14

annezthotfull
» FriendsterNewbie
Registered: 2007-06-15
Posts: 4
Last visit: 2008-02-20
Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

hi.. uhmm.. i think itz kinda complcted for me.. can you pls help me?? ;) i kinda wanted the positioning just like yours.. ppllsss.. :paranoid:  tnx in advnce nweiz..

#51  2007-06-16 04:51:04

eykalsyamim
» Retired Moderator
eykalsyamim's display avatar
On holiday!! Two months..
Class-S
Location: Malaysia
Registered: 2007-01-24
Posts: 5306
Reputation: 13
Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

annezthotfull wrote:

hi.. uhmm.. i think itz kinda complcted for me.. can you pls help me?? ;) i kinda wanted the positioning just like yours.. ppllsss.. :paranoid:  tnx in advnce nweiz..

just follow the 1st post..i think it's complete already..you can undstand it..  :D


I'm a newbie..

Compiling javascripts in one file Click Here
Complete Compilation of CSS Codes! Click Here

#52  2007-07-03 05:34:14

ladyjean
» FriendsterNewbie
Registered: 2007-06-24
Posts: 27
Last visit: 2007-10-18
Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Ephemeral wrote:

Note: You will have to use CSS extension for this.

-Pick a box you want to move, just pick from the codes below.

Control Panel

Code:

.controlpanel {
}

Photos

Code:

.photos {
}

Friends

Code:

.friends {
}

Groups

Code:

.groups {
}

Testimonials

Code:

.testimonials {
}

Publick Comments

Code:

.publiccomments {
}

Scrapbook

Code:

.scrapbook {
}

Fan of

Code:

.fanof {
}

My Fans

Code:

.myfans {
}

Reviews

Code:

.reviews {
}

Blogs

Code:

.blogs {
}

Then paste the code below in the middle of the { and } of the code

Code:

float: left !important; position:relative;??????:??px;

Example.

Code:

.photos { float: left !important; position:relative;??????:???px;
}

-After doing the said above change the ?????? with your position.

Position Properties.

Left

Right

Top

Bottom

-After the input of the position change ??? on the code to change the px. Changing the px helps move the box to the position you want depending what relative position you used.

Example.

Code:

.photos { float: left !important; position:relative;left:600px;
}

px Properties.

1 to 5500

-----------

I know this is kinda complicated for others but very rewarding if you managed. you can make you page look like overlay if you fixed it.

Click the link below to see the idea.

http://www.friendster.com/35231028

As you can see I moved the friends box all way to the left using the tricks above.

Hope you get the tutorial.

Also the properties mentioned above is a basic in positioning div layers in html.

Is there anything wrong with this code? I just viewed your profile, but your friends box is still there, it's not moved :-( :-( :-(

#53  2007-07-03 06:53:27

kaguyakim05
» FriendsterNewbie
kaguyakim05's display avatar
Registered: 2007-07-01
Posts: 15
Last visit: 2007-10-02
Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

I don't quite get how to use this one kuya, paturo nmn oh...  =|


Don't Judge a book, Read it!

#54  2007-07-03 08:28:01

loolo
» FriendsterTalker
loolo's display avatar
What???
Location: Pardon???
Registered: 2007-06-16
Posts: 254
Last visit: 2008-11-29
Reputation: ~
Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

cool,let me try it^^


#55  2007-07-12 06:09:30

cherrylovelu
» FriendsterTalker
cherrylovelu's display avatar
Registered: 2007-01-19
Posts: 121
Last visit: 2008-07-28
Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Nice.  =)     another info i definitely wanted to try and learn from it.    :thumbsup:



Beauty Is In The Eyes Of The Beholder

#56  2007-07-12 06:20:12

Ephemeral
» Moderator
Ephemeral's display avatar
L'Interdit
Class-S
Location: Perdido Paraíso
Registered: 2006-10-20
Posts: 10253
Reputation: 281
Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Updated 1st post will work on Firefox too and more specific areas.  =)


#57  2007-07-12 07:38:44

diabolicious
» FriendsterGeek
diabolicious's display avatar
EPIC
Location: South East Asia
Registered: 2007-06-23
Posts: 1299
Last visit: 2008-11-05
Reputation: 21
Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

eRm.. its very frustrating i should need to refresh my page once in a while
and edit again :smoke:


#58  2007-07-13 02:15:15

mohamad5415
» FriendsterNewbie
mohamad5415's display avatar
Location: Malaysia
Registered: 2007-07-09
Posts: 10
Last visit: 2008-04-20
Reputation: ~
Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

how to create external css code? need help plz


:angry::angry::angry: Never Underestimate The Power Of The Human Brain =D =D =D

#59  2007-07-21 23:38:09

TA Juleigtin Siahaan
» Moderator
TA Juleigtin Siahaan's display avatar
«•ºAyano Shiratoriº•»
Class X
Location: C:\^Serayu Valley^
Registered: 2007-01-12
Posts: 4594
Reputation: 146
Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Ephemeral wrote:

Updated 1st post will work on Firefox too and more specific areas.  =)

wew.. :D  :D

Good job Ephe^.. =)  :cool:  :P

Thanks for updating the codes so that they'll work in FF.. :P  :cool:

#60  2007-07-25 09:14:58

gLadixia
» FriendsterNewbie
gLadixia's display avatar
headLess?
Location: ..bikini bottom...
Registered: 2007-06-24
Posts: 55
Last visit: 2007-11-30
Reputation: ~
Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

cool.. tnx alot..  :)



simple..

Search Friendstertalk

Board footer

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

[ 29 queries - 0.533 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. =)