- ARCHIVES
- » Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
Pages: 1
Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
- blacksnake
- » n00b
47
0
1969-12-31
Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
Title: The Torment Zone
Theme: black, abstract, simple
[url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url]
[url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]IMAGE 2[/url]
Description: complex interface and added with accordion tracker, cbox (for past viewers), mp3 videos, viewers count, calendars and timer. A basic interface styled overlay layout....i hope you like it
[img]http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg[/img]
[img]http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg[/img]
CODES HERE IF YOU WANT...
[spoiler]<html>
<head>
<title>The Torment Zone (Updated: 9/12/2008)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(http://i283.photobucket.com/albums/kk289/dtorment66/ttznew.jpg);
}
.style1 {
font-family: "Times New Roman", Times, serif;
font-size: x-small;
}
#testi {
font-size: 9px;
color: #000000;
font-family:"Courier New", Courier, Consolas, monospace;
background-color:transparent;
text-decoration: blink;
}
#testi img{height:80px;width:80px;overflow: hidden;border:#999999 medium ridge; margin: 0 auto;}
#info {
font-size: 9px;
color:#000000;
font-family:"Courier New", Courier, Consolas, monospace;
background-color:transparent;
text-decoration: blink;
}
body,td,th {font-size: 10px;color: #000000;font-family:Consolas;}
#photos .flogridp .ir{
font-size: 9px;
color: #000000;
font-family:"Courier New", Courier, Consolas, monospace;
background-color:transparent;
text-decoration: blink;
}
#photos .flogridp .ir img{height:80px;width:80px;overflow: hidden;border:#999999 medium ridge; margin: 0 auto;}
#friends {
font-size: 9px;
color: #000000;
font-family:"Courier New", Courier, Consolas, monospace;
background-color:transparent;
text-decoration: blink;
}
#friends img{height:80px;width:80px;overflow: hidden;border:#999999 medium ridge; margin: 0 auto;}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}
.style3 {
color: #CCCCCC;
font-weight: bold;
}
.style4 {font-size: 9px}
.style5 {color: #CCCCCC; font-weight: bold; font-size: 9px; }
.style9 {font-family: Georgia, "Times New Roman", Times, serif}
.style11 {
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-size: 9px;
color: #000000;
}
.style13 {font-family: "Times New Roman", Times, serif}
.style14 {color: #000000}
.style15 {font-size: 9px; font-weight: bold;}
.style16 {
font-family: "Courier New", Courier, Consolas, monospace;
font-size: medium;
font-weight: bold;
}
.style18 {font-weight: bold; font-size: medium;}
.style20 {
font-family: "Courier New", Courier, Consolas, monospace;
font-weight: bold;
}
.style2 {color: #FFFFFF}
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; width:1024px; height:1024px; z-index:1; left: 0px; top: 0px;">
<div id="chat" style="position:absolute; width:160px; height:320px; z-index:1; left: 327px; top: 293px;">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="160" height="245" src="http://www2.cbox.ws/box/?boxid=1819114&boxtag=me87lf&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=1819114&boxtag=me87lf&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div>
<div id="view" style="position:absolute; width:160px; height:320px; z-index:1; left: 327px; top: 625px;">
<!-- BEGIN CBOX - www.cbox.ws -->
<iframe frameborder="0" width="160" height="320" src="http://www3.cbox.ws/box/?boxid=2837895&boxtag=je1w0x&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmainche" style="border:#000000 1px solid;" id="cboxmainche"></iframe>
<!-- END CBOX -->
<script language="javascript">
boxid=2837895;
boxtag="je1w0x";
wvcbox="yes";
wvcboxmodule="pst";
</script>
<div id="wvcboxel" style="display:none"></div>
</div>
<div id="Layer3" style="position:absolute; width:313px; height:200px; z-index:2; left: 493px; top: 294px;">
<embed quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="313" height="200" src="http://res1.esnips.com/escentral/images/widgets/flash/esnipsPL.swf" flashvars="autoPlay=yes&thePlayerURL=http://res1.esnips.com/escentral/images/widgets/flash/mp3WidgetPlayer.swf&fileIds=&plURL=http://www.esnips.com//plxml/b41b74e4-9251-4f57-bd3c-da8f4cc972d8/?cachePL=true"></embed>
</div>
<div id="info" style="position:absolute; width:313px; height:200px; z-index:2; left: 493px; top: 514px; overflow: scroll;">
<div id="content_6"></div>
<script language="javascript">
module6="yes";
</script>
</div>
<div id="testi" style="position:absolute; width:313px; height:200px; z-index:2; left: 494px; top: 745px; overflow: auto;">
<div id="content_18"></div>
<script language="javascript">
module18="yes";
</script>
</div>
<div id="Layer4" style="position:absolute; width:162px; height:324px; z-index:3; left: 834px; top: 140px;">
<table width="150" height="324" border="1">
<tr>
<td width="172" height="122"><img src="http://i283.photobucket.com/albums/kk289/dtorment66/1_903807885l-1.jpg" width="150" height="150"></td>
</tr>
<tr>
<td height="150"><p class="style1 style4"><strong><span class="style11">NAME:</span> <span class="style14"><br>
KRIS VINCENT L. PLARIZA <BR>
<span class="style15">NICKNAME:</span></span> <span class="style14"><br>
VinZ, IzTi <BR>
<span class="style15">AGE:</span></span> <span class="style14"><br>
19 </span><BR>
LOCATION: <br>
MAA, DAVAO CITY 8000 <BR>
HOMETOWN: <br>
DAVAO CITY <BR>
STATUS: SINGLE </strong></p></td>
</tr>
</table>
</div>
<div id="photos" style="position:absolute; width:164px; height:115px; z-index:4; border-width:medium; border-style:ridge; color:#999999;left: 833px; top: 497px; overflow: scroll;">
<div id="content_1"></div>
<script language="javascript">
module1="yes";
</script>
</div>
<div id="friends" style="position:absolute; width:164px; height:115px; z-index:4; border-width:medium; border-style:ridge; color:#999999;left: 833px; top: 645px; overflow: scroll;">
<div id="content_2"></div>
<script language="javascript">
module2="yes";
</script>
</div>
<div id="counter" style="position:absolute; width:160px; height:33px; z-index:17; left: 833px; top: 790px; border-width:medium; border-style:ridge; color:#999999;">
<center>
<a href="http://www.poq-files.com/" target="_blank"><img src="http://counter.poq-files.com/counter/counter/ygjvq332yeuw5ti.gif" width="160" height="33" border="0" /></a><br />
</center>
</div>
<div id="Layer6" style="position:absolute; width:250px; height:550px; z-index:18; left: 28px; top: 140px; overflow: scroll;">
<iframe id="wvm" src="http://h1.ripway.com/blacksnake/accordion%20tracker/TRACKER.PHP" style="height:550px;width:250px"></iframe>
</div>
<div id="Layer2" style="position:absolute; width:180px; height:223px; z-index:20; left: 74px; top: 760px;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" type="application/x-shockwave-flash" width="180px" height="223px" id="InsertWidget_a928ad13-bbe7-4509-9a6a-2a501128f995" align="middle"><param name="movie" value="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf"/><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="menu" value="false" /><param name="flashvars" value="r=2&appId=a928ad13-bbe7-4509-9a6a-2a501128f995" /><param name="allowScriptAccess" value="sameDomain" /> <embed src="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf" name="InsertWidget_a928ad13-bbe7-4509-9a6a-2a501128f995" width="180px" height="223px" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" align="middle" allowScriptAccess="sameDomain" flashvars="r=2&appId=a928ad13-bbe7-4509-9a6a-2a501128f995" /></object>
</div>
<div id="Layer5" style="position:absolute; width:192px; height:18px; z-index:21; left: 815px; top: 849px; border-width:medium; border-style:ridge; color:#999999;">
<embed src="http://www.clocklink.com/clocks/5002-gray.swf?TimeZone=Philippines_Manila&Place=&DateFormat=MM-DD-YY&" width="192" height="16" wmode="transparent" type="application/x-shockwave-flash">
</div>
<div id="Layer7" style="position:absolute; width:284px; height:51px; z-index:22; left: 29px; top: 79px;">
<div align="center" class="style9">
<div align="center"><span class="style13">**VIEWER'S LINKS**
</span> </div>
<div align="center" class="style13"><a href="http://www.friendster.com/sendmessage.php?uid=22615750"><strong>SEND MESSAGES|</strong></a><a href="http://www.friendster.com/testimonials.php?action=add&uid=22615750"><strong>ADD COMMENT</strong>|</a><a href="http://www.friendster.com/sendmessage.php?uid=22615750&action=sendsmile"><strong>SEND A SMILE</strong><br></a><a href="http://www.friendster.com/bookmarks.php?action=add&uid=22615750"><strong>ADD BOOKMARK|</strong></a><a href="http://www.friendster.com/referafriend.php?refer=22615750"><strong>FORWARD TO A FRIEND</strong></a>
<br>
<a href="http://www.friendster.com/viewphotos.php?uid=22615750"><strong>VIEW OTHER PHOTOS|</strong></a><a href="http://www.friendster.com/friends.php?&uid=22615750"><strong>YOUR FRIENDS</strong></a> </div>
</div>
</div>
<div id="Layer8" style="position:absolute; width:181px; height:50px; z-index:23; left: 824px; top: 79px;">
<div align="left" class="style9">
<div align="center"><span class="style13">**COMMON LINKS**
</span> </div>
<div align="center" class="style13"><a href="http://www.friendster.com/home.php"><strong>Home</strong></a>|<a href="http://www.friendster.com/user.php"><strong>MyProfile</strong></a>|<a href="http://www.friendster.com/friends.php"><strong>My Friends|</strong></a><a href="http://www.friendster.com/gallery.php"><strong>Gallery</strong></a><br>
<a href="http://www.friendster.com/blogs.php"><strong>Blogs</strong>|</a><a href="http://classifieds.friendster.com/ph"><strong>Classifieds|</strong></a><a href="http://www.friendster.com/invite.php"><strong>Invite Friends<br>
</strong></a><a href="http://www.friendster.com/messages.php"><strong>My Messages</strong>|</a><a href="http://www.friendster.com/editaccount.php"><strong>My Settings|</strong></a><a href="http://www.friendster.com/custhelp.php"><strong>Help|</strong></a><a href="http://www.friendster.com/logout.php"><strong>Log Out</strong></a> </div>
</div>
</div>
<div id="Layer9" style="position:absolute; width:121px; height:11px; z-index:24; left: 833px; top: 484px;">
<div align="left" class="style13"><strong>PHOTOS AND REVIEWS</strong></div>
</div>
<div id="Layer9" style="position:absolute; width:65px; height:11px; z-index:24; left: 833px; top: 632px;">
<div align="left" class="style13"><strong>FRIENDS</strong></div>
</div>
<div id="Layer9" style="position:absolute; width:130px; height:11px; z-index:24; left: 493px; top: 501px;">
<div align="center" class="style3">
<div align="left" class="style13">PROFILE INFORMATION</div>
</div>
</div>
<div id="Layer9" style="position:absolute; width:116px; height:11px; z-index:24; left: 494px; top: 732px;">
<div align="center" class="style3">
<div align="left" class="style13">PROFILE COMMENTS </div>
</div>
</div>
<div id="Layer9" style="position:absolute; width:63px; height:11px; z-index:24; left: 327px; top: 280px;">
<div align="center" class="style5">
<div align="left" class="style13">CHAT ZONE </div>
</div>
</div>
<div id="Layer9" style="position:absolute; width:102px; height:10px; z-index:24; left: 327px; top: 613px;">
<div align="center" class="style3 style4">
<div align="left" class="style13">PROFILE VIEWERS</div>
</div>
</div>
<div id="Layer10" style="position:absolute; width:284px; height:21px; z-index:25; left: 30px; top: 49px;">
<div align="center"><span class="style16">POST COMMENTS? CLICK </span><span class="style18"><a href="http://www.friendster.com/testimonials.php?action=add&uid=22615750">HERE</a></span><span class="style16"> </span></div>
</div>
<div id="Layer9" style="position:absolute; width:87px; height:11px; z-index:24; left: 493px; top: 281px;">
<div align="center" class="style3">
<div align="left" class="style13">MY MEDIA ZONE </div>
</div>
</div>
<div id="Layer11" style="position:absolute; width:191px; height:115px; z-index:26; left: 818px; top: 878px; text-decoration: blink;">
<div align="center">
<p class="style20">THANKS TO:<BR>
MARKYTRIGGER<BR>
FRIENDSTER<BR>
ESNIPS<BR>
WVM 2.1<BR>
POQ-FILES.COM<BR>
CLOCKLINK.COM<BR>
CBOX<BR>
AND ME AS A DESIGNER</p>
</div>
</div>
<div id="Layer7" style="position:absolute; width:481px; height:45px; z-index:7; left: 327px; top: 953px;">
<div align="center"><font face="Arial"><span class="style2"><a href="http://www.friendster.com/info/index.php?statpos=footer"><font size="1">About Us</font></a><font size="1"> | <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> | </font> <a href="http://www.friendster.com/info/privacy.php?statpos=footer"> <font size="1">Privacy Policy</font></a></span></font><span class="style2"><br>
<font face="Arial" size="1">Copyright © 2002-2006 Friendster, Inc. All rights reserved. Patent Pending.</font></span></div>
</div>
</div>
<script language=javascript>
testimania="yes";
deftestimaniamess="Can You Kindly, please leave a testimonial";
cancelmania="You can't leave here unless you drop me a testimonial";
</script>
<div id="testimaniaid"></div>
</body>
</html>[/spoiler]
Last edited by blacksnake (2008-09-12 08:25:21)
 |
- sugarstyx_x
- » FTalkFreak
- 1604
- 0
- 1969-12-31
Re: Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
wow that's a lot of table positioning! awesome job with the contents.. although I'm into more colorful based layouts. this is pretty good 
|
- blacksnake
- » n00b
- 47
- 0
- 1969-12-31
Re: Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
ya...i'm more on table structuring than the color...this signifies that the designer (me) has very meticulous with the details and also mathematically involved...i'm focusing more on the very detailed part...
|
- sugarstyx_x
- » FTalkFreak
- 1604
- 0
- 1969-12-31
Re: Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
true, but remember overlays tend to confuse more users because of the amount of contents they'd have to re-edit for their infos.
just a suggestion, you might want to bold the areas where they can edit so that it's easier for them to read through it.
|
- blacksnake
- » n00b
- 47
- 0
- 1969-12-31
Re: Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
i'll try my best to do that one....if I have time for that...and i have to apply background images on this page if needed...this is one of the examples of simple geometric technique usually done by the designers who rely on quadrilateral structure....if needed...i have to follow up this one and also the past layouts (e.g. The Dark Side of IzTi).
the concepts of past layouts is very easy to determine...but for those who request this layout...i'll suggest they need 1024x768 size photo(mostly composite) and a media box (if you have)
|
- blacksnake
- » n00b
- 47
- 0
- 1969-12-31
Re: Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
here is the code posted for this layout (blank)
NOTE: some of the layered contents are marked by <!---> which means comment...its up to you if you want to design this profile
[spoiler]<html>
<head>
<title>The Torment Zone (Updated: 9/12/2008)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(http://i283.photobucket.com/albums/kk289/dtorment66/ttznew.jpg);
}
.style1 {
font-family: "Times New Roman", Times, serif;
font-size: x-small;
}
#testi {
font-size: 9px;
color: #000000;
font-family:"Courier New", Courier, Consolas, monospace;
background-color:transparent;
text-decoration: blink;
}
#testi img{height:80px;width:80px;overflow: hidden;border:#999999 medium ridge; margin: 0 auto;}
#info {
font-size: 9px;
color:#000000;
font-family:"Courier New", Courier, Consolas, monospace;
background-color:transparent;
text-decoration: blink;
}
body,td,th {font-size: 10px;color: #000000;font-family:Consolas;}
#photos .flogridp .ir{
font-size: 9px;
color: #000000;
font-family:"Courier New", Courier, Consolas, monospace;
background-color:transparent;
text-decoration: blink;
}
#photos .flogridp .ir img{height:80px;width:80px;overflow: hidden;border:#999999 medium ridge; margin: 0 auto;}
#friends {
font-size: 9px;
color: #000000;
font-family:"Courier New", Courier, Consolas, monospace;
background-color:transparent;
text-decoration: blink;
}
#friends img{height:80px;width:80px;overflow: hidden;border:#999999 medium ridge; margin: 0 auto;}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}
.style3 {
color: #CCCCCC;
font-weight: bold;
}
.style4 {font-size: 9px}
.style5 {color: #CCCCCC; font-weight: bold; font-size: 9px; }
.style9 {font-family: Georgia, "Times New Roman", Times, serif}
.style11 {
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-size: 9px;
color: #000000;
}
.style13 {font-family: "Times New Roman", Times, serif}
.style14 {color: #000000}
.style15 {font-size: 9px; font-weight: bold;}
.style16 {
font-family: "Courier New", Courier, Consolas, monospace;
font-size: medium;
font-weight: bold;
}
.style18 {font-weight: bold; font-size: medium;}
.style20 {
font-family: "Courier New", Courier, Consolas, monospace;
font-weight: bold;
}
.style2 {color: #FFFFFF}
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; width:1024px; height:1024px; z-index:1; left: 0px; top: 0px;">
<div id="chat" style="position:absolute; width:160px; height:320px; z-index:1; left: 327px; top: 293px;">
<!--CBOX CHAT VERSION APPLIED -->
</div>
<div id="view" style="position:absolute; width:160px; height:320px; z-index:1; left: 327px; top: 625px;">
<!--WVM CBOX VERSION APPLIED, ITS UP TO YOU-->
</div>
<div id="Layer3" style="position:absolute; width:313px; height:200px; z-index:2; left: 493px; top: 294px;">
<!--MEDIA SECTION APPLIED-->
</div>
<div id="info" style="position:absolute; width:313px; height:200px; z-index:2; left: 493px; top: 514px; overflow: scroll;">
<div id="content_6"></div>
<script language="javascript">
module6="yes";
</script>
</div>
<div id="testi" style="position:absolute; width:313px; height:200px; z-index:2; left: 494px; top: 745px; overflow: auto;">
<div id="content_18"></div>
<script language="javascript">
module18="yes";
</script>
</div>
<div id="Layer4" style="position:absolute; width:162px; height:324px; z-index:3; left: 834px; top: 140px;">
<table width="150" height="324" border="1">
<tr>
<td width="172" height="122"><img src="YOUR PICTURE HERE" width="150" height="150"></td>
</tr>
<tr>
<td height="150"><p class="style1 style4"><strong><span class="style11">NAME:</span> <span class="style14"><br>
YOUR NAME <BR>
<span class="style15">NICKNAME:</span></span> <span class="style14"><br>
YOUR NICK <BR>
<span class="style15">AGE:</span></span> <span class="style14"><br>
YOUR AGE </span><BR>
LOCATION: <br>
YOUR LOCATION <BR>
HOMETOWN: <br>
YOUR HOMETOWN <BR>
STATUS: YOUR CIVIL STATUS </strong></p></td>
</tr>
</table>
</div>
<div id="photos" style="position:absolute; width:164px; height:115px; z-index:4; border-width:medium; border-style:ridge; color:#999999;left: 833px; top: 497px; overflow: scroll;">
<div id="content_1"></div>
<script language="javascript">
module1="yes";
</script>
</div>
<div id="friends" style="position:absolute; width:164px; height:115px; z-index:4; border-width:medium; border-style:ridge; color:#999999;left: 833px; top: 645px; overflow: scroll;">
<div id="content_2"></div>
<script language="javascript">
module2="yes";
</script>
</div>
<div id="counter" style="position:absolute; width:160px; height:33px; z-index:17; left: 833px; top: 790px; border-width:medium; border-style:ridge; color:#999999;">
<!--refer at poq-files.com for counters-->
</div>
<div id="Layer5" style="position:absolute; width:192px; height:18px; z-index:21; left: 815px; top: 849px; border-width:medium; border-style:ridge; color:#999999;">
<embed src="http://www.clocklink.com/clocks/5002-gray.swf?TimeZone=Philippines_Manila&Place=&DateFormat=MM-DD-YY&" width="192" height="16" wmode="transparent" type="application/x-shockwave-flash">
</div>
<div id="Layer7" style="position:absolute; width:284px; height:51px; z-index:22; left: 29px; top: 79px;">
<div align="center" class="style9">
<div align="center"><span class="style13">**VIEWER'S LINKS**
</span> </div>
<div align="center" class="style13"><a href="http://www.friendster.com/sendmessage.php?uid=22615750"><strong>SEND MESSAGES|</strong></a><a href="http://www.friendster.com/testimonials.php?action=add&uid=22615750"><strong>ADD COMMENT</strong>|</a><a href="http://www.friendster.com/sendmessage.php?uid=22615750&action=sendsmile"><strong>SEND A SMILE</strong><br></a><a href="http://www.friendster.com/bookmarks.php?action=add&uid=22615750"><strong>ADD BOOKMARK|</strong></a><a href="http://www.friendster.com/referafriend.php?refer=22615750"><strong>FORWARD TO A FRIEND</strong></a>
<br>
<a href="http://www.friendster.com/viewphotos.php?uid=22615750"><strong>VIEW OTHER PHOTOS|</strong></a><a href="http://www.friendster.com/friends.php?&uid=22615750"><strong>YOUR FRIENDS</strong></a> </div>
</div>
</div>
<div id="Layer8" style="position:absolute; width:181px; height:50px; z-index:23; left: 824px; top: 79px;">
<div align="left" class="style9">
<div align="center"><span class="style13">**COMMON LINKS**
</span> </div>
<div align="center" class="style13"><a href="http://www.friendster.com/home.php"><strong>Home</strong></a>|<a href="http://www.friendster.com/user.php"><strong>MyProfile</strong></a>|<a href="http://www.friendster.com/friends.php"><strong>My Friends|</strong></a><a href="http://www.friendster.com/gallery.php"><strong>Gallery</strong></a><br>
<a href="http://www.friendster.com/blogs.php"><strong>Blogs</strong>|</a><a href="http://classifieds.friendster.com/ph"><strong>Classifieds|</strong></a><a href="http://www.friendster.com/invite.php"><strong>Invite Friends<br>
</strong></a><a href="http://www.friendster.com/messages.php"><strong>My Messages</strong>|</a><a href="http://www.friendster.com/editaccount.php"><strong>My Settings|</strong></a><a href="http://www.friendster.com/custhelp.php"><strong>Help|</strong></a><a href="http://www.friendster.com/logout.php"><strong>Log Out</strong></a> </div>
</div>
</div>
<div id="Layer9" style="position:absolute; width:121px; height:11px; z-index:24; left: 833px; top: 484px;">
<div align="left" class="style13"><strong>PHOTOS AND REVIEWS</strong></div>
</div>
<div id="Layer9" style="position:absolute; width:65px; height:11px; z-index:24; left: 833px; top: 632px;">
<div align="left" class="style13"><strong>FRIENDS</strong></div>
</div>
<div id="Layer9" style="position:absolute; width:130px; height:11px; z-index:24; left: 493px; top: 501px;">
<div align="center" class="style3">
<div align="left" class="style13">PROFILE INFORMATION</div>
</div>
</div>
<div id="Layer9" style="position:absolute; width:116px; height:11px; z-index:24; left: 494px; top: 732px;">
<div align="center" class="style3">
<div align="left" class="style13">PROFILE COMMENTS </div>
</div>
</div>
<div id="Layer9" style="position:absolute; width:63px; height:11px; z-index:24; left: 327px; top: 280px;">
<div align="center" class="style5">
<div align="left" class="style13">CHAT ZONE </div>
</div>
</div>
<div id="Layer9" style="position:absolute; width:102px; height:10px; z-index:24; left: 327px; top: 613px;">
<div align="center" class="style3 style4">
<div align="left" class="style13">PROFILE VIEWERS</div>
</div>
</div>
<div id="Layer9" style="position:absolute; width:87px; height:11px; z-index:24; left: 493px; top: 281px;">
<div align="center" class="style3">
<div align="left" class="style13">MY MEDIA ZONE </div>
</div>
</div>
<div id="Layer11" style="position:absolute; width:191px; height:115px; z-index:26; left: 818px; top: 878px; text-decoration: blink;">
<div align="center">
<p class="style20">THANKS TO:<BR>
MARKYTRIGGER<BR>
FRIENDSTER<BR>
ESNIPS<BR>
WVM 2.1<BR>
POQ-FILES.COM<BR>
CLOCKLINK.COM<BR>
CBOX<BR>
AND ME AS A DESIGNER</p>
</div>
</div>
<div id="Layer7" style="position:absolute; width:481px; height:45px; z-index:7; left: 327px; top: 953px;">
<div align="center"><font face="Arial"><span class="style2"><a href="http://www.friendster.com/info/index.php?statpos=footer"><font size="1">About Us</font></a><font size="1"> | <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> | </font> <a href="http://www.friendster.com/info/privacy.php?statpos=footer"> <font size="1">Privacy Policy</font></a></span></font><span class="style2"><br>
<font face="Arial" size="1">Copyright © 2002-2006 Friendster, Inc. All rights reserved. Patent Pending.</font></span></div>
</div>
</div>
<script language=javascript>
testimania="yes";
deftestimaniamess="Can You Kindly, please leave a testimonial";
cancelmania="You can't leave here unless you drop me a testimonial";
</script>
<div id="testimaniaid"></div>
</body>
</html>[/spoiler]
|
- blacksnake
- » n00b
- 47
- 0
- 1969-12-31
Re: Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
[img]http://i283.photobucket.com/albums/kk289/dtorment66/ttznew.jpg[/img]
at the LEFT portion of this picture is a large table...you may add your widgets here...but be sure it is not overlapped this table....don't touch the rest of the section since they are seven sections, six of them are placed and given in this code...use my blank code to add widgets to beautify my profile
you may view this page:[url=http://h1.ripway.com/blacksnake/ttzblank.html]HERE[/url]
Last edited by blacksnake (2008-09-13 09:12:38)
|
- boykilatz
- » FTalkGeek
- 1156
- 0
- 1969-12-31
Re: Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
cool! i might try this one. hahaha
thanks for sharing!
|
- vhoenix
- » FTalkWhiz
- 2894
- 0
- 1969-12-31
Re: Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
cool layouts
thank's for sharing
keep it up 
|
- bles_212000
- » FTalkWhiz
- 2863
- 0
- 1969-12-31
Re: Title: The Torment Zone Theme: black, abstract, simple [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz.jpg]IMAGE 1[/url] [url=http://i283.photobucket.com/albums/kk289/dtorment66/ttz2.jpg]
wow! this is the best i think! thanks for sharing! +rep for you buddy! 
|