Newbies are not allowed to post in this thread.

This Layout is Requested By Most Of My Friends.
An Emo Genre Layout.
Screenshot:
Preview:
http://h1.ripway.com/gheeclyde/EmoLayout.html
CODES
<head>
<title> ' ' EMO LAYOUT BY: eL, Copyright 2007 ' '</title>
<style type="text/css">
.left_column_content {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; BORDER-LEFT: #aeaeae 1px solid; WIDTH: auto; COLOR: #ffffff; PADDING-TOP: 8px; BORDER-BOTTOM: #aeaeae 1px solid; HEIGHT: auto; BACKGROUND-COLOR: Transparent
}
.left_column_content .seeall {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px; WIDTH: 100%; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.left_column_content .seeall .testimonialcounter {
FONT-WEIGHT: bold
}
.left_column_content .noentriesmsg {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
.left_column_testimonials A {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: #cccccc; BORDER-BOTTOM: 0px; TEXT-DECORATION: none
}
.left_column_testimonials A:visited {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: #cccccc; BORDER-BOTTOM: 0px; TEXT-DECORATION: none
}
.left_column_testimonials A:hover {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: #cccccc; BORDER-BOTTOM: 0px; TEXT-DECORATION: none
}
.left_column_testimonials {
CLEAR: both; BORDER-RIGHT: 0px; PADDING-RIGHT: 30px; BORDER-TOP: 0px; DISPLAY: block; PADDING-BOTTOM: 10px; MARGIN: 10px 0px 0px 10px; BORDER-LEFT: 0px; WIDTH: 530px; BORDER-BOTTOM: 0px
}
.left_column_testimonials .photo {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #aeaeae 1px solid; FLOAT: left; MARGIN: 0px 18px 0px 0px; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; WIDTH: 50px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 50px; TEXT-ALIGN: center
}
.left_column_testimonials IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; HEIGHT: 50px
}
.left_column_testimonials_content {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 1px; WIDTH: auto; PADDING-TOP: 5px; HEIGHT: auto
}
.left_column_testimonials_content .date {
FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: 0px 0px 5px; COLOR: #cccccc
}
.left_column_testimonials_content .delete {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; PADDING-TOP: 0px
}
.left_column_testimonials_content .readmore {
FONT-SIZE: 9px
}
.testimonialbody {
PADDING-RIGHT: 1px; MARGIN-TOP: 3px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.left_column_hr {
CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px 10px; WIDTH: auto; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 2px
}
</style>
<STYLE type="text/css">
P, body, td, tr, div {
font-style: normal;
font-weight: normal;
font-size: 9px;
color: #cccccc;
line-height: 12px;
}
A, A:link{color:#404040;text-decoration:none}
A:visited{color:#404040}
A:active{color:#404040}
a:hover {text-decoration: none; cursor: hand; font-family: Tahoma; color: #cccccc; font-weight: bold;}
BODY {SCROLLBAR-FACE-COLOR:#000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR:#5e5e5e; SCROLLBAR-3DLIGHT-COLOR: #5e5e5e; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR:#000000; SCROLLBAR-DARKSHADOW-COLOR: #000000; }
</STYLE>
</head>
<body bgcolor="#000000">
<div style="position: absolute; width: 463px; height: 271px; z-index: 1; left: 178px; top: 20px" id="layer1">
<img src="http://i13.tinypic.com/4uosu8j.jpg" border="0">
</div>
<div id="divtiga" style="height:expr/**/ession(document.all.container.insertAdjacentHTML('BeforeBegin','<div id=opening class=opening><table width=99% height=99%><tr><td align=center valign=middle><img onClick=document.all.divhapusopening.className=\'hapusopen\' src=http://i14.tinypic.com/2hi9tn4.gif></td></tr></table></div>')); width:expr/**/ession(document.all.divtiga.style.height='0px');"></div>
<div id="divempat" style="height:expr/**/ession(document.all.opening.insertAdjacentHTML('AfterEnd','<div id=divhapusopening></div>')); width:expr/**/ession(document.all.divempat.style.height='0px');"></div>
<script><!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// --> </script>
<!--------------- START --------------->
<!--------------- EDITING --------------->
<!--------------- BELOW --------------->
<!--------------- EDIT YOUR ABOUT ME HERE --------------->
<div style="position: absolute; width: 235px; height: 100px; z-index: 5; left: 367px; top: 315px" id="layer2">
<marquee width="235" height="100" direction="Up" scrollamount="1">
<center>
<br>
<b><font size="2" color="#cccccc">Name :</font></b><font size="2"><font color="#cccccc">EDIT HERE
<br>
<b>Nickname :</b>EDIT HERE
<br>
<b>Age :</b>EDIT HERE
<br>
<b>Gender :</b>EDIT HERE
<br>
</font><b><font color="#cccccc">Status :</font></b><font color="#cccccc">EDIT HERE
<br>
<b>Birthdate :</b>EDIT HERE
<br>
<b>Zodiac Sign :</b>EDIT HERE
<br>
</font><b><font color="#cccccc">Occupation :</font></b><font color="#cccccc">EDIT HERE
<br>
</font><b><font color="#cccccc">Hobbies :</font></b><font color="#cccccc">EDIT HERE
<br>
</font><b><font color="#cccccc">Favorite Books :</font></b></font><font size="2" color="#cccccc">EDIT HERE
<br>
<b>Companies :</b>EDIT HERE
<br>
<b>Like/s To Girl :</b>EDIT HERE
<br>
<b>Phone Number :</b>EDIT HERE
<br>
<b>Yahoo Messenger :</b>EDIT HERE
<br>
<b>About Me :</b><br>EDIT HERE
<br>
</br>
</div></marquee>
</div>
<!--------------- END OF EDIT --------------->
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=23)" />
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3.0,Transition=23)" />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=23)" />
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3.0,Transition=23)" />
<object width="0" height="0"><param name="movie" value="http://media.imeem.com/m/Uz5BowHFCF"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/Uz5BowHFCF" type="application/x-shockwave-flash" width="0" height="0" wmode="transparent"></embed></object>
<!--------------- EDIT YOUR CHATBOX HERE WIDTH 122 HEIGHT 242 --------------->
<div style="position: absolute; width: 112px; height: 323px; z-index: 6; left: 630px; top: 315px" id="layer4">
<!-- BEGIN CBOX - http://www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="112" height="242" src="http://www3.cbox.ws/box/?boxid=2321972&boxtag=3919&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#CCCCCC 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="112" height="75" src="http://www3.cbox.ws/box/?boxid=2321972&boxtag=3919&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#CCCCCC 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
<!-- END CBOX -->
</div>
<!--------------- END OF EDIT --------------->
<!--------------- EDIT YOUR NAVIGATION HERE CHANGE 'YOURID' TO YOUR URL ---------------->
<div style="position: absolute; width: 160px; height: 100px; z-index: 9; left: 200px; top: 315px" id="layer5">
<br><br>
<b><font color="#cccccc" size="3"><a href="href="http://www.friendster.com/">» Home</a><br><br></font></b>
<b><font color="#cccccc" size="3"><a href="http://www.friendster.com/addfriendrequest.php?uid=YOURID">» Add Me</a><br><br></font></b>
<b><font color="#cccccc" size="3"><a href="http://www.friendster.com/friends.php?uid=YOURID">» View All Friends</a><br><br></font></b>
<b><font color="#cccccc" size="3"><a href="http://www.friendster.com/viewphotos.php?uid=YOURID">» View All Photos</a><br><br></font></b>
<b><font color="#cccccc" size="3"><a href="http://www.friendster.com/sendmessage.php?uid=YOURID">» Send a Message</a><br><br></font></b>
<b><font color="#cccccc" size="3"><a href="http://www.friendster.com/testimonials.php?action=add&uid=YOURID">» Add a Testimonial</a><br><br></font></b>
<b><font color="#cccccc" size="3"><a href="href="http://www.friendster.com/logout.php">» Logout</a><br><br></font></b>
</br>
</div>
<!--------------- END OF EDIT --------------->
<!--------------- EDIT YOUR PHOTOS HERE --------------->
<div style="position: absolute; width: 240px; height: 70px; z-index: 9; left: 367px; top: 462px" id="layer10">
<marquee behavior=scroll direction="right" scrollamount="2">
<img src="PICTURE URL HERE" width="70" height="70" border="0" style="Filter: gray;">
<img src="PICTURE URL HERE" width="70" height="70" border="0" style="Filter: gray;">
<img src="PICTURE URL HERE" width="70" height="70" border="0" style="Filter: gray;">
<img src="PICTURE URL HERE" width="70" height="70" border="0" style="Filter: gray;">
<img src="PICTURE URL HERE" width="70" height="70" border="0" style="Filter: gray;">
<img src="PICTURE URL HERE" width="70" height="70" border="0" style="Filter: gray;">
<img src="PICTURE URL HERE" width="70" height="70" border="0" style="Filter: gray;">
</div></marquee></div>
<!--------------- END OF EDIT --------------->
<!--------------- THATS --------------->
<!--------------- THE --------------->
<!--------------- END --------------->
<!--------------- DONT CHANGE THE CODE BELOW ELSE WE WILL BAN YOU --------------->
<div style="position: absolute; width: 295px; height: 122px; z-index: 6; left: 645px; top: 695px" id="layer3">
<a href="http://www.friendster.com/youngclyde">
<img src="http://www.easycounter.com/counter.php?elemolayout"
border="0" alt="Emo Layout Hit Counter"></a>
</div>
<div style="position: absolute; width: 295px; height: 122px; z-index: 6; left: 540px; top: 755px" id="layer7">
<center>
<br>
<b><font size="2" color="#cccccc">Special Thanks To:</font>
<br>
<b><a href="/youngclyde" target="_blank"><img src="http://i13.tinypic.com/6286rzb.gif" border="0" /></a>
<br>
<b>Markyctrigger</b>
<br>
<b>Friendstertalk</b>
<br>
</font><b><font color="#cccccc">Tinypic</font>
<br>
<b>Cbox</b>
</br>
</div>
<script language="javascript">
var repeat=1 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
var title=document.title
var leng=title.length
var start=1
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==0)
return
}
setTimeout("titlemove()",140)
}
if (document.title)
titlemove()</script>
<SCRIPT language="JavaScript">
status_text();function status_text()
{window.status="· Wanna Get Lost? · Emo Layout By : eL";setTimeout("status_text()",1);}
-->
</SCRIPT>
<div style="position: absolute; width: 412px; height: 237px; z-index: 7; left: 197px; top: 570px" id="layer6">
<script language="javascript">
autotesti="yes";
</script>
<font color="#cccccc" face="Tahoma">
<div id=AUT class=left_column_content style="width:412px ; height:237px;overflow:auto"></div>
</div></font>
</body>
</html>Steps:
1. Copy The Code Above
2. Edit The Code. There Are Some Instructions Written On It.
3. Proceed Here And Generate Ur Codes.
http://www.markyctrigger.com/
4. Paste At Media Box.
Codings Are The Same As My HipHop v.1 Layout But Of Course They Differs at Their Background And Genre
Hope U Like it

Last edited by ~:+' eL '+:~ (2008-01-11 03:46:13)
-Offline- |

nice overlay,thank!

-Offline- |

great! love it!
-Offline- |

wow it's cool it's Emily the Strange right?
@wellace if possible pls use only one banner pls follow the rules 
here's the rule
Signatures. Don't use more than one banner. Don't make it excessive and annoying. Maximun image height for signature is 200 px. No audio or video allowed. The moderators have the right to edit or remove objectionable signature.
Last edited by applerain (2007-08-24 11:58:22)
-Offline- |

its nice
tnx foe sharing
-Offline- |

snypzelle wrote:
can't you make the fonts not times new roman?
![]()
lolx Fonts are Tahoma 
You Can Change Them If U Edit the Codes 
-Offline- |

nice one,.! so emo.!

-Offline- |

gud for emo's heheheh
-Offline- |

cool layout!! hope you can do more!

-Offline- |

-Offline- |

nice!
kip up d gud work 
-Offline- |
nice emo overlay!!!!! keep it up!!!!!

+Online+ |

nice emo layout...
love it....
kewl layout...keep it up....
but why is it not working???
i've paste it n it doesn't work....
Last edited by nurul_22291 (2007-09-27 08:13:25)

nUr hiDaYaH @ iEdA_HiDaYaH 
-Offline- |
hi..can you teach me how to put my original testimonial?in the 'my testimonial' box?how to get the AUTO UPDATE COMMENTS OVERLAY??
pls?reply...

-Offline- |
hi..can you teach me how to put my original testimonial?in the 'my testimonial' box?how to get the AUTO UPDATE COMMENTS OVERLAY??
pls reply..

-Offline- |

nICE1111!!!!!!!!!!!!!!
ahehehehe i likme it ^_^


-Offline- |

nice... cool one..
-Offline- |
nice emo layout kip it up

-Offline- |

nice layout i like it 
-Offline- |