FriendsterTalk / CSS Styles for Auto Update Modules

#1 2008-01-22 05:21:04

eehjhay: » Moderator; › Cleaning mode, watch out!; › Class X; Location: Liverpool NSW AU; Registered: 2007-02-13; Posts: 4290; Last visit: Yesterday; Reputation: 109; Friendster

CSS Styles for Auto Update Modules

All CSS below are extracted from Friendster Original newuser.css file.
http://images.friendster.com/200708D/css/newuser.css

Question : How to insert the CSS?
Answer : Refer to below quote.

<head>
<title>......</title>
<style>
/* YOUR CSS HERE */
</style>
</head>

<body>
</body>
</html>

Insert your CSS in between <style> </style> tags. To replace the RED code.

Auto Update Control Panel [Module 0]

/* Control Panel Button just below the photo */
#content_0 #controlPanelButtons { width: 200px; margin-top: 3px; padding-bottom: 1px; }
#content_0 #controlPanelButtons li { display: inline; }
#content_0 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { width: 98px; text-align: center; float:left; display: inline; background: #D1E6E9; border: 1px solid #E6F1F3; margin: 0 -1px -1px 0; padding: 6px 0; }
#content_0 #controlPanelButtons a:hover { color: #FFFFFF; background: #17728F; }

/* Recent Updates Box */
#content_0 .user_tracker {width: 100%; background: white; border: 1px solid #c4c4c4; color:#555555; }
#content_0 .user_tracker ul li a, #content_0 .user_tracker ul li a:link, #content_0 .user_tracker ul li #content_0 a:active, #content_0 .user_tracker ul li a:hover, #content_0 .user_tracker ul li a:visited {margin-left: 5px; font-weight: bold; color: #17728F; }
#content_0 .user_tracker ul li i {margin-left: 5px; color: #555555; }

/* Main Photo */
#content_0 .imgblock200 { width: 200px; background: #FFFFFF; border: 1px solid #76B5C6; text-align: center; margin-bottom: 5px; }
#content_0 .imgblock200 img { margin: 0 auto; }

/* Shout Out */
.controlpanel .so, .minicontrolpanel .so { margin: 0 -20px 10px 0; width: 257px; position: relative; background:url(http://images.friendster.com/images/sot.gif) repeat-y top left; color: #17728F; font-weight: bold; }
.controlpanel .so a, .minicontrolpanel .so a { color: #FF4400; }
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutBox, .minicontrolpanel .so div#cpShoutoutEditBox { padding: 7px 7px 5px 7px; margin: 0; }
.controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutEditBox { display: none; }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:url(http://images.friendster.com/images/sol.gif) no-repeat; }
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:url(http://images.friendster.com/images/sob.gif) no-repeat; line-height: 0; font-size: 0; }

Auto Update Photos [Module 1]

/* Auto Update Photos */
/* Background of the photo */
#content_1 .flogridp .flogriditem { margin-right: 13px; width: 101px; height: 87px; background: url(http://images.friendster.com/images/pf.gif) no-repeat; }

/* Picture Size */
#content_1 .flogridp .ir { width: 93px; height: 73px; margin: 3px 0 0 4px; }
#content_1 .flogridp .ir img { margin: 0 auto; height: 73px; }

/* Display Photos ONLY Horizontally */
#content_1 .flogriditem{float: left; display: inline; margin-right: 17px; margin-bottom: 10px; }

Auto Update Blogs [Module 2]
credits to JE41 for blog html.

/* Display Style */
.blogs p { margin-bottom: 10px; margin: 0; padding: 0; }

/* Data Style */
.blogs ul.data li, ul.entries p { margin-bottom: 3px; }
.blogs ul.entries li { background: url(http://images.friendster.com/images/blue_arrow_rt.gif) no-repeat 0 2px; padding-left: 8px; margin-bottom: 5px; }
.entries { list-style: none;}

/* View All or Edit Link */
.blogs .commonbox .viewall, .commonbox .editlink { padding: 4px 11px; font-weight: bold; }
.blogs .commonbox .editlink { float: right; }

Auto Update More About Me [Module 6]

/* Global CSS */
.moreabout p {margin:0;padding:0;}

/* Data styles */
.moreabout p { margin-bottom: 10px; }
.moreabout ul.questions li { margin-bottom: 10px; list-style:none;}
.moreabout .q, .strong, .title { font-weight: bold; }

Auto Update Publiccomments/Testimonials [Module 18]

/* List Style */
#content_18 .data {list-style:none;}

/* Want to have friendster style of comments */
/* Add this */
#content_18 .evenrow { background-color: #F5F5F5; }

/* Picture Size */
#content_18 .imgblock75 { width: 75px; height: 75px; background: #FFFFFF; overflow: hidden; }
#content_18 .imgblock75 img { height: 75px; margin: 0 auto; }

Auto Update Friends [Module 8]

/* Auto Update Friends */
/* Picture Size */
#content_2 .flogrid75 .ir { width: 75px; height: 75px; }
#content_2 .flogrid75 .ir img { margin: 0 auto; height: 75px; }
/* Picture Holder Size*/
#content_2 .flogrid75 .flogriditem { width: 75px; }
/* Hiding of overflow pictures */
#content_2 .ir { background: #FFFFFF; text-align: center; overflow: hidden; }

/* Displays Friends ONLY Horizontally */
#content_2 .flogriditem { float: left; display: inline; margin-right: 17px; margin-bottom: 10px; }

/* Name of Friends */
#content_2 .dr { text-align: center; background: #E6F1F3; padding: 3px 0; border-top: 1px solid #FFFFFF; white-space: nowrap;}

/* View all & Edit Link ONLY FOR FRIENDS [OPTIONAL] */
#content_2 .viewall, .editlink { padding: 4px 11px; font-weight: bold; }

Auto Update Groups[Module 8]

/* Group Image */
#content_8 .imgblock75 { width: 75px; height: 75px; background: #FFFFFF; overflow: hidden; }
#content_8 .imgblock75 img { height: 75px; margin: 0 auto; }
/* Group List style */
#content_8 ul {list-style:none;}
/* Group Name */
#content_8 .title { font-weight: bold; }
/* Group - View all and Edit Link */
#content_8 .viewall, #content_8 .editlink { padding: 4px 11px; font-weight: bold; }
#content_8 .editlink { float: right; }

Credits: By www.markyctrigger.com - pohwc

Note: If the CSS is not working post the browser and which CSS your having problems with.

--

Click here to view log

Last edited by eehjhay (2008-08-19 17:32:21)

-Offline-

#2 2008-02-05 10:50:05

dee_c: » FriendsterNewbie; › [ LuV PeAcE ]; Location: Indonesia; Registered: 2007-02-02; Posts: 37; Last visit: 2008-08-11; Reputation: ~; Friendster

Re: CSS Styles for Auto Update Modules

please explain me how about that code I don't know where I must paste that code

-Offline-

#3 2008-02-17 04:54:14

Prisai: » FriendsterNewbie; › -~=[[PRISAI]]=~-; Location: Banudng, ID; Registered: 2007-08-16; Posts: 4; Last visit: 2008-08-22; Reputation: ~

Re: CSS Styles for Auto Update Modules

thanks friend, but how i can put the commnet in a box (frame) where i want? tell me please....

-Offline-

#4 2008-03-08 04:19:44

switpotato: » FriendsterWhiz; › dcrazier dbetter bxtreme; › Class X; Location: HubbieHubbieLand; Registered: 2007-05-23; Posts: 2676; Reputation: 240

Re: CSS Styles for Auto Update Modules

to:

dee_c wrote:
please explain me how about that code I don't know where I must paste that code

ehjay juz answer that even befor u ask...
read this again ...

eehjhay wrote:
<head>
<title>......</title>
<style>
/* YOUR CSS HERE */

...insert here....
</style>
</head>

<body>
</body>
</html>

@

Prisai wrote:
thanks friend, but how i can put the commnet in a box (frame) where i want? tell me please....

just inset the script of comment to ur td or div

Last edited by switpotato (2008-03-08 04:20:53)

.. thnx Q ..kabit.. dai dai... muahhss

#5 2008-04-01 17:58:23

defcon666: » FriendsterNewbie; Registered: 2008-03-02; Posts: 33; Last visit: 2008-08-07; Reputation: ~

Re: CSS Styles for Auto Update Modules

which one is the module for auto updated for primary photo? is that the same module with background picture??

-Offline-

#6 2008-04-01 23:30:18

Xthatech: » Promoter; › SigMhackeR & ASThA gRapix; Location: Underground Site; Registered: 2008-03-29; Posts: 212; Last visit: 2008-08-20; Reputation: 2; ???

Re: CSS Styles for Auto Update Modules

please answer the question of defcon666? i want also to know which code is for the primary photo? and does it work with overlay html? can we just copy the code and put it in our html so that the picture on my profile will update automatically?

http://friendstertalk.com/?r=97937

Request any softwares just pm me and i will give the download link(s)
(TeaM SigMhacker and ASThA Grapixs)

-Offline-

#7 2008-04-06 01:09:20

buhbuhray: » FriendsterNewbie; Registered: 2008-02-14; Posts: 6; Last visit: 2008-07-23; Reputation: ~

Re: CSS Styles for Auto Update Modules

so with those codes my testimonials, friends, photo, etc will appear in my overlay?
and its auto update?

-Offline-

#8 2008-04-09 01:42:12

eirol219: » FriendsterNewbie; › dead; Registered: 2008-02-13; Posts: 83; Last visit: Yesterday; Reputation: ~; Friendster

Re: CSS Styles for Auto Update Modules

Sir.... my Cp box dont spawn...
I dont know wats wrong pls help me....

This is my First time to make an Overlay...

nice

-Offline-

#9 2008-04-18 07:48:44

cutecatcher: » FriendsterNewbie; Registered: 2008-04-16; Posts: 10; Last visit: 2008-09-06; Reputation: ~

Re: CSS Styles for Auto Update Modules

hello:)im newbie here,i need your help.what is the css code for featured friends if i put it below the photogallery not in the right side?

-Offline-

#10 2008-04-21 05:49:26

19Halder75: » FriendsterNewbie; Location: pasig; Registered: 2008-04-18; Posts: 17; Last visit: 2008-09-03; Reputation: ~; Friendster

Re: CSS Styles for Auto Update Modules

it'd to hard 2 create overlay

-Offline-

#11 2008-04-29 07:08:48

a_4thwatcher4ril: » FriendsterAddict; › ..?????; › Laymakers Society; Location: bAgUiO ciTy.,.; Registered: 2008-01-31; Posts: 353; Last visit: Today; Reputation: 2; Friendster

Re: CSS Styles for Auto Update Modules

defcon666 i think it's dis 1 but i'm not sure

/* Main Photo */
#content_0 .imgblock200 { width: 200px; background: #FFFFFF; border: 1px solid #76B5C6; text-align: center; margin-bottom: 5px; }
#content_0 .imgblock200 img { margin: 0 auto; }

Last edited by a_4thwatcher4ril (2008-04-29 07:10:48)

-Offline-

#12 2008-04-30 15:13:33

cutecatcher: » FriendsterNewbie; Registered: 2008-04-16; Posts: 10; Last visit: 2008-09-06; Reputation: ~

Re: CSS Styles for Auto Update Modules

helloooooooooo i reli need your help.what is the css code for featured friends if i put it below the photogallery not in the right side?
plz help...

Last edited by cutecatcher (2008-04-30 15:13:54)

-Offline-

#13 2008-04-30 22:24:41

eehjhay: » Moderator; › Cleaning mode, watch out!; › Class X; Location: Liverpool NSW AU; Registered: 2007-02-13; Posts: 4290; Last visit: Yesterday; Reputation: 109; Friendster

Re: CSS Styles for Auto Update Modules

^
You can place wherever you want.

For example in your html code:

<html>
<body>
<div id="content_1">
PHOTO GALLERY ADD-ON HERE
</div>
<div id="content_2">
FRIENDS LIST ADD-ON HERE
</div>
</body>
</html>

This is just an example

-Offline-

#14 2008-05-01 07:37:29

cutecatcher: » FriendsterNewbie; Registered: 2008-04-16; Posts: 10; Last visit: 2008-09-06; Reputation: ~

Re: CSS Styles for Auto Update Modules

hi eehjhay thanks 4 d reply...i dont have HTML..im using only css (crossover??)..i have this code but i cant figure it out of how to put it after the PHOTOGALLERY,

Code:

/*FRIENDS*/

#content_2 .imgblock75, .ir { background-color: transparent; }
#content_2 .flogrid75{  margin-right:;width:490!Important;}
#content_2 { width:490px;overflow:auto!important;height:170px;}
.dr {background-color:transparent!important}
#2 .viewall {text-align:left}
#2 .editlink { display:none }
.friends {
background-color: transparent !important;width:485px;
float: left !important; position:absolute; top:800px; left:104; }

I used this css code but it shows after the MEDIA BOX..i want to put it after the PHOTOGALLERY...i have to change top:800px to what exactly the size????

Thanks n Advance:)

-Offline-

#15 2008-05-24 05:32:01

BhABydEniSe: » FriendsterTalker; › .~* thE fALLen angEL *~.; › Alchemy Explicit AE; Location: Kwai Chung HK; Registered: 2008-05-17; Posts: 253; Last visit: Yesterday; Reputation: 1

Re: CSS Styles for Auto Update Modules

thanks for sharing mod eehjhay..

it help me alot..

more power sir

~* I LOVE YOU *~

-Offline-

#16 2008-05-24 22:40:05

Bridget: » FriendsterFreak; › Xxii iloev eu Baby Carles; › .White Protector.; Location: Why ask?Mwahaha>:); Registered: 2008-04-14; Posts: 1743; Last visit: Yesterday; Reputation: 60; Friendster

Re: CSS Styles for Auto Update Modules

tnx for sharing sir eejhay.^^
it was a big help.

Being MATURE is MANDATORY and not OPTIONAL
Blog.

-Offline-

#17 2008-06-18 12:11:21

aprilcutie09: » FriendsterGeek; › iFinallyMovedOn; › Muzikeroz-Muzikeraz; Location: Taiwan & PH; Registered: 2008-03-02; Posts: 1447; Last visit: Yesterday; Reputation: 57; Friendster

Re: CSS Styles for Auto Update Modules

thnx really helps!

OrLy :: i just don`t loev u no more!

-Offline-

#18 2008-07-04 08:01:14

jrmz_21: » FriendsterNewbie; Registered: 2008-06-02; Posts: 20; Last visit: 2008-09-03; Reputation: ~

Re: CSS Styles for Auto Update Modules

i still dont get it. i use geocities in creating my overlay and there's no "<styles>" there. and when i tried to add one, nothing happens. can you help me pls? everythings fine now except the send message, add, pictures, comments button try this page >www.profiles.friendster.com?jhy02jhy .this is what im talking ab out. the send, comments... but i have no intentions of imitating it. i'll go the different way. way lot different than that. lol. but i have to admit i admired it. tnx

-Offline-

#19 2008-08-12 05:30:05

anippablohoney: » FriendsterNewbie; Registered: 2008-08-12; Posts: 1; Last visit: 2008-08-12; Reputation: ~

Re: CSS Styles for Auto Update Modules

-Offline-

friendsterTalk - Friendster Forum

#1 2008-01-22 05:21:04

CSS Styles for Auto Update Modules

#2 2008-02-05 10:50:05

Re: CSS Styles for Auto Update Modules

#3 2008-02-17 04:54:14

Re: CSS Styles for Auto Update Modules

#4 2008-03-08 04:19:44

Re: CSS Styles for Auto Update Modules

dee_c wrote:

eehjhay wrote:

Prisai wrote:

#5 2008-04-01 17:58:23

Re: CSS Styles for Auto Update Modules

#6 2008-04-01 23:30:18

Re: CSS Styles for Auto Update Modules

#7 2008-04-06 01:09:20

Re: CSS Styles for Auto Update Modules

#8 2008-04-09 01:42:12

Re: CSS Styles for Auto Update Modules

#9 2008-04-18 07:48:44

Re: CSS Styles for Auto Update Modules

#10 2008-04-21 05:49:26

Re: CSS Styles for Auto Update Modules

#11 2008-04-29 07:08:48

Re: CSS Styles for Auto Update Modules

#12 2008-04-30 15:13:33

Re: CSS Styles for Auto Update Modules

#13 2008-04-30 22:24:41

Re: CSS Styles for Auto Update Modules

#14 2008-05-01 07:37:29

Re: CSS Styles for Auto Update Modules

Code:

#15 2008-05-24 05:32:01

Re: CSS Styles for Auto Update Modules

#16 2008-05-24 22:40:05

Re: CSS Styles for Auto Update Modules

#17 2008-06-18 12:11:21

Re: CSS Styles for Auto Update Modules

#18 2008-07-04 08:01:14

Re: CSS Styles for Auto Update Modules

#19 2008-08-12 05:30:05

Re: CSS Styles for Auto Update Modules

Board footer

FriendsterTalk.com x