Techy Black

**kirksydney** · 11-02-2006, 08:53 PM

Thanks to my friend gmarvz for this cool overlay..

For the preview, click here:
http://www.freewebtown.com/gfiles/ov...echyblack.html

To download the images, click here:
http://www.freewebtown.com/gfiles/zi...lackimages.zip

Here are the codes:
Replace the images' links..
Edit the contents..

<html> 
<head> 
<title>Techy Black</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<style type="text/css"> 
<!-- 
#AUT IMG 
{ 
vertical-align: bottom; 
} 
--> 
</style> 
</head> 
<center> 
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
<!-- ImageReady Slices (3D_High_Technology_dark2.psd) --> 
<!--replace the "img scr" with the url from your own image host--> 
<table id="Table_01" width="900" height="676" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td colspan="3"> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_01.gif" width="458" height="125" border="0" alt="" usemap="#id3D_High_Technology_dark2_01_Map"></td> 
<td colspan="2"> 

<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_02.gif" width="441" height="125" border="0" alt="" usemap="#id3D_High_Technology_dark2_02_Map"></td> 
<td> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_03.gif" width="1" height="125" alt=""></td> 
</tr> 
<tr> 
<td rowspan="2"> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_04.gif" width="36" height="550" border="0" alt="" usemap="#id3D_High_Technology_dark2_04_Map"></td> 
<td> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_05.gif" width="137" height="157" alt=""></td> 

<td> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_06.gif" width="285" height="157" alt=""></td> 
<td colspan="3"> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_07.gif" width="442" height="157" alt=""></td> 
</tr> 
<tr> 
<td> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_08.gif" width="137" height="393" border="0" alt="" usemap="#id3D_High_Technology_dark2_08_Map"></td> 
<td> 

<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_09.gif" width="285" height="393" border="0" alt="" usemap="#id3D_High_Technology_dark2_09_Map"></td> 
<td> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_10.gif" width="238" height="393" border="0" alt="" usemap="#id3D_High_Technology_dark2_10_Map"></td> 
<td colspan="2"> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/3D_High_Technology_dark2_11.gif" width="204" height="393" border="0" alt="" usemap="#id3D_High_Technology_dark2_11_Map"></td> 
</tr> 
<tr> 
<td> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/spacer.gif" width="36" height="1" alt=""></td> 

<td> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/spacer.gif" width="137" height="1" alt=""></td> 
<td> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/spacer.gif" width="285" height="1" alt=""></td> 
<td> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/spacer.gif" width="238" height="1" alt=""></td> 
<td> 
<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/spacer.gif" width="203" height="1" alt=""></td> 
<td> 

<img src="http://i56.photobucket.com/albums/g199/gabrielmarvin/techyblack/spacer.gif" width="1" height="1" alt=""></td> 
</tr> 
</table> 
<map name="id3D_High_Technology_dark2_01_Map"> 
<area shape="rect" alt="" coords="450,5,458,23" href="http://www.friendster.com/user.php"> 
<area shape="rect" alt="" coords="370,5,442,24" href="http://www.friendster.com/home.php"> 
</map> 
<map name="id3D_High_Technology_dark2_02_Map"> 
<area shape="rect" alt="" coords="333,5,441,21" href="http://www.friendster.com/index.php?logout=1"> 
<area shape="rect" alt="" coords="195,5,320,23" href="http://www.friendster.com/messages.php"> 
<area shape="rect" alt="" coords="88,5,184,22" href="http://www.friendster.com/friends.php"> 
<area shape="rect" alt="" coords="0,5,77,23" href="http://www.friendster.com/user.php"> 
</map> 
<map name="id3D_High_Technology_dark2_04_Map"> 
<area shape="rect" alt="" coords="12,505,36,525" href="http://www.friendster.com/info/index.php?statpos=footer"> 

</map> 
<map name="id3D_High_Technology_dark2_08_Map"> 
<area shape="rect" alt="" coords="95,348,137,367" href="http://www.friendster.com/info/contacts.php?statpos=footer"> 
<area shape="rect" alt="" coords="0,348,86,368" href="http://www.friendster.com/info/index.php?statpos=footer"> 
<!--change the "YOURUSERID" with your own userid(numerical)--> 
<area shape="rect" alt="" coords="0,263,137,302" href="http://www.friendster.com/testimonials.php?action=add&uid=YOURUSERID"> 
<area shape="rect" alt="" coords="0,228,137,263" href="http://www.friendster.com/addfriendrequest.php?uid=YOURUSERID"> 
<area shape="rect" alt="" coords="0,194,134,228" href="http://www.friendster.com/viewphotos.php?uid=YOURUSERID&action=sendsmile"> 
<area shape="rect" alt="" coords="0,159,135,194" href="http://www.friendster.com/sendmessage.php?uid=YOURUSERID"> 
<area shape="rect" alt="" coords="0,141,137,159" href="http://www.friendster.com/testimonials.php?uid=YOURUSERID"> 
<area shape="rect" alt="" coords="0,123,136,141" href="http://www.friendster.com/friends.php?uid=YOURUSERID"> 
<area shape="rect" alt="" coords="0,102,137,123" href="http://www.friendster.com/viewphotos.php?uid=YOURUSERID"> 
</map> 
<map name="id3D_High_Technology_dark2_09_Map"> 
<area shape="rect" alt="" coords="197,348,285,367" href="http://www.friendster.com/affiliate.php?statpos=footer"> 
<area shape="rect" alt="" coords="104,348,188,367" href="http://www.friendster.com/events.php?statpos=footer"> 
<area shape="rect" alt="" coords="0,348,93,367" href="http://www.friendster.com/info/contacts.php?statpos=footer"> 
<area shape="rect" alt="" coords="0,263,18,302" href="http://www.friendster.com/testimonials.php?action=add&uid=YOURUSERID"> 

<area shape="rect" alt="" coords="0,228,19,263" href="http://www.friendster.com/addfriendrequest.php?uid=YOURUSERID"> 
<area shape="rect" alt="" coords="0,141,54,159" href="http://www.friendster.com/testimonials.php?uid=YOURUSERID"> 
</map> 
<map name="id3D_High_Technology_dark2_10_Map"> 
<area shape="rect" alt="" coords="109,311,238,338" href="http://gfriendster.50webs.com/preoverlays.htm"> 
<area shape="rect" alt="" coords="155,282,238,311" href="http://www.friendstercustomized.co.nr"> 
<area shape="rect" alt="" coords="205,348,238,366" href="http://www.friendster.com/info/tos.php?statpos=footer"> 
<area shape="rect" alt="" coords="146,348,194,367" href="http://www.friendster.com/custhelp.php?statpos=footer"> 
<area shape="rect" alt="" coords="0,348,135,367" href="http://www.friendster.com/affiliate.php?statpos=footer"> 
</map> 
<map name="id3D_High_Technology_dark2_11_Map"> 
<area shape="rect" alt="" coords="0,311,74,338" href="http://gfriendster.50webs.com/preoverlays.htm"> 
<area shape="rect" alt="" coords="0,282,195,311" href="http://www.friendstercustomized.co.nr"> 
<area shape="rect" alt="" coords="24,348,177,367" href="http://www.friendster.com/info/privacy.php?statpos=footer"> 
<area shape="rect" alt="" coords="0,348,18,366" href="http://www.friendster.com/info/tos.php?statpos=footer"> 
</map> 
<!-- End ImageReady Slices --> 

</center> 
</div> 
<div id="Layer5" style="overflow: auto; position: absolute; left: 850px; top: 600px; width: 86px; height: 16px; z-index: 5; font-family: verdana; color: darkgreen; font-size:10pt; font-weight: bold;"> 
<!--replace the code below with your own statcounter code--> 
<!-- Start of StatCounter Code --> 
<script type="text/javascript" language="javascript"> 
var sc_project=1865745; 
var sc_invisible=0; 
var sc_partition=17; 
var sc_security="9a86c3d4"; 
</script> 

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c18.statcounter.com/counter.php?sc_project=1865745&java=0&security=9a86c3d4&invisible=0" alt="web tracker" border="0"></a> </noscript> 
<!-- End of StatCounter Code --> 

</div> 

<div id="Layer5" style="overflow: auto; position: absolute; left: 731px; top: 330px; width: 206px; height: 216px; z-index: 5; font-family: verdana; color: darkgreen; font-size:10pt; font-weight: bold;"> 
<!--replace the code below with your own cbox code--> 
<!-- BEGIN CBOX - http://www.cbox.ws --> 
<table border="0" cellpadding="0" cellspacing="0" summary="cbox tagboard" align="center"> 

<tr><td align="center"> 
<iframe frameborder="0" width="200" height="136" src="http://www3.cbox.ws/box/?boxid=2289823&boxtag=7824&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: #ababab 1px solid;" id="cboxmain"></iframe> 
</td></tr><tr><td align="center"> 
<iframe frameborder="0" width="200" height="75" src="http://www3.cbox.ws/box/?boxid=2289823&boxtag=7824&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: #ababab 1px solid; border-top: 0px;" id="cboxform"></iframe> 
</td></tr> 
</table> 
<!-- END CBOX --> 
</div> 
<div id="Layer5" style="overflow: auto; position: absolute; left: 305px; top: 350px; width: 241px; height: 251px; z-index: 5; font-family: verdana; color: darkgreen; font-size:10pt; font-weight: bold;"> 
<!--Put your personal informations below--> 
<font color=#0144DD>Name:</font> Your info here<br> 
<font color=#0144DD>Age:</font> Your info here<br> 

<font color=#0144DD>Location:</font> Your info here<br> 
<font color=#0144DD>Gender:</font> Your info here<br> 
<font color=#0144DD>Status:</font> Your info here<br> 
<font color=#0144DD>School:</font> Your info here<br> 
<font color=#0144DD>Occupation:</font> Your info here<br> 

<font color=#0144DD>Hobbies:</font> Your info here<br> 
<font color=#0144DD>Websites:</font> Your info here<br> 
</div> 


<div id="testi1" style="position: absolute; overflow:auto; left:466px; top:103px; width:465px; height:141px; z-index: 5; font-family: verdana; color: darkblue; font-size:10pt; font-weight: bold;"> 
<script language="javascript"> 
autotesti="yes"; 
</script> 
<div id=AUT class=left_column_content style="width:400px "></div></div> 

</body> 
</html>

janepearl · 11-02-2006, 09:40 PM

this is one of the coolest layout... uhmmm... parang i saw this layout on my friend's in friendster...

**kirksydney** · 11-02-2006, 09:41 PM

Originally Posted by janepearl

this is one of the coolest layout... uhmmm... parang i saw this layout on my friend's in friendster...

hehehe yah..
my friend, who made dat overlay, asked me to post it here..

arjaypogi99 · 11-03-2006, 01:10 AM

hehe...i know gmarvs hehehe..............hes a member here tooo....maybe he is busy working on another overlay he has hes own website if you are interested in his workss...sorry i dont know the link...of his website...

**kirksydney** · 11-05-2006, 08:10 PM

Originally Posted by arjaypogi99

hehe...i know gmarvs hehehe..............hes a member here tooo....maybe he is busy working on another overlay he has hes own website if you are interested in his workss...sorry i dont know the link...of his website...

here's the link on that website:
http://friendstercustomized.cjb.net/