#1 2007-10-19 01:46:15
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)
|
#3 2007-10-19 01:56:22
- AnimE_GuL
- AnimE GuL
- » FTalkAddict
♥^omigosh^♥
Alchemy Explicit AE
earth
351
3
2009-10-05- Website
Re: Friendster Div ID/Class
tnx tnx tnx tnx!!
you really a hightech knowlege one!
a 1 good repu to you! :gift:
serve's u ayt!
|
#4 2007-10-19 01:57:43
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
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)
|
#7 2007-10-19 02:05:18
- Shirow Masamune
- » Former Moderator
- Derp.
- Exelica
- 4600
- 264
- Website
Re: Friendster Div ID/Class
umm xav where's the div id for review huhuuh 
|
#8 2007-10-19 02:05:29
- Barbz
- » n00b
- 20
- 0
- 2007-10-23
Re: Friendster Div ID/Class
help me.. 
my layout codes aren't working. everything is missing. 
anyone, help me!
|
#9 2007-10-19 02:06:29
- silentemofreak
- » FTalker
- -EMO met Panda
- 234
- 1
- 2009-12-24
- Website
Re: Friendster Div ID/Class
Wow really fast kuya, I was just about to post these codes lols 
Anyways thanks! ![;]](img/smilies/wink.gif)
|
#11 2007-10-19 02:11:19
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)
|
#12 2007-10-19 02:12:25
- silentemofreak
- » FTalker
- -EMO met Panda
- 234
- 1
- 2009-12-24
- Website
|
#13 2007-10-19 02:14:09
- lei9182
- » FTalkManiac
- ♥ i am just me ♥
- Alchemy Explicit AE
- ♥ Bxu Sitti ♥
- 753
- 4
- Yesterday
- Website
Re: Friendster Div ID/Class
if i edit my css in ripway??? will it be affected with the update???
|
#16 2007-10-19 02:19:16
- AnimE_GuL
- AnimE GuL
- » FTalkAddict
- ♥^omigosh^♥
- Alchemy Explicit AE
- earth
- 351
- 3
- 2009-10-05
- Website
Re: Friendster Div ID/Class
lei9182 wrote:
if i edit my css in ripway??? will it be affected with the update???
that'z what i am doin' if FS is updating...
juz like now...
|
#17 2007-10-19 02:19:26
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)
|
#18 2007-10-19 02:21:54
- Barbz
- » n00b
- 20
- 0
- 2007-10-23
Re: Friendster Div ID/Class
how about page background and master boxes??
|
#19 2007-10-19 02:22:45
- lei9182
- » FTalkManiac
- ♥ i am just me ♥
- Alchemy Explicit AE
- ♥ Bxu Sitti ♥
- 753
- 4
- Yesterday
- Website
Re: Friendster Div ID/Class
ah i see... your tweaks will be affected if you edit it in your profile ryt???
|
#20 2007-10-19 02:25:21
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);
}
|