Creating and Uploading CSS file

Updated as of June 19, 2008
Instructions:

1. Copy and paste the desired specific CSS codes to Notepad editor. Save as under filename extension .css. For example, My.css:



2. Upload the css file to any hosting site like freewebtown.com or ripway.com. You need to free register on these sites.

3. Copy the link location of the uploaded css file. For example: http://www.freewebtown.com/kiluazordic/my.css.

4. Now download and open this css linker code. Replace the text URL OF CSS with your own css file link location. For example:

5. Copy and paste this code on the Media section of your Friendster profile. Save Profile & then click Refresh to see the changes.

Credit goes to TheCradle for providing the latest linker code! Cheers! ^^,

CSS & JS Linker

To those who are asking me about how to run the css codes, please be guided that in order for them to work, we need to have css or js linker.

Friendster frequently updates their system. And because of this recent linkers now are no longer working at the moment. We need to wait patiently.

I suggest everytime we will update our profile be sure not to edit the section where our linker resides. For example, if it's in the Who's View Me (WVM) section, do not edit that part unless we're sure that the linker is updated. Otherwise, it will be automatically removed due to current filtering system being implemented. That's the reason why my profile samples are still working even though the linker is outdated. Just FYI.

Optimize VBA

This page contains a number of tips for optimizing your VBA codes for Microsoft Excel 97 and 2003.

Complete Friendster CSS Codes

Updated as of Feb. 27, 2008

For educational purpose only:
Please find below complete compilation of CSS codes to fully customize your Friendster profile. Just edit the contents for your preference. For more instructions, click here.

Friendster CSS Codes:

/* PAGE BACKGROUND */
body {
background-image: url(YOUR IMAGE URL HERE);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
scrollbar-face-color: #HEX VALUE; scrollbar-highlight-color: #HEX VALUE; scrollbar-shadow-color: #HEX VALUE; scrollbar-3dlight-color: #HEX VALUE; scrollbar-arrow-color: #HEX VALUE; scrollbar-track-color: #HEX VALUE; scrollbar-darkshadow-color: #HEX VALUE;
cursor: url("YOUR CURSOR URL HERE THAT ENDS WITH A .ani OR .cur FORMAT"),default;
}
/* GLOBAL FONTS, PROFILE TEXT AND CONTENTS */
body, td, tr, div, p {
color: #HEX VALUE;
font: '10 to 16'px 'Verdana, Arial, Comic Sans MS, etc...';
text-align: center;
}
/* GLOBAL LINKS */
a:link, a:visited, a:active, a:hover {
font-size: '10 to 16'px;
font-weight: normal;
color: #HEX VALUE;
text-decoration: none;
}
a:hover {
font-size: '10 to 16'px;
font-weight: bold;
color: #HEX VALUE;
text-decoration: underline;
}
a.action:link, a.action:visited, a.action:hover, a.action:active {
color: #HEX VALUE;
}
a:hover {
color: #HEX VALUE;
text-decoration: underline;
}
/* MASTER BOXES */
.commonbox, .commonbox_noborder {
margin-bottom: 10px;
background: transparent;
width: auto;
}
.evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
h1 {
text-align: center;
font-size: '125 to 150'%;
color: #HEX VALUE;
background-color: transparent;
width: auto;
}
h2 {
text-align: center;
font-size: '110 to 125'%;
color: #HEX VALUE;
background-color: transparent;
width: auto;
}
.commonbox h1, .commonbox h2 {
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-repeat: repeat;
height: 24px;
line-height: 24px;
padding-left: 11px;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
/* CONTROL PANEL: USER PHOTO */
.imgblock200 {
width: 200px;
background: transparent;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
text-align: center;
margin-bottom: 5px;
}
.imgblock200 img {
margin: 0 auto;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
font-size: '10 to 16'px;
color: #HEX VALUE;
}
.controlpanel .data {
font-size: '10 to 16'px;
color: #HEX VALUE;
}
.controlpanel ul.data, .minicontrolpanel ul.data {
font-weight: bold;
margin-bottom: 15px;
}
.controlpanel ul.data li, .minicontrolpanel ul.data li {
margin-bottom: 5px;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
.controlpanel a.more, .minicontrolpanel a.more {
font-weight: bold;
background: url(http://images.friendster.com/images/blue_arrow_rt.gif) no-repeat 0 50%;
padding-left: 8px;
margin-top: -5px;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a:hover {
font-size: '9 to 12'px;
color: #HEX VALUE;
border-color: #HEX VALUE;
background-color: #HEX VALUE;
text-decoration: underline;
}
#controlPanelButtons {
width: 200px;
margin-top: 3px;
padding-bottom: 1px;
}
#controlPanelButtons li {
display: inline;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-size: '9 to 12'px;
color: #HEX VALUE;
width: 100px;
text-align: center center;
float: left;
display: inline;
background: transparent;
border: '1 to 2'px 'solid, outset, ridge, etc...' #HEX VALUE;
margin: 0 -1px -1px 0;
padding: 6px 0;
}
#controlPanelButtons a:hover {
color: #HEX VALUE;
background: #HEX VALUE;
}
/* BOX: MORE ABOUT ME */
.moreabout {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
.moreabout .q {
font-size: '10 to 16'px;
}
/* BOX: MY PHOTO GALLERY */
.photos {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
.flogridp .flogriditem {
margin-left: 16.5px;
width: 101px;
height: 87px;
background: url(YOUR IMAGE URL HERE) no-repeat;
}
/* BOX: MY FRIENDS */
.friends {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
/* BOX: MY VIDEOS */
.videos {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
/* BOX: MY GROUPS */
.groups {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
margin-top: -14px;
width: 300px;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
width: 580px;
}
/* BOX: FAN OF */
.fanof {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
/* BOX: MY FANS */
.myfans {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
/* BOX: MY REVIEWS */
.reviews {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
/* BOX: MY BLOGS */
.blogs {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
/* MISC: VIEW ALL and EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
padding: 4px 11px;
font-weight: bold;
}
.commonbox .editlink {
float: right;
}
/* MISC: SMALL PHOTOS */
.imgblock75 {
width: 75px;
height: 75px;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
background: transparent;
overflow: hidden;
}
.imgblock75 img {
height: 75px;
margin: 0 auto;
}
.ir {
background: transparent;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
text-align: center;
overflow: hidden;
}
/* MISC: SMALL PHOTO NAMES */
.dr {
text-align: center;
background: transparent;
padding: 3px 0;
border-top: none;
white-space: nowrap;
}
/* CURSOR: LINKS */
a,a:link,a:visited,a:active,a:hover {
cursor:url("YOUR CURSOR URL HERE THAT ENDS WITH A .ani OR .cur FORMAT"),default;
}
/* NAVIGATION BOX */
#navigation {
height: 50px !important;
position: relative !important;
margin: 0 !important;
padding: '100 to 170'px 0 '5 to 20'px 0 !important; /*this part depends on how big your banner will look like*/
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE !important;
font-family: 'Verdana, Arial, Comic Sans MS, etc...' !important;
line-height: 1.0em !important;
background: transparent !important;
background: url(YOUR IMAGE URL HERE) !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
#navLang {
font-size: '10 to 12'px;
text-align: right;
margin: 5px 15px 0;
}
#navLang a {
font-size: '10 to 12'px;
padding: 0 3px;
}
#navLang a:hover {
font-size: '10 to 12'px;
}
#navLang span.selLang {
background: transparent;
padding: 0 3px;
}
.languagePanel {
margin: 0;
padding: 7px 10px !important;
border: 2px 'solid, ridge, groove, etc...' #HEX VALUE;
background: #HEX VALUE;
position: absolute;
z-index: 2000 !important;
text-align: left;
}
.languagePanel div, .languagePanel input {
margin: 3px 0;
}
.languagePanel h2 {
color: #HEX VALUE;
font-size: 14px;
margin-bottom: 5px;
}
.languagePanel {
width: 280px;
left: 680px;
top: 10px;
line-height: 16px;
}
.languagePanel .promptButton {
background: transparent;
border: 1px solid #HEX VALUE;
color: #HEX VALUE;
width: 60px;
}
#navBg {
position: absolute !important;
width: 100% !important;
height: 85px !important;
}
#navBar {
position: relative !important;
}
#navdivider {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
border: none !important;
}
/* FRIENDSTER LOGO */
#logo img {
height: 18px !important;
margin-top: 5px !important;
}
#logo {
float: left !important;
padding-left: 20px !important;
margin-bottom: 10px !important;
}
/* MAIN NAVIGATION LINKS */
#mainnav {
padding: 0 !important;
margin: 5px 0 0 0 !important;
width: 100% !important;
background: transparent !important;
height: 20px !important;
position: relative !important;
text-align: center !important;
color: #HEX VALUE !important;
font-size: '10 to 16'px !important;
font-weight: bold !important;
}
#mainnav ul {
margin: 0 !important;
padding: 0 !important;
list-style-type: none !important;
line-height: 20px !important;
z-index: 20000 !important;
}
#mainnav ul li {
position: relative !important;
display: inline !important;
float: left !important;
text-align: left !important;
}
#mainnav ul li#homelink {
width: 75px !important;
}
#mainnav ul li#profilelink {
width: 105px !important;
}
#mainnav ul li#connectionslink {
width: 140px !important;
}
#mainnav ul li#explorelink {
width: 93px !important;
}
#mainnav ul li#searchlink {
width: 80px !important;
}
head:first-child+body div #mainnav ul li a {
padding: 2px 20px 3px 8px;
}
#mainnav ul li a {
display: inline !important;
padding: 0 20px 0 8px !important;
font-size: 12px !important;
color: #HEX VALUE !important;
line-height: 20px !important;
font-weight: bold !important;
text-decoration: none !important;
white-space: nowrap !important;
background-color: transparent !important;
}
#mainnav ul li a:hover {
font-size: '10 to 16'px !important;
color: #HEX VALUE !important;
text-decoration: underline !important;
background-color: transparent !important;
}
#mainnav ul li ul {
left: 0 !important;
position: absolute !important;
top: 22px !important; /* no need to change, as true value set by script */
display: block !important;
visibility: hidden;
padding: 5px 0 5px 0 !important;
background-color: #HEX VALUE !important;
width: 150px !important; /*width of sub menu levels*/
}
#mainnav ul li ul li {
display: list-item !important;
float: none !important;
border-bottom: 1px 'dashed, solid, ridge, etc...' #HEX VALUE !important;
margin: 0 5px 0 5px !important;
padding: 0 !important;
}
#mainnav ul li ul li.sublink_top {
border-top: 1px 'dashed, solid, ridge, etc...' #HEX VALUE !important;
}
#mainnav ul li ul li a {
display: block !important;
font-size: '10 to 14'px !important;
color: #HEX VALUE !important;
padding: 1px 0 1px 5px !important;
background-color: transparent !important;
}
#mainnav ul li ul li a:hover {
font-size: '10 to 14'px !important;
color: #HEX VALUE !important;
background-color: #HEX VALUE !important;
text-decoration: underline !important;
}
#mainnav .mainfoldericon {
background: url('http://images.friendster.com/images/arrow_down.gif') no-repeat center right;
}
* html #mainnav ul li {
float: left !important;
height: 1% !important;
}
* html #mainnav ul li a {
height: 1% !important;
}
.primary_links {
float: left;
width: 60%;
}
.secondary_links {
float: right !important;
line-height: 20px !important;
}
.secondary_links a, .secondary_links a:link, .secondary_links a:visited, .secondary_links a:active {
color: #HEX VALUE !important;
padding: 0 10px !important;
font-size: '10 to 16'px !important;
font-weight: bold !important;
}
.secondary_links a:hover {
color: #HEX VALUE !important;
font-size: '10 to 16'px !important;
font-weight: bold !important;
}
/* SUB NAVIGATION LINKS */
#subnav_search {
text-align: right;
margin-right: 15px;
}
#subnav {
margin-top: 6px;
margin-bottom: 10px;
font-size: '10 to 16'px;
text-align: right;
color: #HEX VALUE;
}
#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active {
font-size: '10 to 16'px;
color: #HEX VALUE;
font-weight: bold;
background: transparent;
text-decoration: none;
}
#subnav a:hover {
font-size: '10 to 16'px;
color: #HEX VALUE;
background-color: transparent;
text-decoration: underline;
}
/* SHOUTOUT BOX AND FONT */
.controlpanel .so, .minicontrolpanel .so {
margin: 0 -20px 10px 0;
width: 257px;
position: relative;
background: url(YOUR IMAGE URL HERE) repeat-y right center;
color: #HEX VALUE;
font-weight: bold;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
}
.controlpanel .so a, .minicontrolpanel .so a {
color: #HEX VALUE;
}
.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() no-repeat;
}
.controlpanel .sob, .minicontrolpanel .sob {
width: 257px;
height: 2px;
background: url() no-repeat;
line-height: 0;
font-size: 0;
}
.controlpanel .label, .minicontrolpanel .label {
text-align: left;
font-weight: bold;
margin: 10px 0 3px 0;
color: #HEX VALUE;
}
/* NOTIFICATION STYLES */
.statusmessagebox {
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
background: none;
padding: 3px;
margin: 0 0 10px 0 !important;
}
.errorbox, .notificationbox, .confirmbox {
position: relative;
background: transparent;
padding: 10px 10px 10px 42px;
}
.errorbox, .notificationbox, .confirmbox {
position: relative;
background: transparent;
padding: 10px 10px 10px 42px;
}
.errorbox h2, .notificationbox h2, .confirmbox h2 {
padding: 0;
line-height: 18px;
font-size: 140%;
}
.errorbox h2 {
color: #HEX VALUE;
}
.notificationbox h2 {
color: #HEX VALUE;
}
.confirmbox h2 {
color: #HEX VALUE;
}
.errorbox .boxcontent, .notificationbox .boxcontent, .confirmbox .boxcontent {
padding: 5px 0 5px 0;
font-size: 110%;
}
/* BIRTHDAY and MESSAGING ALERTS */
.badge {
width: 95%;
background-color: transparent;
background: url(YOUR IMAGE URL HERE) repeat-y right center;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
}
.warning {
width: 95%;
font-size: 145%;
font-weight: bold;
color: #HEX VALUE;
display: block;
}
/* ONE COLUMN FRIENDS LIST */
.friends div .boxcontent {
width: 100%;
text-align: left;
margin-left: 100px;
}
.friends .flogrid75 {
text-align: left;
width: 75px;
}
.friends div .viewall a {
text-align: center;
width: 100%;
padding-left: 30px;
}
/* CUSTOMIZED RECENT UPDATES BOX */
.user_tracker {
width: 95%;
font-size: '10 to 16'px;
background: transparent;
background: url(YOUR IMAGE URL HERE);
background-position: right center;
background-repeat: no-repeat;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
color: #HEX VALUE;
}
.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-size: '10 to 16'px;
font-weight: normal;
color: #HEX VALUE;
text-decoration: none;
}
.user_tracker ul li a:hover {
font-size: '10 TO 16'px;
font-weight: bold;
color: #HEX VALUE;
text-decoration: underline;
}
/* CUSTOMIZED MEETTRAILBOX */
.meettrail {
border: 1px 'solid, outset, ridge, etc...' #HEX VALUE;
background: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: repeat;
}
.meettrail .commonbox h2 {
height: 60px;
line-height: normal;
padding: 1px;
}
.meettrail .commonbox h2 .commonbox {
height: 60px;
color: #HEX VALUE;
padding: 0px;
margin: 0px;
}
.meettrail .commonbox h2 h2 {
height: 15px;
color: #HEX VALUE;
float: left;
display: inline;
background: url(YOUR IMAGE URL HERE);
background-position: top center;
background-repeat: repeat-x;
padding: 2px 0px 0px 10px;
}
.meettrail .viewall {
float: right;
display: inline;
font-size: 12px;
padding: 2px 10px 0px;
}
.meettrail .bottom {
margin: 5px;
text-align: center;
font-size: 11px;
font-weight: normal;
}
.meettrail .bottom IMG {
margin: 0px 10px;
}
*html #meettrail .bottom IMG {
margin-bottom: 3px;
}
.meettrail .boldtext {
font-weight: bold;
}
.meettrail .nodetails {
text-align: center;
padding: 5px;
}
.meettrail .badgebg {
width: 300px;
height: 53px;
background: url('http://images.friendster.com/images/mt_badge.jpg') no-repeat 0 0;
cursor: pointer !important
}
.meettrail .badgebg .badgetext {
margin: 0;
padding: 14px 10px 0 10px;
letter-spacing: 0.1em;
color: #HEX VALUE;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}
.meettrail .getyourown {
margin: 0;
padding: 0 5px 2px 0;
text-align: right;
vertical-align: top;
}
.meettrail .getyourown a {
font-weight: normal;
font-size: 1em !important;
color: #HEX VALUE !important;
}
.meettrail .officialprofile {
background: url('http://images.friendster.com/images/mt_gradient.gif') repeat-x left top;
height: 72px;
text-align: center;
}
.meettrail .op_badge {
margin-top: 15px;
}
/* CUSTOMIZED FOOTER */
#footer_container {
margin: 0 auto;
font-family: 'Verdana, Arial, Comic Sans Ms, etc...';
line-height: 1.0em;
background: transparent;
}
#footer {
width: 800px;
height: 80px;
font-size: '10 to 16'px;
line-height: 1em;
position: relative;
padding: 10px auto;
margin: 10px auto;
text-align: center;
color: #HEX VALUE;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
background: url(YOUR IMAGE URL);
background-position: center center;
background-repeat: repeat;
margin-top: -20px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
font-size: '10 to 16'px;
font-weight: normal;
color: #HEX VALUE;
text-decoration: none;
}
#footer a:hover {
font-size: '10 to 16'px;
font-weight: bold;
color: #HEX VALUE;
text-decoration: underline;
}
#footer a {
font-size: '10 to 16'px;
color: #HEX VALUE;
}
/* HIDE SEARCH FORM */
#search, #search form {
display: none !important;
}
/* HIDE TOP WHITE BACKGROUND */
#marketing_bg {
display :none;
}
/* HIDE SPONSORED LINKS */
#sponsorsAd {
display: none;
}
/* HIDE BANNERD AD */
.banner_ad_fix {
display: none;
}
/* HIDE GOOGLE ADS */
#googleAdFactory.fullwidth {
position: absolute;
top: -5500px;
}
/* IMAGE EFFECTS */
a:hover img {
filter:none;
}
img {
filter:alpha(Opacity=100,FinishOpacity=0,Style=2);
}
/* HOVER BACKGROUND EFFECT */
a:hover, a.navbar:hover {
background-image:url(YOUR GIF IMAGE URL HERE);
}
a:hover img {
background-image:url(YOUR GIF IMAGE URL HERE);
filter:none;
}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
opacity:.0;
filter: alpha(opacity=0);
margin: 0 auto;
}
.imgblock200 a:hover {
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: no-repeat;
text-align: center;
margin-bottom: 5px;
}
/* MOREABOUT SCROLLINGBOX */
#content_6 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 250px;
}
/* PUBLICCOMMENTS SCROLLINGBOX */
#content_18 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 582px;
}
/* TESTIMONIALS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
width: 100%;
}
.publiccomments div div .dtd ul {
padding: 2px 2px 2px 2px;
overflow: auto;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
width: 400px;
height: 100px;
background-image: url(YOUR IMAGE URL HERE);
background-position: top center;
background-repeat: no-repeat;
}
/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
width: 100%;
}
.publiccomments div div .dtd ul {
padding: 2px 2px 2px 2px;
overflow: auto;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
width: 400px;
height: 100px;
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: no-repeat;
}
/* CUSTOM PAGE TITLE */
body {
top:expr/**/ession(pagetitle()
function pagetitle() {
document.title='YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER';
}
window.onload=pagetitle);
}
/* WELCOME ALERT BOX */
body {
height:expr/**/ession(
function welcome() {
alert('YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER');
}
window.onload=welcome);
}
/* GOODBYE ALERT BOX */
body {
left:expr/**/ession(
function goodbye() {
alert('YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER');
}
window.onunload=goodbye);
}
/* CUSTOM STATUS BAR MESSAGE */
body {
bottom:expr/**/ession(
function windowstatus() {
window.status='YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER';
}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=windowstatus);
}
/* REMOVE HORIZONTAL SCROLLBAR*/
body {
overflow-x: hidden;
}

Sources: FriendsterTalk, FriendsterLayout, EditFriendster

Updated: Friendster Hide Codes

Friendster keeps on updating their system. With this regard, please find below the latest tutorial on how to hide specific sections of your profile.

http://kiluazordic.blogspot.com/search/label/Friendster

Cheers! ^^,

Good News: Gmail

Gmail is offering free POP access and automatic forwarding! You can retrieve mails from your other email accounts. You can forward Gmail messages to your corporate email. It's all for free.

This is very nice because you can access your mail the way you want to without paying unlike other email provider. It's good also if your company has some site restrictions.

For more details about Gmail's features, click here.

Friendster Hide Codes

Updated as of Feb. 21, 2008

For educational purpose only:
Below are compilations of working codes to hide specific sections of Friendster profile. These codes are to be pasted on a CSS file. For more instructions, click here.

To see how it works, just view this profile in action.

Friendster Hide Codes:

/* Google Ads */
#content_14 {display:none!important;}

/* Hide Google Search */
#search form { display : none !important; }

/* Hide About me paragraph in control panel*/
.controlpanel p {display:none!important;}

/* Hide Navigation Language */
#navLang { display: none ! important }

/* Remove Bulky Images/Embeds in Your Comments */
.data img, .data embed {display:none!important;}

/* Hide the arrows in your mainnav dropdown links */
#mainnav .mainfoldericon {display:none!important;}

/* Hide Recent Updates */
.user_tracker {display:none!important;}

/* Hide Friendster Classifieds */
#marketing {display:none!important;}

/* Hide Footer */
#footer_container {display:none!important;}

/* Hide Footer link only */
#footer a {display:none!important;}

/* Hide friendster logo */
#logo {display:none!important;}

/* Hide Messages Setting Help Log out*/
#subnav {display:none!important;}

/* Hide How you are connected box */
#content_15 {display:none!important;}

/* Hide control panel buttons */
#controlPanelButtons {display:none!important;}

/* Hide White bar under navigation */
#marketing_bg {display:none!important;}

/* Hide the Home My Profile My Connections*/
#mainnav {display:none!important;}

/* Hide the whole top navigation */
#navigation {display:none!important;}

/* Hide the surfer */
#surfer {display:none!important;}

/* Hide hide the divider */
#navdivider {display:none!important;}

/* Hide Classifieds Jobs */
.secondary_links {display:none!important;}

/* Hide you Photo gallery's photos */
#content_1 .flogriditem {display:none!important;}

/* Hide your featured friends photos */
#content_2 .flogriditem {display:none!important;}

/* Hide the about me link above recent updates */
#content_0 a.more {display:none!important;}

/* Hide banner ads on top */
.banner_ad_fix {display:none!important;}

/* Hide the view all link of boxes like comments, testi, and friends*/
.commonbox .viewall {display:none!important;}

/* Hide the headers of all box */
.commonbox h1, .commonbox h2 {display:none!important;}

/* Hide your featured friends' names */
#content_2 .dr {display:none!important;}

/* Hide the edit link like edit featured friends and edit reviews */
.commonbox .editlink {display:none!important;}

/* Hide the arrows of your blogs */
ul.entries li {display:none!important;}

/* Hide the photos in your testimonials comments */
#content_18 .imgblock75 {display:none!important;}

/* Hide the shoutoutbox */
#cpShoutoutBox {display:none!important;}

/* Change the div_id for specific box 2 hide the header*/
#div_id .h2 {display:none!important;}

/* Hide Control panel box header */
#controlpanel_header {display:none!important;}

/* Hide the spacer */
#shimrow {display:none!important;}

/* Hide Group updates */
#content_8 .data {display:none!important;}

/* Hide the whole profile */
#flo_wrapper, #footer_container {display:none!important;}

/* Control Panel */
.controlpanel {display:none!important;}

/* Photo Gallery */
.photos {display:none!important;}

/* Blogs */
.blogs {display:none!important;}

/* Reviews */
.reviews {display:none!important;}

/* More About */
.moreabout {display:none!important;}

/* Testimonial & Comments */
.publiccomments {display:none!important;}

/* Media Box */
.scrapbook {display:none!important;}

/* How You're Connected*/
.meettrail {display:none!important;}

/* Featured Friends */
.friends {display:none!important;}

/* Fan Of */
.fanof {display:none!important;}

/* Groups */
.groups {display:none!important;}

Hacked Yahoo Mail

The easiest way to retrieved your stolen/hacked YM accounts is to call directly the Yahoo Customer Hotline. Just tell them exactly what happened. Be sure that you still remember some of the relative information on your account. They can instantly send your new password!

Customer Care:
408-349-1572
866-562-7219