friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2 3 … 15

Topic closed

Cascading Style Sheets
» Friendster Div ID/Class

#1 2007-10-19 01:46:15

xavierkym: ^{Xavier Kym M. Guillen}; » Retired Moderator; › The Sinister; › Class-S; Location: London, England; Registered: 2007-06-10; Posts: 5371; Reputation: 137; Friendster

Friendster Div ID/Class

Friendster Div IDs

/*-- Control Panel --*/
0

/*-- Photo Gallery --*/
1

/*-- Featured Friends--*/
2

/*-- More About --*/
6

/*-- Fan of Box --*/
7

/*-- Groups --*/
8

/*-- Media Box --*/
10

/*-- Reviews --*/
12

/*-- Blogs --*/
13

/*-- Google Ads--*/
14

/*-- Meettrail Box--*/
15

/*-- Testi & Comments*--/
18

For editing the contents.. use CSS..

These are the div ids which works but only for content boxes..
CSS :

/*-- Control Panel --*/
content_0

/*-- Photo Gallery --*/
content_1

/*-- Featured Friends--*/
content_2

/*-- More About --*/
content_6

/*-- Fan of Box --*/
content_7

/*-- Groups --*/
content_8

/*-- Media Box --*/
content_10

/*-- Reviews --*/
content_12

/*-- Blogs --*/
content_13

/*-- Google Ads--*/
content_14

/*-- Meettrail Box--*/
content_15

/*-- Testi & Comments*--/
content_18

To use this:

as a css.. put a hash sign before it and place the css properties you want.. sample:

Code:

/*-- Change Font color in Control Panel --*/
#content_0 { color: #ffffff;}

For Friendster Div Classes:

/*-- Control Panel --*/
.controlpanel

/*-- Photo Gallery --*/
.photos

/*-- Featured Friends--*/
.friends

/*-- More About --*/
.moreabout

/*-- Fan of Box --*/
.fanof

/*-- Groups --*/
.groups

/*-- Media Box --*/
.scrapbook

/*-- Reviews --*/
.reviews

/*-- Blogs --*/
.blogs

/*-- Meettrail Box--*/
.meettrail

/*-- Testi & Comments*--/
.publiccomments

Tip: do not use..

Code:

/*-- Customize ControlPanel --*/
#0 { background: #000000; overflow-Y: auto; height: 100px}

why? because CSS for w3c do not accept div ids with number only..(i think so..)

instead use.. the div class.. so it will be compatible for IE, FF, Opera, Safari.)

Code:

/*-- Customize ControlPanel --*/
.controlpanel { background: #000000; overflow-Y: auto; height: 100px}

Last edited by xavierkym (2007-10-25 01:40:03)

#2 2007-10-19 01:55:39

uolessej: ^jesselou; » FriendsterManiac; › im way too cool for you; Location: in my world; Registered: 2007-08-28; Posts: 649; Last visit: 2008-12-12; Reputation: 7; Friendster

Re: Friendster Div ID/Class

wooh, thanks xavier!

-Offline-

#3 2007-10-19 01:56:22

AnimE_GuL: ^{AnimE GuL}; » FriendsterAddict; › ♥^omigosh^♥; › Alchemy Explicit AE; Location: earth; Registered: 2007-09-25; Posts: 351; Last visit: 2009-01-06; Reputation: 2; Friendster

Re: Friendster Div ID/Class

waaaaaaaahhhh!!!
tnx tnx tnx tnx!!
you really a hightech knowlege one!
a 1 good repu to you!
serve's u ayt!

-Offline-

#4 2007-10-19 01:57:43

xavierkym: ^{Xavier Kym M. Guillen}; » Retired Moderator; › The Sinister; › Class-S; Location: London, England; Registered: 2007-06-10; Posts: 5371; Reputation: 137; Friendster

Re: Friendster Div ID/Class

anyway.. did u check it in IE guys??? haha.. im not sure if it works in IE 7.. but im sure in IE 6.. it wont..

edited:

checked in Opera 9.4 its PERFECT.
checked in FF2+ working great

Last edited by xavierkym (2007-10-19 02:07:22)

#5 2007-10-19 02:01:19

allvinn: ^{Lvin Cañete}; » FriendsterTalker; Location: Bacolod City; Registered: 2007-08-27; Posts: 279; Last visit: 2008-12-21; Reputation: -1; Friendster

Re: Friendster Div ID/Class

^
I'm using MSIE 6, and it does work! I think Ordinary CSS codes will work on all browsers

Nice nice, but the div ids of the navigation, sub navigations, footers... didn't changed? just the main and side boxes?

Friendster is doing their best to overide our codes hahahaahah....
Just wondering... I tried to view-source my Profile and I noticed that their javascript codes uses javascript1.3 as a script language... what does that mean? hahaha

<script language="Javascript1.3" type="text/javascript">
js codes here
</script>

Thnx kim!

Last edited by allvinn (2007-10-19 02:02:41)

♠Friendster Profile♠
♠Blog♠

-Offline-

#6 2007-10-19 02:01:36

Angeli_7: » FriendsterGeek; › Rockstars; Registered: 2007-09-30; Posts: 1374; Reputation: 147

Re: Friendster Div ID/Class

how do you use the new addbox js code? where do you paste it?

★ Ich bin zurück, um Ihr Leben eine lebende Hölle zu machen ★

#7 2007-10-19 02:05:18

Shirow Masamune: ^{Charles Vi Britannia XVII}; » Moderator; › The Irony of Fate; › Class-S; Location: Castle Belphegor; Registered: 2007-07-26; Posts: 4462; Reputation: 227; Friendster

Re: Friendster Div ID/Class

umm xav where's the div id for review huhuuh

Randum YM Messages :3

#8 2007-10-19 02:05:29

Barbz: » FriendsterNewbie; Registered: 2007-10-18; Posts: 20; Last visit: 2007-10-23; Reputation: ~

Re: Friendster Div ID/Class

help me.. my layout codes aren't working. everything is missing. anyone, help me!

-Offline-

#9 2007-10-19 02:06:29

silentemofreak: » FriendsterTalker; › -EMO met Panda; Registered: 2007-05-24; Posts: 232; Last visit: 2008-12-20; Reputation: 1; Friendster

Re: Friendster Div ID/Class

Wow really fast kuya, I was just about to post these codes lols
Anyways thanks!

♣My Blog♣

-Offline-

#10 2007-10-19 02:09:10

xavierkym: ^{Xavier Kym M. Guillen}; » Retired Moderator; › The Sinister; › Class-S; Location: London, England; Registered: 2007-06-10; Posts: 5371; Reputation: 137; Friendster

Re: Friendster Div ID/Class

lolerz.. i forgot the reviews... here it is:

/*-- Reviews --*/
content_12

#11 2007-10-19 02:11:19

allvinn: ^{Lvin Cañete}; » FriendsterTalker; Location: Bacolod City; Registered: 2007-08-27; Posts: 279; Last visit: 2008-12-21; Reputation: -1; Friendster

Re: Friendster Div ID/Class

But there's something bothering me.... I'm using this code:

/* MOVE MEDIA BOX */
#content_10 {
position: relative;
bottom: 1310px;
right: 407px;
}

.. to move my Media Box Section, acting as a sidebox, but it doesn't move the box, it just moves the CONTENT of the box.. get it?
Here:
the content (mp3 player) of my media box moved...

...but the box remains in place

I'm using pure css codes to tweak my profile to the max I'm tired of those JS codes hahaha

Last edited by allvinn (2007-10-19 02:16:51)

♠Friendster Profile♠
♠Blog♠

-Offline-

#12 2007-10-19 02:12:25

silentemofreak: » FriendsterTalker; › -EMO met Panda; Registered: 2007-05-24; Posts: 232; Last visit: 2008-12-20; Reputation: 1; Friendster

Re: Friendster Div ID/Class

Same here bro! Im using that kind of code too.. lols

♣My Blog♣

-Offline-

#13 2007-10-19 02:14:09

lei9182: » FriendsterManiac; › ♥ i am just me ♥; › Alchemy Explicit AE; Location: ♥ Bxu Sitti ♥; Registered: 2007-02-22; Posts: 747; Last visit: 2008-12-22; Reputation: 2; Friendster

Re: Friendster Div ID/Class

if i edit my css in ripway??? will it be affected with the update???

-Offline-

#14 2007-10-19 02:15:52

xavierkym: ^{Xavier Kym M. Guillen}; » Retired Moderator; › The Sinister; › Class-S; Location: London, England; Registered: 2007-06-10; Posts: 5371; Reputation: 137; Friendster

Re: Friendster Div ID/Class

it's really a bad idea to move the boxes using css..
because it will differ in different screen resolutions..

#15 2007-10-19 02:18:36

madz09: ^{mariedil anuales}; » FriendsterAddict; › ♥dangerouzz♂&#9829; Location: dReAmLand pAradisE; Registered: 2007-08-10; Posts: 537; Last visit: 2009-01-05; Reputation: 4; Friendster

Re: Friendster Div ID/Class

i love my IE6 codes works for me....doesn't that much headache..thanks xavier,ur a savior....hehehehe..it does rhyme though..

-Offline-

#16 2007-10-19 02:19:16

AnimE_GuL: ^{AnimE GuL}; » FriendsterAddict; › ♥^omigosh^♥; › Alchemy Explicit AE; Location: earth; Registered: 2007-09-25; Posts: 351; Last visit: 2009-01-06; Reputation: 2; Friendster

Re: Friendster Div ID/Class

lei9182 wrote:
if i edit my css in ripway??? will it be affected with the update???

^ hmmnnn... it won't...
that'z what i am doin' if FS is updating...
juz like now...

-Offline-

#17 2007-10-19 02:19:26

allvinn: ^{Lvin Cañete}; » FriendsterTalker; Location: Bacolod City; Registered: 2007-08-27; Posts: 279; Last visit: 2008-12-21; Reputation: -1; Friendster

Re: Friendster Div ID/Class

@xavierkym
I know that... hahaha everytime I move boxes, I make sure I view my profile from I different account, on different screen resolutions, aside from 1024x768.. and I've done many trial and errors to position and adjust my Media box to make it really look like a sidebox

Last edited by allvinn (2007-10-19 02:19:59)

♠Friendster Profile♠
♠Blog♠

-Offline-

#18 2007-10-19 02:21:54

Barbz: » FriendsterNewbie; Registered: 2007-10-18; Posts: 20; Last visit: 2007-10-23; Reputation: ~

Re: Friendster Div ID/Class

how about page background and master boxes??

-Offline-

#19 2007-10-19 02:22:45

lei9182: » FriendsterManiac; › ♥ i am just me ♥; › Alchemy Explicit AE; Location: ♥ Bxu Sitti ♥; Registered: 2007-02-22; Posts: 747; Last visit: 2008-12-22; Reputation: 2; Friendster

Re: Friendster Div ID/Class

ah i see... your tweaks will be affected if you edit it in your profile ryt???

-Offline-

#20 2007-10-19 02:25:21

allvinn: ^{Lvin Cañete}; » FriendsterTalker; Location: Bacolod City; Registered: 2007-08-27; Posts: 279; Last visit: 2008-12-21; Reputation: -1; Friendster

Re: Friendster Div ID/Class

@barbz

for the page background

body {
background-image: url(URL of YOUR IMAGE);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-color: transparent;
}

for the master boxes

.commonbox, .commonbox_noborder {
background: transparent ur(URL of YOUR IMAGE);
}
.evenrow {
background: transparent url(URL of YOUR IMAGE);
}

♠Friendster Profile♠
♠Blog♠

-Offline-

Topic closed

Pages: 1 2 3 … 15

Cascading Style Sheets
» Friendster Div ID/Class

Search Friendstertalk

Moderated by Ephemeral, Shirow Masamune, andHa, blurrycloud, dale, ducheszv, portuniecho

Board footer

[ 8 queries - 0.125 second ]

Pay Per Click Ads by

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