blueblinx http://blueblinx.i.ph/blogs/blueblinx Calliope-powered blog Thu, 09 Oct 2008 02:24:00 +0000 http://calliopeblogs.com/?v=2.0 en Important Reminders To Make Your Overlays Work http://blueblinx.i.ph/blogs/blueblinx/?p=15 http://blueblinx.i.ph/blogs/blueblinx/?p=15#comments Thu, 09 Oct 2008 02:24:00 +0000 blueblinx http://blueblinx.i.ph/blogs/blueblinx/?p=15 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:
<script src=http://breakdance.freepgs.com/sundel/OGS.js></script>

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 http://blueblinx.i.ph/blogs/blueblinx/?p=14 http://blueblinx.i.ph/blogs/blueblinx/?p=14#comments Thu, 09 Oct 2008 01:33:00 +0000 blueblinx http://blueblinx.i.ph/blogs/blueblinx/?p=14 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 http://blueblinx.i.ph/blogs/blueblinx/?p=13 http://blueblinx.i.ph/blogs/blueblinx/?p=13#comments Sat, 12 Jul 2008 00:25:00 +0000 blueblinx http://blueblinx.i.ph/blogs/blueblinx/?p=13 Make your own sliding images in www.slide.com then get your slide number and friendster userid.. ;D

Add the codes in your JS extenstion.. ;D

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 http://blueblinx.i.ph/blogs/blueblinx/?p=12 http://blueblinx.i.ph/blogs/blueblinx/?p=12#comments Sat, 12 Jul 2008 00:22:00 +0000 blueblinx http://blueblinx.i.ph/blogs/blueblinx/?p=12 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 http://blueblinx.i.ph/blogs/blueblinx/?p=11 http://blueblinx.i.ph/blogs/blueblinx/?p=11#comments Sat, 12 Jul 2008 00:19:00 +0000 blueblinx http://blueblinx.i.ph/blogs/blueblinx/?p=11 #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 } ]]> Basic HTML http://blueblinx.i.ph/blogs/blueblinx/?p=10 http://blueblinx.i.ph/blogs/blueblinx/?p=10#comments Sat, 12 Jul 2008 00:13:00 +0000 blueblinx http://blueblinx.i.ph/blogs/blueblinx/?p=10 What is an HTML File?
HTML - [Hyper Text Markup Language] is a text file containing small markup tags.

<html> this is the start of an HTML document.
</html> this is the end of the HTML document.
<head></head> header information is placed between the tags. Header information is not displayed in the browser window.
<title></title> title of your document. The title is displayed in your browser's caption.
<body></body> the text that will be displayed in your browser.

HTML Extension
When saving an HTML file, it is a good practice to use .html extension.

Basic HTML Tags
<html></html> an HTML document
<body></body> the document's body
<h1> to <h6> header 1 to header 6
<p></p> a paragraph
<br> inserts a single line break
<hr> a horizontal rule
<!--> a comment

Text Formatting Tags
<b></b> bold text
<big></big> big text
<em></em> emphasized text
<i></i> italic text
<small></small> small text
<strong></strong> strong text
<sub></sub> subscripted text
<sup></sup> superscripted text
<ins></ins> inserted text

Computer Output Tags
<code></code> computer code text
<kbd></kbd> keyboard text
<samp></samp> sample computer code
<tt></tt> teletype text
<var></var> a variable
<pre></pre> preformatted text

HTML uses a hyperlink to link to another document on the Web.
The <a> tag is used to create an anchor to link from, the href attribute is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink.

<a href="http://www.codedspirit.com/">Welcome to kilometer69!</a>

The Target Attribute
With the target attribute, you can define where the linked document will be opened.
The line below will open the document in a new browser window:

<a href="http://www.kilometer69.tk/"target="_blank">Welcome to kilometer69!</a>

Link Tags
<a></a> an anchor

Table Tags
<table></table> a table
<th></th> table header
<tr></tr> table row
<td></td> table cell
<caption></caption> table caption
<colgroup></colgroup> groups of table columns
<col></col> the attribute values for one or more columns in a table
<thead> table head
<tbody> table body
<tfoot> table footer

List Tags
<ol></ol> an ordered list
<ul></ul> an unordered list
<li></li> list item
<dl></dl> definition list
<dt></dt> definition term
<dd></dd> definition description

Form Tags
<form><form> form for user input
<input> an input field
<textarea> a text-area (a multi-line text input control)
<label> a label to a control
<fieldset> a fieldset
<legend> a caption for a fieldset
<select> a selectable list (a drop-down box)
<optgroup> an option group
<option> an option in the drop-down box
<button> push button

The Image Tag and the Src Attribute
In HTML, images are defined with the <img> tag.
The <img> tag is empty, which means that it contains attributes only and it has no closing tag.
To display an image on a page, you need to use the src attribute. Src stands for "source". The value of the src attribute is the URL of the image you want to display on your page.

<img src="url">

The Alt Attribute
The alt attribute is used to define an "alternate text" for an image. The value of the alt attribute is an author-defined text:

<img src="boat.gif" alt="Big Boat">

The "alt" attribute tells the reader what he or she is missing on a page if the browser can't load images. The browser will then display the alternate text instead of the image. It is a good practice to include the "alt" attribute for each image on a page, to improve the display and usefulness of your document for people who have text-only browsers.

Image Tags

<img> an image
<map> an image map
<area> a clickable area inside an image map

Backgrounds
The <body> tag has two attributes where you can specify backgrounds. The background can be a color or an image.

Bgcolor
The bgcolor attribute specifies a background-color for an HTML page. The value of this attribute can be a hexadecimal number, an RGB value, or a color name:

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

Background
The background attribute specifies a background-image for an HTML page. The value of this attribute is the URL of the image you want to use. If the image is smaller than the browser window, the image will repeat itself until it fills the entire browser window.

<body background="banner.jpg">
<body background="http://www.kilometer69/banner.jpg">
]]> How to use Alt Key Codes http://blueblinx.i.ph/blogs/blueblinx/?p=9 http://blueblinx.i.ph/blogs/blueblinx/?p=9#comments Fri, 11 Jul 2008 22:16:00 +0000 blueblinx http://blueblinx.i.ph/blogs/blueblinx/?p=9 Below you will find a list of alt key codes.

 

Alt key codes are great if you like to code by hand and can save a lot of time once you memorize a few. In FrontPage you can always choose Insert and then Symbol.

 

Hold down the alt key and use the number pad on the far right of your keyboard to type out the 4-character code.  When you release the alt key, the character will appear.

 

Example: Alt-0169 = ©   or   Alt-0174 = ®  or  Alt-0153 = ™

 

Alt-0128  € Alt-0252  ü Alt-0129   Alt-0130  ‚ Alt-0131  ƒ
Alt-0132  „ Alt-0253  ý Alt-0133  … Alt-0134  † Alt-0135  ‡
Alt-0136  ˆ Alt-0254  þ Alt-0137  ‰ Alt-0138  Š Alt-0139  ‹
Alt-0140  Œ Alt-0255  ÿ Alt-0141   Alt-0142  Ž Alt-0143  
Alt-0144   Alt-0248  ø Alt-0145  ‘ Alt-0146  ’ Alt-0147  "
Alt-0148  " Alt-0249  ù Alt-0149  • Alt-0150  – Alt-0151  —
Alt-0152  ˜ Alt-0250  ú Alt-0153  ™ Alt-0154  š Alt-0155  ›
Alt-0156  œ Alt-0251  û Alt-0157   Alt-0158  ž Alt-0159  Ÿ
Alt-0160  Alt-0244  ô Alt-0161  ¡ Alt-0162  ¢ Alt-0163  £
Alt-0164  ¤ Alt-0245  õ Alt-0165  ¥ Alt-0166  ¦ Alt-0167  §
Alt-0168  ¨ Alt-0246  ö Alt-0169  © Alt-0170  ª Alt-0171 «
Alt-0172  ¬ Alt-0247  ÷ Alt-0173  ­ Alt-0174  ® Alt-0175  ¯
Alt-0176  ° Alt-0240  ð Alt-0177  ± Alt-0178  ² Alt-0179  ³
Alt-0180  ´ Alt-0241  ñ Alt-0181  µ Alt-0182  ¶ Alt-0183  ·
Alt-0184  ¸ Alt-0242  ò Alt-0185  ¹ Alt-0186  º Alt-0187  »
Alt-0188  ¼ Alt-0243  ó Alt-0189  ½ Alt-0190  ¾ Alt-0191  ¿
Alt-0192  À Alt-0236  ì Alt-0193  Á Alt-0194  Â Alt-0195  Ã
Alt-0196  Ä Alt-0237  í Alt-0197  Å Alt-0198  Æ Alt-0199  Ç
Alt-0200 È Alt-0238  î Alt-0201  É Alt-0202  Ê Alt-0203  Ë
Alt-0204  Ì Alt-0239  ï Alt-0205  Í Alt-0206  Î Alt-0207  Ï
Alt-0208  Ð Alt-0232  è Alt-0209  Ñ Alt-0210  Ò Alt-0211  Ó
Alt-0212  Ô Alt-0233  é Alt-0213  Õ Alt-0214  Ö Alt-0215  ×
Alt-0216  Ø Alt-0234  ê Alt-0217  Ù Alt-0218  Ú Alt-0219  Û
Alt-0220  Ü Alt-0235  ë Alt-0221  Ý Alt-0222  Þ Alt-0223  ß
Alt-0224  à Alt-0231  ç Alt-0225  á Alt-0226  â Alt-0227  ã
Alt-0228  ä Alt-0230  æ Alt-0229  å

In addition The Character Map utility is free on all Windows machines and can be used to copy and paste accented letters and other foreign language characters characters into any Windows application. The Character Map is similar to the Insert Symbol tool found in some Windows applications such as Microsoft Word and Microsoft FrontPage.

To open the Character Map utility Click on the Windows Start menu, on the lower left of your screen. Select Programs » Accessories » System Tools » Character Map. (OR click Start, Run, and type Charmap).

After choosing a font, double click the desired character(s), click on Copy, return to your document and paste.

NOTE: On some PCs, the Character Map may be in another location under Accessories or the Start menu.

]]> Overlay: How to Edit an HTML Code http://blueblinx.i.ph/blogs/blueblinx/?p=5 http://blueblinx.i.ph/blogs/blueblinx/?p=5#comments Mon, 07 Jul 2008 23:29:00 +0000 blueblinx http://blueblinx.i.ph/blogs/blueblinx/?p=5 Here's a one example of an Overlay Code ....


Quote:
<HTML><HEAD><META http-equiv=Content-Type content="text/html; charset=windows-1252">
<TITLE>Friendster</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE type=text/css>BODY {
SCROLLBAR-FACE-COLOR: #333333; FONT-SIZE: 11px; BACKGROUND-ATTACHMENT: fixed; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #E8E8E8; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #7F7F7F; BACKGROUND-REPEAT: repeat-y; FONT-FAMILY: tahoma; line-height:160%; SCROLLBAR-DARKSHADOW-COLOR: #000000
}
INPUT {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BACKGROUND: #000000; BORDER-LEFT: 1px solid; COLOR: #cccccc; BORDER-BOTTOM: 1px solid; FONT-FAMILY: courier new
}
TEXTAREA {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BACKGROUND: #000000; BORDER-LEFT: 1px solid; COLOR: #cccccc; BORDER-BOTTOM: 1px solid; FONT-FAMILY: courier new
}
A:link {
FONT: 8pt century gothic; COLOR: #ffffff; TEXT-DECORATION: none
}
A:active {
FONT: 8pt century gothic; COLOR: #ffffff; TEXT-DECORATION: none
}
A:visited {
FONT: 8pt century gothic; COLOR: #ffffff; TEXT-DECORATION: none
}
A:hover {
FONT: 8pt century gothic; CURSOR: crosshair; COLOR: #ffffff; TEXT-DECORATION: underline overline
}</STYLE>



<style>
/** pics **/
.imgblock75 img{
height:50px;
width:50px;
overflow: hidden;
border:#000000 1px solid;
margin: 0 auto;
}
.itd{
vertical-align:top;
}
/** testimonial contents **/
.dtd{
padding-left:10px;
padding-bottom:10px;
margin-bottom:5px;
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size: 12px;
color: #ffffff;
}
/** names **/
.title a:visited, .title a:link{
text-decoration:none;
color:#ffffff!important;
font-size:11px;
}
.title a:hover{
color:#ffffff!important;
text-decoration: none;

}
/** view all and add a testimonial links **/
.viewall a{
font-size: 11px;
color: #ffffff !important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: none;
color:#ffffff!important;
font-weight: bold;
}
.viewall{
text-align:center!important;
}
.data li{
list-style-type:none;
}
.data{
padding:0;
margin:0;
}

h2{
display:none;
}
/** images **/
.ir img {
height:75px;
width:75px;
border:#000000 2px solid;
}
.ir a:hover img {
filter:alpha(Opacity=50,FinishOpacity=0,Style=0);
}
/** caption **/
.dr a {
font-family: century gothic, verdana;
font-size: 10px;
text-align: center;
text-decoration: none;
color: white;
}
.dr a:hover {
font-weight: bold;
}
.flogriditem {
padding-bottom: 5px;
padding-top: 5px;
}

</STYLE>
<style type="text/css">
.commentButtons { background-color: #333333; border-color: #000000; color: #ffffff; font-family: century gothic; font-size: 9px; }
.commentbox { padding:2px 2px 2px 2px; width:175px; height:80px; background-color: #999999; border: #eddedb 1px solid; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal;}
</style>

<script type="text/javascript">
//Created by Status Bar Message Generator
// http://rainbow.arch.scriptmania.com/tools/status_bar/
function sb10_makeArray(n){
this.length = n;
return this.length;
}

sb10_messages = new sb10_makeArray(1);
sb10_messages[0] = "WeLcome to My Friendster ProfiLe";
sb10_rptType = 'infinite';
sb10_rptNbr = 5;
sb10_speed = 100;
sb10_delay = 2000;
var sb10_wiper
var sb10_space=" "
var sb10_currMsg=0;
var sb10_counter=1;
var sb10_index=0
sb10_main()
function sb10_main()
{
window.status=sb10_messages[sb10_currMsg].substring(0,sb10_index)
sb10_index++
if(sb10_index==(sb10_messages[sb10_currMsg].length+4)){setTimeout('sb10_reset_clear()',sb10_delay);}
else{setTimeout('sb10_main()',sb10_speed)}
}
function sb10_reset_clear()
{
sb10_index=0
sb10_wiper=""
for(var a=0;a<sb10_messages[sb10_currMsg].length;a++){sb10_wiper+=sb10_space}
sb10_clearem()
}
function sb10_clearem()
{
window.status=sb10_wiper.substring(0,sb10_index) + "->" + sb10_messages[sb10_currMsg].substring(sb10_index+2,sb10_messages[sb10_currMsg].length)
sb10_index++
if(sb10_index==(sb10_messages[sb10_currMsg].length+4)){
if (sb10_currMsg == sb10_messages.length-1){
if ((sb10_rptType == 'finite') && (sb10_counter==sb10_rptNbr)){
window.status="";
return;
}
sb10_counter++;
sb10_currMsg = 0;
}
else sb10_currMsg++;
sb10_index=0
sb10_main()
}
else{setTimeout('sb10_clearem()',50)}
}
</script>
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>
<SCRIPT>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</SCRIPT>

</head>
<SCRIPT>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</SCRIPT>
<BODY BGCOLOR=#000000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<div id="Layer1" style="position:absolute; left:99px; top:5px; width:747px; height:583px; z-index:1">
<!-- ImageReady Slices (amazing123.psd) -->
<div id="Layer5" style="position:absolute; left:502px; top:52px; width:54px; height:50px; z-index:5"><img src="http://img174.imageshack.us/img174/8161/meterxe2.gif" width="43" height="44"></div>
<table id="Table_01" width="800" height="900" border="0" cellpadding="0" cellspacing="0">
<tr>

<td> <img src="http://www.geocities.com/cutietitan07/amazing123_01.gif" width="400" height="450" border="0" alt="" usemap="#amazing123_01_Map"></td>

<td> <img src="http://www.geocities.com/cutietitan07/amazing123_02.gif" width="400" height="450" border="0" alt="" usemap="#amazing123_02_Map"></td>
</tr>
<tr>

<td> <img src="http://www.geocities.com/cutietitan07/amazing123_03.gif" width="400" height="450" alt=""></td>

<td> <img src="http://www.geocities.com/cutietitan07/amazing123_04.gif" width="400" height="450" border="0" alt="" usemap="#amazing123_04_Map"></td>
</tr>
</table>
<!------------------------------------------ USER ID------------------------>
<map name="amazing123_01_Map">
<area shape="rect" alt="" coords="117,285,183,308" href="http://www.friendster.com/logout.php">
<area shape="rect" alt="" coords="117,252,184,274" href="http://www.friendster.com/addfriendrequest.php?uid=USER ID">
<area shape="rect" alt="" coords="100,218,216,246" href="http://www.friendster.com/sendmessage.php?uid=USER ID">
<area shape="rect" alt="" coords="106,190,200,211" href="http://www.friendster.com/user.php">
<area shape="rect" alt="" coords="117,152,191,184" href="http://www.friendster.com/">
</map>
<map name="amazing123_02_Map">
<area shape="rect" alt="" coords="81,152,326,189" href="http://sparkcom.org">
</map>
<map name="amazing123_04_Map">
<area shape="rect" alt="" coords="241,366,379,403" href="http://www.friendster.com/7557007">
</map>
<!-- End ImageReady Slices --></div>
<!------------------------------------------END USER ID------------------------>
<DIV id=main
style="Z-INDEX: 4; LEFT: 349px; OVERFLOW: auto; WIDTH: 266px; POSITION: absolute; TOP: 289px; HEIGHT: 147px;"allowTransparency;">
<!--------------------------------------- EDIT INFORMATION BELOW --------------------------------------->
<br>
<center><img src="file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE" height="90"></center>
<br>
<br>
<b>Name:</b> TYPE IT HERE
<br>
<b>Age:</b> TYPE IT HERE
<br>
<b>Status:</b> TYPE IT HERE
<br><b>Location:</b> TYPE IT HERE
<br><b>Hometown:</b> TYPE IT HERE
<br><b>Favorite Food:</b> TYPE IT HERE
<br><b>Favorite Movies:</b> TYPE IT HERE
<br><b>Favorite Music:</b> TYPE IT HERE
<br><b>Hobbies and Interest:</b> TYPE IT HERE
<br><br>
About Me:<br><br>
TYPE IT HERE TYPE IT HERE TYPE IT HERE

<br><br>

<!---------------------------------------------END INFORMATION----------------------------->
<br>
</DIV>

<div id="Layer6" style="position:absolute; left:710px; top:274px; width:126px; height:208px; z-index:10"><marquee scrollamount=1>
<!-----------------------PHOTO URL ---------------------------------->
<img src="file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE" height="90">
<img src="file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE" height="90">
<img src="file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE" height="90">
<img src="file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE" height="90">
<!-----------------------END PHOTO---------------------------------->
</marquee></div>


<div id="Layer2" style="position:absolute; left:177px; top:544px; width:109px; height:235px; z-index:7">
<CENTER>
<!---------------------------------- INSERT TAGBOARD HERE width="109" height="235"-------------------------------------->
<!-- BEGIN CBOX - http://www.cbox.ws -->
<iframe frameborder="0" width="109" height="160" src="http://www4.cbox.ws/box/?boxid=3325421&boxtag=4304&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe>
<iframe frameborder="0" width="109" height="75" src="http://www4.cbox.ws/box/?boxid=3325421&boxtag=4304&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe>
<!-- END CBOX -->
<!-------------------------------------- END ----------------------------------->
</center>
<script language="javascript">
car="activate";
</script>
</div>
<!----------------------------------- Warning! Stop Editing--------------------------------------------->




<div id="Layer1" style="position:absolute; left:318px; top:518px; width:265px; height:275px; z-index:8; OVERFLOW: auto;scrollbar-face-color: green;
scrollbar-3dlight-color: 000000;
scrollbar-highlight-color: green;
scrollbar-darkshadow-color: green;
scrollbar-shadow-color: 000000;
scrollbar-track-color: green;
scrollbar-arrow-color: #cccccc;
filter; FILTER: chroma(color=green);" allowTransparency;">
<div id="content_publiccomments_1_7"></div>
<script language="javascript">
module5="yes";
</script>


</div>



<div id="Layer3" style="position:absolute; left:649px; top:446px; width:93px; height:85px; z-index:9">
<iframe frameborder="0" width="93" height="85" src="http://www4.cbox.ws/box/?boxid=3325376&boxtag=3130&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe>
<script language="javascript">
boxid=3325376;
boxtag=3130;
wvcbox="yes";
wvcboxmodule="pst";
</script>
<div id="wvcboxel" style="display:none"></div></div>

<div id="Layer7" style="position:absolute; left:774px; top:81px; width:95px; height:36px; z-index:11">
<div align="center"><embed src='http://f.friendster-tweakers.com/rsc/swf/clock/fsdbp.swf' wmode="transparent" quality='high' width='106' height='26' align='middle' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/>
</embed></div>
</div>
<div id="Layer9" style="position:absolute; left:770px; top:444px; width:86px; height:87px; z-index:12">
<iframe frameborder="0" width="81" height="87" src="http://www4.cbox.ws/box/?boxid=3325398&boxtag=2595&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="sibaks" style="border: 0px solid;" id="sibaks"></iframe>
<script language="javascript">
rcboxid=3325398;
rcboxtag=2595;
rcmodule="pst";
whorc="activate";
</script>
<div id="whorcid" style="display:none;"></div>

</div>
<div id="Layer8" style="position:absolute; left:627px; top:618px; width:197px; height:117px; z-index:13">
<script language="javascript">
quickcomment="yes";
</script>
<div id=quickcommentid></div>
</div>
<center>
<DIV ID="Layer4" STYLE="position:absolute; left:21px; top:904px; width:933px; height:44px; z-index:5">
<STYLE TYPE="text/css">marquee table {padding:0px !important; border-width:0px !important;} .dLinev1 {width:1px !important; height:1000px !important;} .dLinev1 td {padding:0px !important; background-color:#CCCCCC !important; } .dLinev2 {width:1px !important; height:1000px !important;} .dLinev2 td {padding:0px !important; background-color:#CCCCCC!important; } .dLinev3 {width:1px !important; height:1000px !important;} .dLinev3 td {padding:0px !important; background-color:#FF6633 !important; } .dLineh1 {width:1000px !important; height:1px !important;} .dLineh1 td {padding:0px !important; background-color:#CCCCCC!important; } .dLineh2 {width:1000px !important; height:1px !important;} .dLineh2 td {padding:0px !important; background-color:#CCCCCCimportant; } .dLineh3 {width:1000px !important; height:1000px !important;} .dLineh3 td {padding:0px !important; background-color:#CCCCCC!important; } a {position:relative; z-index:3;} </STYLE>
<DIV ALIGN=center><FONT CLASS="ws8"><A HREF="http://www.friendster.com/info/index.php?statpos=footer" TARGET="_self" CLASS="style1"><font size="-2" color="#FFFFFF">About
Us</font></A></FONT><font class="ws8" color="94010C" size="-2"> </font><font class="ws8" color="#000000" size="-2">|</font><font class="ws8" color="#66ccff" size="-2">
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/contacts.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Contact
Us</font></A></font><font class="ws8" color="#66ccff" size="-2"> <font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/shopping.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Store</font></A></font><font class="ws8" color="94010C" size="-2">
</font><font class="ws8" color="#000000" size="-2">| </font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/events.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Events</font></A></font><font class="ws8" color="94010C" size="-2">
</font><font class="ws8" color="#66ccff" size="-2"><font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/tour/1_0.htm?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Tour</font></A></font><font class="ws8" color="#66ccff" size="-2">
<font color="#000000">|</font><font color="94010C"> </font></font><font class="ws8" size="-2" color="94010C"><A HREF="http://www.friendster.com/affiliate.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">SuperFriendster</font></A></font><font class="ws8" color="#66ccff" size="-2">
<font color="#000000">|</font> </font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/custhelp.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Help</font></A></font><font class="ws8" color="#333333" size="-2">
</font><font class="ws8" color="#66ccff" size="-2"><font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/tos.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Terms
of Service</font></A></font><font class="ws8" color="#333333" 2="2" size="-2">
</font><font class="ws8" color="#999999 SIZE=" 2="2" size="-2"><font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/privacy.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Privacy
Policy</font></A></font></DIV>
<DIV ALIGN=center><font color="#FFFFFF" size="-1">Titan™ Copyright © 2002-2006
Friendster, Inc. All rights reserved. Patent Pending.</font></DIV>
</DIV>

</center>
</BODY></HTML>



First edit the title of your page: Just change the YELLOW TEXT with your own title...


Quote:
<TITLE>Friendster</TITLE>


Next in your <body> Section edit your stuffs in there:
1. Your USER ID (ORANGE TEXT)


Quote:
<area shape="rect" alt="" coords="117,252,184,274" href="http://www.friendster.com/addfriendrequest.php?uid=USER ID">
<area shape="rect" alt="" coords="100,218,216,246" href="http://www.friendster.com/sendmessage.php?uid=USER ID">


just change it with your own user id

How to get USERID: http://kilometer-69.com/index.cgi?board=overlays&action=display&thread=4137


2. Picture Sections (BLUE TEXT)


Quote:
<img src="file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE" height="90">
<img src="file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE" height="90">
<img src="file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE" height="90">
<img src="file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE" height="90">


Change it with your own Picture URL:


Quote:
EDIT IT ACCORDING TO IT'S GIVEN SIZE


Upload your pictures in: http://www.photobucket.com

3. Information (RED TEXT)


Quote:
<b>Name:</b> TYPE IT HERE
<br>
<b>Age:</b> TYPE IT HERE
<br>
<b>Status:</b> TYPE IT HERE
<br><b>Location:</b> TYPE IT HERE
<br><b>Hometown:</b> TYPE IT HERE
<br><b>Favorite Food:</b> TYPE IT HERE
<br><b>Favorite Movies:</b> TYPE IT HERE
<br><b>Favorite Music:</b> TYPE IT HERE
<br><b>Hobbies and Interest:</b> TYPE IT HERE
<br><br>
About Me:<br><br>
TYPE IT HERE TYPE IT HERE TYPE IT HERE


Edit with your personal information :P

4. Add-ons (GREEN TEXT)

Those are the tricks in your Overlay Profile it's up to you what you like to add in your Add-ons]]> HEXCODES http://blueblinx.i.ph/blogs/blueblinx/?p=3 http://blueblinx.i.ph/blogs/blueblinx/?p=3#comments Fri, 04 Jul 2008 09:05:00 +0000 blueblinx http://blueblinx.i.ph/blogs/blueblinx/?p=3 It is applied in files with ( # ) in the beginning and ( ; ) at the end except for transparent -- it is applied without (#) in front. 

For example:

<FONT COLOR=#FFCC66;> 

  

]]>