friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1

Overlay Layouts
» -----punky emo layout------

Newbies are not allowed to post in this thread.

#1 2008-06-08 10:13:24

ketah23: » Promoter; Registered: 2008-05-01; Posts: 1735; Reputation: 77

-----punky emo layout------

my third layout
hope you all like it
its colorful pink with white

features:auto update mediabox, auto update testimonial,my pictures,about me,friends photo

credits: murchies
ftalk
ripway
rj
hyde

live preview

Code:

<html>
<head>
<title>emo punk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#Layer1 {
    position:absolute;
    width:998px;
    height:1016px;
    z-index:1;
    left: 0px;
    top: 0px;
}
#navigation {
    position:absolute;
    width:126px;
    height:223px;
    z-index:2;
    left: 820px;
    top: 71px;
    overflow: auto;
    
}
#welcome {
    position:absolute;
    width:469px;
    height:489px;
    z-index:3;
    left: 503px;
    top: 388px;
    overflow: auto;
}
#aboutme {
    position:absolute;
    width:469px;
    height:489px;
    z-index:4;
    left: 503px;
    top: 388px;
    overflow: auto;
    display:none;
}
#pictures {
    position:absolute;
    width:469px;
    height:489px;
    z-index:5;
    overflow: auto;
    display:none;
    top: 388px;
    left: 503px;
}
#comments {
    position:absolute;
    width:469px;
    height:489px;
    z-index:6;
    overflow: auto;
    display:none;
    left: 503px;
    top: 388px;
}
#friends {
    position:absolute;
    height:489px;
    z-index:7;
    overflow: auto;
    display:none;
    width: 469px;
    top: 388px;
    left: 503px;
}
#mediabox {
    position:absolute;
    width:469px;
    height:489px;
    z-index:8;
    overflow: auto;
    display:none;
    left: 503px;
    top: 388px;
}


-->
</style>
<style type="text/css">
/* Picture Size */
.imgblock75 { width: 75px; height: 75px; background: #FFFFFF; overflow: hidden; }
.imgblock75 img { height: 75px; margin: 0 auto; }
</style>
<script>
function changeNavigation(id) 
{document.getElementById('welcome').innerHTML=document.getElementById
(id).innerHTML}

</script>
</head>

<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>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (dark-2.JPG) -->
<div id="Layer1">
<table id="Table_01" width="998" height="1022" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="http://i260.photobucket.com/albums/ii11/ketah23/emo_01.gif" width="998" height="350" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="http://i260.photobucket.com/albums/ii11/ketah23/emo_02.gif" width="998" height="344" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="http://i260.photobucket.com/albums/ii11/ketah23/emo_03.gif" width="998" height="328" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</div>
<!-------------------------------------------------------------------start editing----------------------------------------------------------->
<div id="navigation">
<p style="margin-top: 1px; margin-bottom: 1px"><font color="#0000FF" size="1" face="Arial" >
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.gif" width="10" height="10">
<a href="http://www.friendster.com">
<span style="text-decoration: none">home</span></a>
</font>
</p>

<p style="margin-top: 1px; margin-bottom: 1px"><font color="#0000FF" size="1" face="Arial" >
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.gif" width="10" height="10">
<a href="http://www.friendster.com/logout.php">
<span style="text-decoration: none">logout</span></a>
</font>
</p>


<p style="margin-top: 1px; margin-bottom: 1px"><font color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.gif" width="10" height="10">
<a href="javascript:onClick=changeNavigation('aboutme')">
<span style="text-decoration: none">about me</span></a>
</font>
</p>

<p style="margin-top: 1px; margin-bottom: 1px"><font color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.gif" width="10" height="10">
<a href="javascript:onClick=changeNavigation('pictures')">
<span style="text-decoration: none">my pictures</span></a>
</font>
</p>


<p style="margin-top: 1px; margin-bottom: 1px"><font color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.gif" width="10" height="10">
<a href="javascript:onClick=changeNavigation('comments')">
<span style="text-decoration: none">my comments</span></a>
</font>
</p>

<p style="margin-top: 1px; margin-bottom: 1px"><font color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.gif" width="10" height="10">
<a href="javascript:onClick=changeNavigation('friends')">
<span style="text-decoration: none">feautured friends</span></a>
</font>
</p>

<p style="margin-top: 1px; margin-bottom: 1px"><font color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.gif" width="10" height="10">
<a href="javascript:onClick=changeNavigation('mediabox')">
<span style="text-decoration: none">mediabox</span></a>
</font>
</p>

<p style="margin-top: 1px; margin-bottom: 1px"><font color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.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 color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.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 color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.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 color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.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 color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.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 color="#0000FF" size="1" face="Arial">
<img border="0" src="http://i260.photobucket.com/albums/ii11/ketah23/anibul15.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>
<!--------------------------welcome message--------->
<div id="welcome">
<center><img src="http://i278.photobucket.com/albums/kk102/rhojmusic/welcome.png" border="0" width="335"></a></center>
</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="000000">
<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="#000000">
<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>
<!----------------------pictures------------------->
<div id="pictures">
<div style="margin-left:10px; margin-right:10px; margin-bottom:20px; margin-top:20px">
<center>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<img border="0" src="YOUR PHOTO HERE" width="100" height="100" ></a>

<a href="http://www.friendster.com/photos/USERID">+View all Photos+</a>
</center>
</div>
</div>

<div id="comments">
<div id="content_18"></div>
<script language="javascript">
module18="yes";
</script>
</div>
<!----------------------friends------------------->
<div id="friends">
<div style="margin-left:10px; margin-right:10px; margin-bottom:20px; margin-top:20px">
<center>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>
<br>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100"></a>


<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>

<a href="http://www.friendster.com/user.php?uid="FRIEND ID"><img border="0" src="URL OF YOUR FRIENDS PHOTOS" width="100" 

height="100" ></a>


<a href="http://www.friendster.com/friends.php?uid=USERID">+View all Friends+</a>

</center></div>
</div>

<div id="mediabox">
<div id="content_10"></div>
<script language="javascript">
module10="yes";
</script>
</div>
<!--------------------------------------------end of editing----------------------------------------------------------------------->
</body>
</html>

Last edited by ketah23 (2008-06-09 04:18:50)

#2 2008-06-08 11:47:47

Nahz.Is.Fab: » FriendsterWhiz; › |♥ NAHZ ♥|; › The Scandalers; Location: ღ Philippines ღ; Registered: 2008-03-02; Posts: 3230; Reputation: 179; Friendster

Re: -----punky emo layout------

Nice Lay Dude..Keep It Up!!

Thanks For Sharing!!

|♥ BLOG ♥|
And as I look into your eyes
I see an angel in ~~disguise~~
Sent from God above
For me to love
To hold and idolize

#3 2008-06-09 15:34:24

triciapink29: » Promoter; › ok.fine. whatever you say; Location: PilipinasAustralia; Registered: 2008-04-01; Posts: 3349; Reputation: 204; Friendster

Re: -----punky emo layout------

cool..
keep it up
its pretty..
but i hate emo's
ahehe keep it up

#4 2008-06-10 09:13:38

-chx.xo-: » FriendsterTalker; › tsk.[:; Location: phiLi.[:; Registered: 2008-04-16; Posts: 188; Last visit: 2008-11-22; Reputation: ~

Re: -----punky emo layout------

nice layout!

-Offline-

#5 2008-07-04 16:40:43

kacang`z: » FriendsterElite; › System of a down; › System Of a Down; Location: Gresik City; Registered: 2008-04-22; Posts: 3628; Reputation: 130; Friendster

Re: -----punky emo layout------

nice layout.............
thx for sharing.................

#6 2008-07-05 14:28:26

kuntilanak: » Promoter; Registered: 2008-05-29; Posts: 4854; Reputation: 164

Re: -----punky emo layout------

Kuntilanak Said To You

Nice Layout brother... thanks for share

#7 2008-07-28 02:15:56

xaxii: » FriendsterTalker; › jus me!; › The Scandalers; Location: philippines; Registered: 2008-05-30; Posts: 271; Last visit: 2008-11-14; Reputation: 25; Friendster

Re: -----punky emo layout------

nice layie
keep it up!

lol ^^ mua.mua.mua

-Offline-

#8 2008-07-28 08:00:53

~~merwinlloyd_bagunas~~: » Banned; › "Lover Boy"; Location: "Kyusi???"; Registered: 2008-07-17; Posts: 577; Last visit: 2008-09-28; Reputation: 18; Friendster

Re: -----punky emo layout------

Wow u have nc layout,,,,,,,,,,,,
keep it up,,,,,,,,
chao,,,,,,,,,,,

-Offline-

#9 2008-07-29 11:36:20

aRiSa: » FriendsterTalker; › First love never dies..; Location: Japan; Registered: 2008-03-07; Posts: 228; Last visit: Today; Reputation: 1; Friendster

Re: -----punky emo layout------

Nice one bro!
keep it up
thanks for sharing

-Offline-

#10 2008-08-11 16:28:47

yunish: » FriendsterAgent; › he is my life now.; › Laymakers Society; Location: heaven of dreams; Registered: 2008-02-15; Posts: 2053; Reputation: 80; Friendster

Re: -----punky emo layout------

nice layout there..
it's a cool one again, indeed. xD
thanks for sharing..

blog|story|blog2

#11 2008-08-18 10:51:20

shia chan: » FriendsterManiac; › -[COLD AND VIOLENT]-; Location: kawaii.world; Registered: 2008-07-27; Posts: 641; Last visit: Today; Reputation: 32; Friendster

Re: -----punky emo layout------

thnx for sharing
keep it up

ii.KAWAII INSIDE.ii

-Offline-

#12 2008-09-08 09:27:21

vhoenix: » FriendsterWhiz; › .White Protector.; Registered: 2008-03-15; Posts: 3264; Reputation: 87

Re: -----punky emo layout------

nice layouts

thank's for sharing

keep it up:thumbsup:

#13 2008-11-29 22:11:55

b-boy_dimaz: » FriendsterManiac; › LAYmakER; › BANVER friendster_maniac; Location: banjarmasin; Registered: 2008-08-20; Posts: 793; Last visit: Today; Reputation: 13; Friendster

Re: -----punky emo layout------

Thanks for Sharing,i love it so.

ONE COLUMN LAYOUT
MY FIRST LAYOUT
COMPILATION EMO COUPLE LAYOUT
PlEaSeeE REpU Me +

-Offline-

Pages: 1

Overlay Layouts
» -----punky emo layout------

Search Friendstertalk

Moderated by ' 'eMokIdD, Ephemeral, Jirichi Ryunashira, portuniecho

Board footer

[ 21 queries - 0.363 second ]

Pay Per Click Ads by

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)