Credits go to Markyctrigger.com Team.
Auto Update Control Panel:
One of the most interesting add-on in the friendster modules, whereas you can modify the shoutout directly to your OGprofile and more.
- Code:
-
<div id="content_0"></div>
<script language="javascript">
module0="yes";
</script>
CSS styles:
- Code:
-
/* Control Panel Button just below the photo */
#miniControlPanelButtons { width: 90px; padding-right: 2px;}
#miniControlPanelButtons li { display: inline; }
#miniControlPanelButtons a, #miniControlPanelButtons a:link, #miniControlPanelButtons a:visited { width: 88px; text-align: center; float:left; display: inline; background: #D1E6E9; border: 1px solid #E6F1F3; margin: 0 -1px -1px 0; padding: 6px 0; }
#controlPanelButtons a:hover { color: #FFFFFF; background: #17728F; }
#controlPanelButtons { width: 200px; margin-top: 3px; padding-bottom: 1px; }
#controlPanelButtons li { display: inline; }
#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; }
#controlPanelButtons a:hover { color: #FFFFFF; background: #17728F; }
/* Recent Updates Box */
.user_tracker {width: 100%; background: white; border: 1px solid #c4c4c4; color:#555555; }
.user_tracker ul li a, .user_tracker ul li a:link, .user_tracker ul li a:active, .user_tracker ul li a:hover, .user_tracker ul li a:visited {margin-left: 5px; font-weight: bold; color: #17728F; }
.user_tracker ul li i {margin-left: 5px; color: #555555; }
/* Main Photo */
.imgblock200 { width: 200px; background: #FFFFFF; border: 1px solid #76B5C6; text-align: center; margin-bottom: 5px; }
.imgblock200 img { margin: 0 auto; }
Auto Update Photos:
Preview your photo gallery using this module.
- Code:
-
<div id="content_1"></div>
<script language="javascript">
module1="yes";
</script>
CSS styles:
- Code:
-
/* Background of the photo */
.flogridp .flogriditem { margin-right: 13px; width: 101px; height: 87px; background: url(http://images.friendster.com/images/pf.gif) no-repeat; }
/* Picture Size */
.flogridp .ir { width: 93px; height: 73px; margin: 3px 0 0 4px; }
.flogridp .ir img { margin: 0 auto; height: 73px; }
Auto Update Blogs:
Spawn your blog preview directly in your OG profiles.
- Code:
-
Auto Update More About Me:
Spawn your "More About Me" so don't have to generate your HTML codes all over again if you want to modify the changes about yourself.
- Code:
-
<div id="content_6"></div>
<script language="javascript">
module6="yes";
</script>
Auto Update Publiccomments/Testimonials:
Spawn your comments and testimonials directly in your OG profile.
- Code:
-
<div id="content_18"></div>
<script language="javascript">
module18="yes";
</script>
CSS styles:
- Code:
-
/* List Style */
.data {list-style:none;}
/* Want to have friendster style of comments */
/* Add this */
.evenrow { background-color: #F5F5F5; }
/* Picture Size */
.imgblock75 { width: 75px; height: 75px; background: #FFFFFF; overflow: hidden; }
.imgblock75 img { height: 75px; margin: 0 auto; }
Auto Update Scrapbook:
Formerly known as "Media Box"... you can spawn its contents using the code above, OG++ can take advantage of this add-on.
- Code:
-
<div id="content_10"></div>
<script language="javascript">
module10="yes";
Auto Update Friends:
Spawn your 6 latest friend list or featured friends.
- Code:
-
<div id="content_2"></div>
<script language="javascript">
module2="yes";
</script>
</script>
CSS styles:
- Code:
-
/* Picture Size */
.flogrid75 .ir { width: 75px; height: 75px; }
.flogrid75 .ir img { margin: 0 auto; height: 75px; }
.flogrid75 .flogriditem { width: 75px; }
/* Displays Friends Horizontally */
.flogriditem { float: left; display: inline; margin-right: 17px; margin-bottom: 10px; }
/* Name of Friends */
.dr { text-align: center; background: #E6F1F3; padding: 3px 0; border-top: 1px solid #FFFFFF; white-space: nowrap;}
Auto Update Groups:
Spawn your Groups using the code above.
- Code:
-
<div id="content_8"></div>
<script language="javascript">
module8="yes";
</script>
Auto Update Fan Of:
Spawn your Fan of using the code above.
- Code:
-
<div id="content_7"></div>
<script language="javascript">
module7="yes";
</script>
To use the add-on put the code anywhere in the "BODY" section of your HTML e.g.
- Quote :
<html>
<head>
<title>test</title>
</head>
<body>
<div id="content_groups_2_5"></div>
<script language="javascript">
module12="yes";
</script></body>
</html>