Hi guys, I made a complete tutorial on how to create your own overlay layout for Friendster using Adobe Photoshop/Imageready and Macromedia Dreamweaver 8. Just follow this links guys. IMPORTANT: Read
You are viewing a post by eryl_213. View all 127 posts in Hi guys, I made a complete tutorial on how to create your own overlay layout for Friendster using Adobe Photoshop/Imageready and Macromedia Dreamweaver 8. Just follow this links guys. IMPORTANT: Read .
2008-09-02 22:37:36
- eryl_213
- » n00b
3
0
1969-12-31
Re: Hi guys, I made a complete tutorial on how to create your own overlay layout for Friendster using Adobe Photoshop/Imageready and Macromedia Dreamweaver 8. Just follow this links guys. IMPORTANT: Read
html>
<head>
<title>dark-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#center {
position:absolute;
width:1001px;
height:1025px;
z-index:1;
left: 0px;
top: 0px;
overflow: auto;
}
#navigation {
position:absolute;
width:129px;
height:251px;
z-index:2;
left: 74px;
top: 148px;
overflow: auto;
}
#mediabox {
position:absolute;
width:271px;
height:237px;
z-index:3;
left: 250px;
top: 156px;
overflow: auto;
}
#aboutme {
position:absolute;
width:380px;
height:359px;
z-index:4;
left: 562px;
top: 140px;
overflow: auto;
}
#mycomments {
position:absolute;
width:238px;
height:216px;
z-index:5;
left: 170px;
top: 467px;
overflow: auto;
}
#shout {
position:absolute;
width:243px;
height:199px;
z-index:6;
left: 42px;
top: 759px;
overflow: auto;
}
#pictures {
position:absolute;
width:249px;
height:203px;
z-index:7;
left: 316px;
top: 761px;
overflow: hidden;
}
#myfriends1 {
position:absolute;
width:116px;
height:257px;
z-index:8;
left: 623px;
top: 645px;
overflow: hidden;
}
#myfirens2 {
position:absolute;
width:116px;
height:257px;
z-index:9;
left: 763px;
top: 646px;
overflow: hidden;
}
-->
</style>
</head>
<body background="http://i260.photobucket.com/albums/ii11/ketah23/dark.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (dark-1.jpg) -->
<div align="center" id="center">
<table id="Table_01" width="998" height="1023" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="http://www.friendster.com">
<img src="http://i260.photobucket.com/albums/ii11/ketah23/dark-1_01.gif" width="104" height="50" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<img src="http://i260.photobucket.com/albums/ii11/ketah23/dark-1_02.gif" width="794" height="324" alt=""></td>
<td colspan="2">
<a href="http://www.friendster.com/logout.php">
<img src="http://i260.photobucket.com/albums/ii11/ketah23/dark-1_03.gif" width="100" height="50" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="http://i260.photobucket.com/albums/ii11/ketah23/dark-1_04.gif" width="104" height="274" alt=""></td>
<td colspan="2">
<img src="http://i260.photobucket.com/albums/ii11/ketah23/dark-1_05.gif" width="100" height="274" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="http://i260.photobucket.com/albums/ii11/ketah23/dark-1_06.gif" width="998" height="400" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="http://i260.photobucket.com/albums/ii11/ketah23/dark-1_07.gif" width="998" height="192" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i260.photobucket.com/albums/ii11/ketah23/dark-1_08.gif" width="598" height="106" alt=""></td>
<td colspan="2">
<a href="http://www.friendster.com/chimely">
<img src="http://i260.photobucket.com/albums/ii11/ketah23/dark-1_09.gif" width="318" height="106" border="0" alt=""></a></td>
<td>
<img src="http://i260.photobucket.com/albums/ii11/ketah23/dark-1_10.gif" width="82" height="106" alt=""></td>
</tr>
<tr>
<td>
<img src="http://i260.photobucket.com/albums/ii11/ketah23/spacer-1.gif" width="104" height="1" alt=""></td>
<td>
<img src="http://i260.photobucket.com/albums/ii11/ketah23/spacer-1.gif" width="494" height="1" alt=""></td>
<td>
<img src="http://i260.photobucket.com/albums/ii11/ketah23/spacer-1.gif" width="300" height="1" alt=""></td>
<td>
<img src="http://i260.photobucket.com/albums/ii11/ketah23/spacer-1.gif" width="18" height="1" alt=""></td>
<td>
<img src="http://i260.photobucket.com/albums/ii11/ketah23/spacer-1.gif" width="82" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</div>
<!----------start editing--------->
<!----------user id--------------->
<div id="navigation">
<p style="margin-top: 1px; margin-bottom: 1px"><font size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/1abu192.gif" width="10" height="10">
<a href="http://www.friendster.com/sendmessage.php?uid=USERID">
<span style="text-decoration: none">send message</span></a>
</font>
</p>
<p style="margin-top: 1px; margin-bottom: 1px"><font size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/1abu192.gif" width="10" height="10">
<a href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile">
<span style="text-decoration: none">send me a smile</span></a>
</font>
</p>
<p style="margin-top: 1px; margin-bottom: 1px"><font size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/1abu192.gif" width="10" height="10">
<a href="http://www.friendster.com/bookmarks.php?action=add&uid=USERID">
<span style="text-decoration: none">bookmark my profile</span></a>
</font>
</p>
<p style="margin-top: 1px; margin-bottom: 1px"><font size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/1abu192.gif" width="10" height="10">
<a href="http://www.friendster.com/testimonials.php?uid=USERID">
<span style="text-decoration: none">add comment</span></a>
</font>
</p>
<p style="margin-top: 1px; margin-bottom: 1px"><font size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/1abu192.gif" width="10" height="10">
<a href="http://www.friendster.com/addfriendrequest.php?uid=USERID">
<span style="text-decoration: none">add as a friend</span></a>
</font>
</p>
<p style="margin-top: 1px; margin-bottom: 1px"><font size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/1abu192.gif" width="10" height="10">
<a href="http://www.friendster.com/publiccomments.php?uid=USERID">
<span style="text-decoration: none">view all comments</span></a>
</font>
</p>
<p style="margin-top: 1px; margin-bottom: 1px"><font size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/1abu192.gif" width="10" height="10">
<a href="http://www.friendster.com/friends.php?uid=USERID">
<span style="text-decoration: none">view all friends</span></a>
</font>
</p>
<p style="margin-top: 1px; margin-bottom: 1px"><font size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/1abu192.gif" width="10" height="10">
<a href="http://www.friendster.com/viewphotos.php?uid=USERID">
<span style="text-decoration: none">view all pictures</span></a>
</font>
</p>
</div>
<!-------end---------->
<div id="mediabox">
<div id="content_10"></div>
<script language="javascript">
module10="yes";
</script>
</div>
<!--------about me----->
<div id="aboutme">
<BR>
<center><a href="URL OF YOUR PHOTOS">
<img src="URL OF YOUR PRIMARY PHOTO" width="200" height="230" border="3" style="border-color:#000000"></a></center>
<P align="left"><FONT size="3" color="FFFFFF">
<STRONG> Name:</STRONG> TXTXTXTXTXTXTXT<BR>
<STRONG> Nick:</STRONG> TXTXTXTXTXTXTXT<BR>
<STRONG> Member Since:</STRONG> TXTXTXTXTXTXTXT<BR>
<STRONG> Y.M.:</STRONG> TXTXTXTXTXTXTXT<BR>
<STRONG> Birthday:</STRONG> TXTXTXTXTXTXTXT<BR>
<STRONG> Age:</STRONG> TXTXTXTXTXTXTXT<BR>
<STRONG> Zodiac:</STRONG> TXTXTXTXTXTXTXT<BR>
<STRONG> Status:</STRONG> TXTXTXTXTXTXTXT<BR>
<STRONG> Location:</STRONG> TXTXTXTXTXTXTXT</FONT></P>
<P align="center"><FONT size="2.5" color="#FFFFFF">
<STRONG> Schools (Other):</STRONG><BR>
TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT<BR><BR>
<STRONG> Occupation:</STRONG><BR>
TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT<BR><BR>
<STRONG> Affiliations:</STRONG><BR>
TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT<BR><BR>
<STRONG> Hobbies and Interests:</STRONG><BR>
TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT<BR><BR>
<STRONG> Favorite Books:</STRONG><BR>
TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT<BR><BR>
<STRONG> Favorite Movies:</STRONG><BR>
TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT<BR><BR>
<STRONG> Favorite Music:</STRONG><BR>
TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT<BR><BR>
<STRONG> Favorite TV Shows:</STRONG><BR>
TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT<BR><BR>
<STRONG> About Me:</STRONG><BR>
TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT<BR></FONT></P>
</div>
<!-----------end----------->
<div id="mycomments">
<div id="content_18"></div>
<script language="javascript">
module18="yes";
</script>
</div>
<!-------chatbox------>
<div id="shout">
<center>
<iframe frameborder="0" width="200" height="140" src="http://www5.cbox.ws/box/?boxid=&boxtag=&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="200" height="45" src="http://www5.cbox.ws/box/?boxid=&boxtag=&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-top:0px" id="cboxform"></iframe>
</center>
</div>
<!-----------end----------->
<!--------pictures----------->
<div id="pictures">
<MARQUEE onmouseover=this.stop()
style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; WIDTH: 245px; HEIGHT: 180px; BORDER-BOTTOM: black 0px solid" onmouseout=this.start() scrollAmount=3 direction=left>
<IMG height=180 src="URL OF YOUR PHOTO" width=245>
<IMG height=180 src="URL OF YOUR PHOTO" width=245>
<IMG height=180 src="URL OF YOUR PHOTO" width=245>
<IMG height=180 src="URL OF YOUR PHOTO" width=245>
<IMG height=180 src="URL OF YOUR PHOTO" width=245>
<IMG height=180 src="URL OF YOUR PHOTO" width=245>
<IMG height=180 src="URL OF YOUR PHOTO" width=245>
<IMG height=180 src="URL OF YOUR PHOTO" width=245></MARQUEE>
</div>
<!-----------end----------->
<!--------friends1---------->
<div id="myfriends1">
<MARQUEE onmouseover=this.stop()
style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; WIDTH: 116px; HEIGHT: 257px; BORDER-BOTTOM: black 0px solid" onmouseout=this.start() scrollAmount=3 direction=up>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100></MARQUEE>
</div>
<!-----------end----------->
<!--------friends2---------->
<div id="myfirens2">
<MARQUEE onmouseover=this.stop()
style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; WIDTH: 116px; HEIGHT: 257px; BORDER-BOTTOM: black 0px solid" onmouseout=this.start() scrollAmount=3 direction=down>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100>
<IMG height=100 src="URL OF YOUR FRIEND'S PRIMARY PHOTO" width=100><
</div>
<!-----------end----------->
<!-----------end of editing----------->
</body>
</html>
 |