Friendster Overlay Tutorial, Codes and Tweaks: Light Green

Code: Copy the code below

<html> <head> <title> YOUR TITTLE HERE </title> <style type="text/css"> body { color: #000000; cursor: crosshair; background-color: #CCFFCC; background-image: url() font-family: verdana,Trebuchet MS,arial; font-size: 11px; scrollbar-face-color:CCFFCC; scrollbar-highlight-color:000000; scrollbar-3dlight-color:CCFFCC; scrollbar-shadow-color:000000; scrollbar-darkshadow-color:CCFFCC; scrollbar-track-color:CCFFCC; scrollbar-arrow-color:000000; } a { color: #000000; text-decoration: none; } a:hover { color: #00ccff; text-decoration: none; cursor: crosshair; } a: img { color: #000000; border:1px solid; border-color:#000000} a:link img, a:visited img { color: #000000; border:1px solid; border-color:#000000} a:active img, a:hover img { color: #000000; border:1px solid; border-color:#000000} .nav { color: #000000; font-size: 12px; border-color: #000000; border: 3px double; background-color: #99CCCC; background-image: url(http://i171.photobucket.com/albums/u311/miss-sosiegirl/Untitled-2.gif); padding: 2px; text-transform: uppercase; font-weight: bold; } .content { color: #000000; font-size: 12px; border-color: #000000; border: 3px double; background-color: #99CCCC; background-image: url(http://i171.photobucket.com/albums/u311/miss-sosiegirl/Untitled-2.gif); padding: 2px; text-transform: uppercase; font-weight: bold; } table { font-size: 11px; } .cell { border-color: #000000; border-width: 1px; border-style: solid; padding: 2px; background-color: #CCFFCC; } </style> <style> /** pics **/ .imgblock75 img{ height:80px; width:80px; 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: 10px; color: #000000; } /** names **/ .title a:visited, .title a:link{ text-decoration:none; color:#FF92BB!important; font-size:11px; } .title a:hover{ color:#000000!important; text-decoration: none; } /** view all and add a testimonial links **/ .viewall a{ font-size: 10px; color: #000000 !important; text-decoration: none; padding: 2px; } .viewall a:hover{ text-decoration: none; color:#000000!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: verdana; font-size: 9px; 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: #CCFFCC; border-color: #000000; color: #000000; font-family: tahoma; font-size: 9px; } .commentbox { padding:2px 2px 2px 2px; width:200px; height:90px; background-color: #CCFFCC; border: #000000 1px solid; color:#000000; font-family: tahoma; font-size: 10px; font-weight: normal;} #cbwrapper { text-align:center } </style> </head> <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> <table width="750" align="center" border="0" cellspacing="3" cellpadding="0"> <tr> <td class="cell" colspan="3"> <img src="http://i171.photobucket.com/albums/u311/miss-sosiegirl/banner-1.gif" /> </td> </tr> <tr> <td width="170" class="cell" valign="top">  Main Navigation » <a href="http://www.friendster.com/home.php"> HOME</a> » <a href="http://www.friendster.com/USER.php"> MY PROFILE</a> » <a href="http://www.friendster.com/friends.php"> MY FRIENDS</a> » <a href="http://www.friendster.com/interstitial.php?oldURL=http%3A//www.friendster.com/gallery.php&timer=15000"> SEARCH</a> » <a href="http://www.friendster.com/redirect.cgi?u=http://grouper.friendster.com&b=Z3JvdXBlciBmaWxlcw=="> VIDEO </a> » <a href="http://www.friendster.com/blogs.php"> BLOG </a> » <a href="http://www.friendster.com/index.php?logout=1"> LOG OUT </a> Navigation  » <a href="http://www.friendster.com/testimonials.php?uid=YOURUSERID "> VIEW TESTI/COMMENTS</a> » <a href="http://www.friendster.com/friends.php?uid=YOURUSERID"> VIEW MY FRIENDS</a> » <a href="http://www.friendster.com/viewphotos.php?uid=YOURUSERID"> VIEW MY PHOTOS</a> » <a href="http://www.friendster.com/sendmessage.php?uid=YOURUSERID "> SEND MESSAGE</a> » <a href="http://www.friendster.com/sendmessage.php?uid=YOURUSERID&action=sendsmile"> SEND SMILE</a> » <a href="http://www.friendster.com/addfriendrequest.php?uid=YOURUSERID "> ADD AS FRIEND</a> » <a href="http://www.friendster.com/bookmarks.php?action=add&uid=YOURUSERID "> BOOKMARK</a> MY MODE » im inlove » sad :( » funny » <s>strike</s> LINK » <a href="http://link.com" target="_new">Link</a> » <a href="http://link.com" target="_new">Link</a> » <a href="http://link.com" target="_new">Link</a> » <a href="http://link.com" target="_new">Link</a> » <a href="http://link.com" target="_new">Link</a> » <a href="http://link.com" target="_new">Link</a> » <a href="http://link.com" target="_new">Link</a> Credits Layout: <a href="http://www.friendster.com/sosiegirl">sosiegirl</a> <a href="http://www.photobucket.com"></a> Fonts: <a href="http://www.dafont.com">DF.com</a> Designer: <a href="http://friendster.com/sosiegirl">sosiegirl</a>,  </td> <td width="500" class="cell" valign="top"> <div style="border:1px 000000 solid; top:200; left:250; width:500px; height:700px; overflow:auto;"> ABOUT ME <img src="YOUR IMAGE URL" align="left" width="80" height="80" border="1" bordercolor="#ffffff" vspace="2" /> • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF • ABOUT YOUR SELF <center>" YOUR QOUTES / MOTTO HERE "</center> welcome to MY FRIENDSTER:D Site: www.friendster.com/YOURUSERID Webmiss: Member Since: Purpose: friends ABOUT ME name #ur name age #ur age location #ur location b-day #ur bday LIKES # # # # HATES # # # <center>WHO YOU WANT TO MEET</center> <center>who u want to meet:)</center> MY PICTURES <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount= "2"> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#ce5071" vspace="2" /> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#ce5071" vspace="2" /> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#00CC00" vspace="2" /> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#ce5071" vspace="2" /> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#ce5071" vspace="2" /> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#ce5071" vspace="2" /> </marquee> <center><a href="http://www.friendster.com/viewphotos.php?uid=YOURUSERID"> VIEW ALL PHOTOS </a></center> MY FRIENDS <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount= "2"> <a href="LINK"> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#ce5071" /> </a> <a href="LINK"> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#ce5071" /> </a> <a href="LINK"> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#ce5071" /> </a> <a href="link"> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#ce5071" /> </a> <a href="LINK"> <img src="YOUR IMAGE URL" width="80" height="80" border="1" bordercolor="#ce5071" /> </a> </marquee> <center><a href="http://www.friendster.com/friends.php?uid=4110435"> VIEW ALL FRIENDS </a></center> SEND COMMENT <center><script language="javascript"> quickcomment="yes"; </script> <div id="quickcommentid"></div></center> MY COMMENT / TESTIMONIAL <center><div id="content_publiccomments_1_7" style="width:470px ; height:400px; overflow:auto"></div></center> <script language="javascript"> module6="yes"; </script> </div> <td width="170" class="cell" valign="top">  MUSIC <center> <embed type="application/x-shockwave-flash" src="http://stat.radioblogclub.com/radio.blog/skins/mini/player.swf" allowscriptaccess="always" width="160" height="23" bgcolor="#99FFFF" id="radioblog_player_0" flashvars="id=0&filepath=http%3A%2F%2Flooper.ultimate.hu%2Fradio%2Fsounds%2F0509%20Sean%20Paul%20-%20Get%20Busy.rbs&colors=body:#99FFFF;border:#111111;button:#111111;player_text:#111111;playlist_text:#999999;"></embed> </center> VIEWER  SHOUTBOX   </td> </tr> <tr> <td colspan="3" class="cell" valign="top" style="text-align: center;">  <center><a href="http://www.friendster.com/info/index.php?statpos=footer" target="_top">About Us</a> | <a href="http://www.friendster.com/info/contacts.php?statpos=footer" target="_top">Contact Us</a> | <a href="http://www.friendster.com/affiliate.php?statpos=footer" target="_top">Promote My Profile</a> | <a href="http://www.friendster.com/custhelp.php?statpos=footer" target="_top">Help</a> | <a href="http://www.friendster.com/flagprofile.php?uid=YOURUSERID" target="_top">Report Offensive Content</a> | <a href="http://www.friendster.com/info/tos.php?statpos=footer" target="_top">Terms of Service</a> | <a href="http://www.friendster.com/info/privacy.php?statpos=footer" target="_top">Privacy Policy</a><div style="margin-top: 5px !important;">Copyright 2002-2007 Friendster, Inc. All rights reserved. </td> </table> <script type="text/javascript" src="/i.js"></script><script type="text/javascript" src="/i.js"></script></body> </html>

Links

reminders before using the layouts:

Wednesday, January 16, 2008

Light Green

0 comments:

reminders before using the layouts