Techno Sisters

**kirksydney** · 11-05-2006, 09:06 PM

Thanks to my friend gmarvz for this cool overlay..

For the preview, click here:
http://www.freewebtown.com/gfiles/overlays/techno.html

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

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

<html>
<head>
<title>Techno Inspired Layout By Gmarvz</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
a:link {color: green; text-decoration:none; font-weight:;}
a:active {color: #E3E3E3; text-decoration:none; font-weight:;}
a:visited {text-decoration:none; font-weight:;}
a:hover {color:#E3E3E3; text-decoration:underline; font-weight:underlined;}
</style>
<style type="text/css">
#AUT{font-size:10px; font-family:verdana; color:#CBA300; padding:0px 5px 0px 5px; background-color: transparent;}
.left_column_testimonials .imgblock2 img {width:50px; border:2px solid #CBA300 !important; margin-right:100px !important;}
.left_column_testimonials_content .date {color:#CBA300;}
.testimonialbody{ padding-bottom:5px; margin-bottom:5px;}
.left_column_testimonials a:visited, .left_column_testimonials a:link{text-decoration:none; color:green;}
.left_column_hr{overflow:hidden; clear:both; border-bottom:1px solid #CBA300; height:5px; margin-bottom:5px;}
.seeall{padding-bottom:5px; text-align:center;}
.seeall a:link, .seeall a:visited{text-decoration:none; color:green;}
.seeall a:hover, a:hover{color:#E3E3E3; font-weight:bold}
-->
</style>
<style type="text/css">

#marqueecontainer{
position: relative;
width: 140px; /*marquee width */
height: 168px; /*marquee height */
background-color: #313131;
overflow: hidden;
border: ;
padding: 2px;
padding-left: 4px;
font: 12px verdana;
}
</style>
<script type="text/javascript">
var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''
function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+Cool)
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}
function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}
if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee
</script>
<style type="text/css">
<!--
#AUT IMG
{
vertical-align: bottom;
}
-->
</style>
</head>
<center>
<body bgcolor="#232323" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (techno.psd) -->
<!--change the img scr with the url from your own image host-->
<table id="Table_01" width="816" height="1173" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="images/techno_01.jpg" width="816" height="328" border="0" alt="" usemap="#techno_01_Map"></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/techno_02.jpg" width="195" height="845" border="0" alt="" usemap="#techno_02_Map"></td>
<td>
<img src="images/techno_03.jpg" width="162" height="118" alt=""></td>
<td rowspan="2">
<img src="images/techno_04.jpg" width="459" height="845" border="0" alt="" usemap="#techno_04_Map"></td>
</tr>
<tr>
<td>
<img src="images/techno_05.jpg" width="162" height="727" border="0" alt="" usemap="#techno_05_Map"></td>
</tr>
</table>
<map name="techno_01_Map">
<area shape="rect" alt="" coords="510,215,561,228" href="http://www.friendster.com/index.php?logout=1">
<area shape="rect" alt="" coords="438,215,500,228" href="http://www.friendster.com/messages.php">
<area shape="rect" alt="" coords="379,215,427,228" href="http://www.friendster.com/friends.php">
<area shape="rect" alt="" coords="327,215,368,228" href="http://www.friendster.com/user.php">
<area shape="rect" alt="" coords="273,215,316,229" href="http://www.friendster.com/home.php">
<area shape="rect" alt="" coords="16,309,150,328" href="http://www.friendster.com/home.php">
</map>
<!--change the YOURUSERID with your own numerical userid-->
<map name="techno_02_Map">
<area shape="rect" alt="" coords="16,383,159,449" href="http://friendstercustomized.cjb.net">
<area shape="rect" alt="" coords="16,334,149,350" href="http://www.friendster.com/testimonials.php?action=add&uid=YOURUSERID">
<area shape="rect" alt="" coords="16,309,149,326" href="http://www.friendster.com/addfriendrequest.php?uid=YOURUSERID">
<area shape="rect" alt="" coords="16,285,148,303" href="http://www.friendster.com/viewphotos.php?uid=YOURUSERID&action=sendsmile">
<area shape="rect" alt="" coords="16,262,149,285" href="http://www.friendster.com/sendmessage.php?uid=YOURUSERID">
<area shape="rect" alt="" coords="16,236,148,258" href="http://www.friendster.com/testimonials.php?uid=YOURUSERID">
<area shape="rect" alt="" coords="16,212,149,231" href="http://www.friendster.com/friends.php?uid=YOURUSERID">
<area shape="rect" alt="" coords="16,188,149,207" href="http://www.friendster.com/viewphotos.php?uid=YOURUSERID">
<area shape="rect" alt="" coords="16,76,147,92" href="http://www.friendster.com/index.php?logout=1">
<area shape="rect" alt="" coords="16,54,147,71" href="http://www.friendster.com/messages.php">
<area shape="rect" alt="" coords="16,30,148,46" href="http://www.friendster.com/friends.php">
<area shape="rect" alt="" coords="16,5,149,25" href="http://www.friendster.com/user.php">
</map>
<map name="techno_04_Map">
<area shape="rect" alt="" coords="285,814,395,834" href="http://www.markyctrigger.com">
<area shape="rect" alt="" coords="215,814,274,835" href="http://www.friendster.com/4389326">
<area shape="rect" alt="" coords="89,814,203,836" href="http://techno-sisters.cjb.net">
<area shape="rect" alt="" coords="0,814,80,831" href="http://friendstercustomized.cjb.net">
</map>
<map name="techno_05_Map">
<area shape="rect" alt="" coords="71,696,162,713" href="http://friendstercustomized.cjb.net">
</map>
<!-- End ImageReady Slices -->

<!--google ads..nyhaha-->
<div id='ldheHtml7' name='ldheHtml7' style='position:absolute;left:137px;top:1225px;width:728px;height:90px;' align='left' valign='top'>
<script type="text/javascript"><!--
google_ad_client = "pub-2131301283868005";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
//2006-10-31: home1, home2, home3, home4, home5
google_ad_channel = "5833324445+5524334952+0616758294+7342539979+5344538753";
google_color_border = "313131";
google_color_bg = "313131";
google_color_link = "CBA300";
google_color_text = "E3E3E3";
google_color_url = "00C000";
//--></script>

<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<!--change the code below with your own statcounter code-->
<div id='ldheHtml2' name='ldheHtml2' style='position:absolute;left:155px;top:1145px;width:101px;height:16px;' align='left' valign='top'>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=2013325;
var sc_invisible=0;
var sc_partition=18;
var sc_security="55deee01";

</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://c19.statcounter.com/counter.php?sc_project=2013325&java=0&security=55deee01&invisible=0" alt="free stats" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
</div>


</center>
<p align="center">
<font color="#E3E3E3" face="verdana" size="2">
<a href="http://www.friendster.com/info/index.php?statpos=footer">About Us</a> |
<a href="http://www.friendster.com/info/contacts.php?statpos=footer">Contact Us</a> |
<a href="http://www.friendster.com/events.php?statpos=footer">Events</a> |
<a href="http://www.friendster.com/affiliate.php?statpos=footer">Promote My Profile</a> |
<a href="http://www.friendster.com/custhelp.php?statpos=footer">Help</a> |
<a href="http://www.friendster.com/info/tos.php?statpos=footer">Terms of Service</a> |
<a href="http://www.friendster.com/info/privacy.php?statpos=footer">Privacy Policy</a><br>
Copyright © 2002-2006 Friendster, Inc. All rights reserved. U.S. Patent No. 7,069,308</font></p>

<!--marquee..enter your message below-->
<div id='ldheHtml6' name='ldheHtml6' style='position:absolute;left:750px;top:285px;width:146px;height:171px;' align='left' valign='top'>
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width:;">
<!--YOUR SCROLL CONTENT HERE-->
<font color=#E3E3E3><h5>Techno Inspired Layout By Gmarvz</h5><br>message here message here message here message here message here

<!--YOUR SCROLL CONTENT HERE-->
</div>
</div>
</div>

<!--change the code below with your own cbox code-->
<div id='ldheHtml1' name='ldheHtml1' style='position:absolute;left:752px;top:500px;width:146px;height:276px;' align='left' valign='top'>
<!-- BEGIN CBOX - http://www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="146" height="201" src="http://www.cbox.ws/box/?boxid=828509&amp;boxtag=6969&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#313131 1px solid;" id="cboxmain"></iframe><br>
<iframe frameborder="0" width="146" height="75" src="http://www.cbox.ws/box/?boxid=828509&amp;boxtag=6969&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#313131 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
<!-- END CBOX -->
</div>


<div id="Layer5" style="overflow: auto; position: absolute; left: 290px; top: 455px; width: 435px; height: 341px; z-index: 5; font-family: verdana; color: #E3E3E3; font-size:10pt; font-weight: ;">

<!--Put your personal informations below-->

<font color=#CBA300>Name:</font> Your info here<br>
<font color=#CBA300>Age:</font> Your info here<br>

<font color=#CBA300>Location:</font> <a href=http://ww.google.com>Your info here</a><br>
<font color=#CBA300>Gender:</font> Your info here<br>
<font color=#CBA300>Status:</font> Your info here<br>
<font color=#CBA300>School:</font> Your info here<br>
<font color=#CBA300>Occupation:</font> Your info here<br>

<font color=#CBA300>Hobbies:</font> Your info here<br>
<font color=#CBA300>Websites:</font> Your info here<br><br>

<font color=#CBA300><b>Who i want to meet:</b></font><br><br>
Your Text here Your Text here Your Text here Your Text here Your Text here Your Text here Your Text here Your Text here Your Text here Your Text here Your Text here Your Text here Your Text here Your Text here Your Text hereYour Text here Your Text here Your Text here Your Text here Your Text here Your Text here Your
</div>

<!--change the codes below with your own mp3 player codes-->
<div id="ldheHtml2" style="position: absolute; left: 115px; top: 835px; width: 281px; height: 281px;" align="left">
<table border="0" cellpadding="0" cellspacing="0" width="300">

<tr><td><embed src="http://www.nackvision.com/player/nackvision_black.swf" menu="false" quality="high" width="280" height="280" name="index" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlist=http://www.nackvision.com/talk/playlists/1/87382.xml&ShowPlaylist=1&ShowEQ=1&firstTrack=1&initVol=90" wmode="transparent" border="0" /></td></tr><tr><td align="center"></td></tr></table></div>


<div id=AUT class=left_column_content style="position:absolute; z-index:1; width:461px; height:276px; left:430px; top:840px; overflow: scroll;"></div>

<script language="javascript">
autotesti="yes";
</script>


</div>




</body>
</html>

starsapphire04 · 11-25-2006, 10:12 PM

Layouts inspired from techno-sisters.cjb.net

mysweetie75 · 12-28-2006, 11:43 PM

wow, nice. Wish you could have included the who view you thingy...

starsapphire04 · 01-05-2007, 11:52 AM

I hope our site would come back soon.

captainbryane · 02-13-2008, 07:47 PM

nice one po,.

jhyrr · 03-04-2008, 11:19 PM

hey.. techno sister,, how to edit this codes, and can you make red font the word or part i need to edit.. tnx po.

Ansem101 · 07-30-2008, 10:13 PM

sayang nga lng wala na ata ung web site nila...? gaganda pa nmn ng layouts dun.