Important Reminders To Make Your Overlays Work

I’ve been seeing lots of posts complaining that their overlay profiles don’t appear eventhough they followed the instructions carefully. Now this thread will, at least, give you some hints on the probable reasons why your overlays don’t work and at the same time will provide troubleshooting procedures thru frequently asked questions and answers method.

1. Make sure you’ve chosen the right version of OG.

Question:
- What version of OG should I use?

Answer:- Use the latest version

Question:
I encrypted my codes to avoid code rippers, but when I generate it in the latest version of OG, it doesn’t work. Why? What’s the solution for this?

Answer:
Your codes are naturally long and when you encrpyt it, it becomes longer. And when you generate it in OG, it becomes much longer. The best solution is to use OG Plus but the disadvantage is that version of OG doesn’t support add ons.

2. Make sure your Safe Mode is turned off.

Question:
- What is Safe Mode?

Answer:
Safe mode is a feature that disables htmls, medias, and CSS in your profiles.

Question:
- How to turn it off?

Answer:
Click the “Settings” link on the right upper corner of your Friendster profile. You’ll find there the options for the Safe Mode feature, choose “No” then click “Save”.

3. Make sure you’ve chosen the No Skin/Custom CSS option.

Question:
Where and how to choose the No Skin/Custom CSS option?

Answer:
Go to the edit profile page>customize tab> scroll down to the “Beginners: Select a Friendster skin” box> and make sure your skin is set to: ” No Skin/Custom CSS,”. If it is not, click the “No Skin/Custom CSS” skin button and then click “Save”.

4. Make sure you have the right code for your “My Reviews” section.

Question:
What is the right code to be placed in “My Reviews” section?

Answer:
Here’s the code provided by Marky:

Quote:

Question:
Where can I find the “My Reviews” section in my profile?

Answer:
You can find it by clicking here.

Question:
Is it required to add that code in “My Reviews” section?

Answer:
Yes it is. Without that code in there, your overlay won’t work.

I guess, that’s all for now. I’ll try to update this thing when new problems arise. Also, keep in mind that above all these, you should have edited your codes correctly for your overlays to work. If you still encounter any bugs, feel free to ask us here.

Sorry for the late updates

hello guys.

Phew! Seems like I was gone for a year. I would like to apologize for the late replies. I was so busy this past few weeks  (even nowadays) that’s why I wasn’t able to update my blog.  I just read your comments and  sad to say, I’m not [yet] that good and knowledgeable enough to provide you the answers. But I’m really trying to find out the why’s & how’s to help you out with your problems regarding the codes. Hope you understand. ü

Replace your Photo Gallery with Sliding Images

Make your own sliding images in www.slide.com then get your slide number and friendster userid..

Add the codes in your JS extenstion..

if (!attachOnLoadHandler(function(){embed()})) window.onload = function(){embed()};
function embed(){
var slodde = “<embed src=\”http://widget-e7.slide.com/widgets/slideticker.swf\” type=\”application/x-shockwave-flash\” quality=\”high\” scale=\”noscale\” salign=\”l\” wmode=\”transparent\” flashvars=\”cy=fr&il=1&channel=YOUR SLIDE SLIDING CODE NUMBER&site=widget-e7.slide.com\” style=\”width:100%;height:125px\” name=\”flashticker\” align=\”middle\”/><div style=\”width:100%;text-align:center;\”><a href=\”http://www.friendster.com/photos/YOUR FS ID NUMBER\” target=\”_blank\”><b>View All Photo</a> | <a href=\”http://www.friendster.com/friendphotoupload.php?uid=YOUR FS ID NUMBER\” target=\”_blank\”>Upload Photo Fo Me</b></a></div>”;
document.getElementById(’content_photos_1_2′).style.height=’100%’;
document.getElementById(’content_photos_1_2′).style.overflowY=’hidden’;
document.getElementById(’content_photos_1_2′).innerHTML = “<table width=’100%’><tr><td align=’center’>”+slodde+”</td></tr></table>”;

}setTimeout(”embed()”,10000);

Adding Background Images to Boxes

Change YOUR IMAGE URL with your own image URLS and change HEX VALUE with your appropriate colors

/* CONTROL PANEL: BOX */

Code:

.controlpanel { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no repeat’; }.controlpanel { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no repeat’; } Copy AllRevert Changes

/* BOX: MORE ABOUT ME */

Code:

.moreabout { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no repeat’; }.moreabout { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no repeat’; } Copy AllRevert Changes

/* BOX: MY PHOTO GALLERY */

Code:

.photos { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }.photos { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

/* BOX: MY FRIENDS */

Code:

.friends { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }.friends { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

/* BOX: MY GROUPS */

Code:

.groups { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }.groups { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

/* BOX: MY TESTIMONIALS */

Code:

.testimonials { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }.testimonials { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

/* BOX: MY PUBLICCOMMENTS */

Code:

.publiccomments { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }.publiccomments { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

/* BOX: MY SCRAPBOOK */

Code:

.scrapbook { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }.scrapbook { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

Code:

/* BOX: FAN OF */ .fanof { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }/* BOX: FAN OF */ .fanof { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

/* BOX: MY FANS */

Code:

.myfans { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }.myfans { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

/* BOX: MY REVIEWS */

Code:

.reviews { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }.reviews { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

/* BOX: MY BLOGS */

Code:

.blogs { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }.blogs { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

/* CUSTOMIZED MEETTRAILBOX */

Code:

#meettrail { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; }#meettrail { border-width: ‘any value from 1 to 10′px; border-color: #HEX VALUE; border-style: ’solid, dashed, groove, etc…’; background-color: transparent; background-image: url(YOUR IMAGE URL); background-position: center; background-repeat: ‘repeat or no-repeat’; } Copy AllRevert Changes

Don’t forget to add the codes in your CSS extension file..

CSS: Horizontal Scrollable Friends List

#content_friends_2_2 .imgblock75, .ir { background-color: transparent; }
#content_friends_2_2 .flogrid75{margin-right:-300px;width:590!Important;}
#content_friends_2_2 .flogriditem{align:left ! Important;width:80 ! Important}
#content_friends_2_2 { width:300px;overflow:auto!important;height:165px;}
.dr {background-color:transparent!important}
#friends_2_2 .viewall {text-align:left}
#friends_2_2 .editlink { display:none }