Gothic

Layout designer

Rate this layout

» Layout Preview

How to Get the RIGHT Code:
1. Copy the URL below:
http://stormpages.com/jayzeleajs/fiendishperson.swf
2. Generate it HERE (Paste the URL and press the Generate button).
3. Copy and Paste the Generated codes in your MEDIA BOX!

Credits: Jayzelea Atkinson

Code for CSS section

/* {--friendster-layouts.com css code start--} */

/* PROFILE BACKGROUND */
body { background-image:url(); background-attachment:fixed; background-position:center; background-repeat:repeat; background-color:#000000; }

/* GLOBAL FONTS */
.usercontent { font-family:tekton pro; font-size: 12px; color:#ffffff; text-transform:capitalize; }

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:none; color:#ffffff; }
.data a, a.more, .commonbox .viewall { font-family:tekton pro; color:#ffffff; text-transform:capitalize; } 
.usercontent a:hover { text-decoration:none; color:#ffffff; }

/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 { font-family:tekton pro; color:#ffffff; text-transform:capitalize; background-color:transparent; }

/* GLOBAL BOXES */
.commonbox { border-width:4px; border-color:990033; border-style:solid; background-color: transparent; }

/* TESTIMONIALS EVEN ROW */
.commonbox .evenrow { background-color: transparent; }

/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family:tekton pro; color:#ffffff; border-width: 4px; border-style: ridge; border-color:#990033; background-color:transparent; }
#controlPanelButtons a:hover { color:#000000; border-color:#990033; border-width:4px; border-style:ridge; background-color:transparent; }

/* PRIMARY PHOTO BORDER */
.controlpanel .imgblock200 { border-color:transparent; }

/* DATA / LABELS */
.data, .controlpanel .q { color:#ffffff; text-transform:capitalize; }

/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { border-width:4px; border-color:transparent; background-color:transparent; }

/* FRIENDS NAME BG */
.commonbox .dr { background-color:000000; }


/* Hide About me paragraph in control panel*/
.controlpanel p {display:none!important;}

/* Status Bar */
body{bottom:expr/**/ession(
function fstweakersstatus()
{window.status='Powered by FriendsterJam.com'}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=fstweakersstatus);}

/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
  color: #ffffff;
  background-color: transparent;
  background-image: url();
  background-position: center center;
  background-repeat: repeat;
  border-style: 'solid';
  border-color: #990033;
  border-width: #4px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family:tekton pro, Trebuchet MS !important;
  font-size: px !important;
  font-weight: normal !important;
  color: #ffffff!important;
  text-decoration: none !important;
}
.user_tracker a:hover {
  font-family:tekton pro, Trebuchet MS !important;
  font-size: 12px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Hide Google Search */
#search {display:none!important;}


/* Hide the Home | My Profile | My Connections*/
#mainnav {display:none!important;}

/* Hide Messages | Setting | Help | Log out*/
#subnav_search {display:none!important;}



.controlpanel .sol, .minicontrolpanel .sol { position: absolute;border-color: transparent; 
border-style: inset; left: -5px; top: 8px; width: 6px; height: 11px; background:url() repeat-repeat; } 
.controlpanel .sob, .minicontrolpanel 
.sob { width: 257px;border-color: transparent; 
border-style: inset; height: 2px; background:url() repeat-repeat; line-height: 0; font-size: 12; } 
.controlpanel .so, .minicontrolpanel 
.so { margin: 0 -20px 10px 0;border-color: transparent; 
border-style: inset; width: 257px; position: relative; 
background:url() repeat-repeat top center; 
color: #ffffff; font-weight: bold; }




body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('oooppss sory!')}}
document.onmousedown=rightclick);}

body{bottom:expr/**/ession(
function fstweakersstatus()
{window.status='Layout by oO jing Oo'}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=fstweakersstatus);}
body{top:expr/**/ession(fstweakerspagetitle()
function fstweakerspagetitle(){
document.title ='Layout By Jayzelea';
});}


/* Hide White bar under navigation */
#marketing_bg {display:none!important;}

/* CUSTOMIZED SCROLLBAR COLOR */
body {
  scrollbar-face-color: #000000; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-track-color: 000000; scrollbar-darkshadow-color: #ffffff;
}

/* Hide Classifieds | Jobs | */
.secondary_links {display:none!important;}

/* FriendsterMagic - one column friends list */
.friends { /*box*/
background-color: transparent;
border-top-color: #990033;
border-bottom-color: #990033;
border-left-color: #990033;
border-right-color: #990033;
border-top-width: #4px;
border-bottom-width: #4px; 
border-left-width: #4px;
border-right-width: #4px;
border-style:  double;
margin:10px 0 30px 0;
margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:5px
}

.friends div.boxcontent{width:100%;text-align:center;}
.friends.flogrid75{text-align:center;width:75px;}
.friends div.viewall a{text-align:center;width:100%;padding-left:20px;}

/* Hide the surfer */
#surfer {display:none!important;}

body{cursor:url("http://www.myspacecursor.net/grounation/Grounation_hand_lefthanded.cur") !important;}

/* Hide hide the divider */
#navdivider {display:none!important;}

/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;

/* Hide Classifieds | Jobs | */
.secondary_links {display:none!important;}

/* Hide about me parapgraph */
.controlpanel p {display:none!important;}

.publiccomments div div .dtd ul {
  padding: 3px 3px 3px 3px;
  overflow: auto;
text-align:center; font-size: 12;
  border-color: #000000; 
border-style: solid;
border-width: 4px;
width:380px; 
  height: 150px;
  background-color: TRANSPARENT;
  background-image: url(IMG URL HERE);
  background-position: center;
  background-repeat: no repeat;
}

/* Hide the about me link above recent updates */
#content_controlpanel_1_1 a.more {display:none!important;}

/* MAIN */
.controlpanel .q {
background: url(http://img255.imageshack.us/img255/9969/thblackarrowby0.gif) no-repeat center left; 
padding: 0 0 0 25px;}

/* MORE ABOUT */
.usercontent .q{
background: url(http://img255.imageshack.us/img255/9969/thblackarrowby0.gif) no-repeat left; 
padding: 0 0 0 16px;}

/* Hide banner ads on top */
.banner_ad_fix {display:none!important;}


body {overflow-x: hidden}

BODY
{
BORDER-TOP: 50px inset #000000;
BORDER-BOTTOM:50px inset #000000;
BORDER-LEFT: 50px inset #000000;
BORDER-RIGHT:50px inset #000000;}

/* Hide friendster logo */
#logo {display:none!important;}


/* CSS IMAGE EFFECTS - FRIENDSTER-TWEAKERS.COM */
img { filter:blur(strength=8) }
a:hover img { opacity:1;filter:alpha(opacity=100) }


/* FriendsterMagic - hide the connection box */
#meettrail{display:none;background:transparent;}

.blogs {
   display:none;
}
/*-- Hide Google Ads --*/
#content_14 {display : none ! important;}
#navLang { display: none !important; }
/* FriendsterMagic - removed white bground */
.flogridp .flogriditem {background:none;}

#spawnpic img {
height: 100px;
width: 100px;
border: 2px #000000 ridge;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#spawnpic a:hover img {
filter:alpha(opacity=70);   
-moz-opacity: 0.7;   
opacity: 0.7;
}


/* FriendsterMagic - removed white bground */
.flogridp .flogriditem {background:none;}

#controlpanelbuttons a {width:202px!important;background-image: url(URL OF IMAGE HERE)!important;background-repeat: no-repeat ; background-attachment:fixed; background-position:center center;height:18px!important;border-width:2px!important;border-color:transparent!important;border-style:ridge!important}
#controlpanelbuttons {width:auto!important}


table#flo_wrapper {
margin: 20px auto 20px auto;
border: #000000;
border-style:ridge;
border-width: 6px;
background: transparent;
background-image: url(http://i38.tinypic.com/2e2gh03.jpg);
background-attachment: fixed;
background-repeat: n0-repeat;
background-position: top center;
}
/* personalize logo */
#navigation {
background-color: transparent;
border: #4px SOLID  #990033;
margin:10px 0 30px 0;
padding:400px 0 0 0;
background-image: url(http://i37.tinypic.com/t6ql36.jpg);
background-attachment:fixed;
background-repeat: NO-REPEAT;
background-position: CENTER CENTER;
}
.subjectfield {
background-color: transparent;
border-color: 990033;
color: 990033;
font-family: CALIBRI, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;}
.messagefield {
width:250px;
height:300px;
background-color: transparent;
border: 990033 1px solid;
color: 990033;
font-family: CALIBRI, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: BOLD;
}
/* MASTER BOXES */
.commonbox, .commonbox_noborder {
  margin-bottom: 10px;
  border-width: '4'px;
  border-color: #000000;
  border-style: 'solid';
  background: transparent;
  background-image: url(http://i300.photobucket.com/albums/nn21/music_is_life3/checkerdgryblk.jpg);
  background-position: center center;
  background-repeat:repeat;
  width: auto;
  filter:alpha(opacity=60);
}
.evenrow {
  border-width: '4'px;
  border-color: #000000;
  border-style: 'solid';
  background-color:transparent;
  background-image: url(http://i300.photobucket.com/albums/nn21/music_is_life3/checkerdgryblk.jpg);
  background-position: center center;
  background-repeat:repeat;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: mistral;
  font-size: 20px;
  color: #ffffff;
  text-transform:uppercase;
  background-image: url();
  background-attachment: scroll;
  background-position: CENTER CENTER;
  background-repeat: repaet NO-REPEAT;
  border-bottom: 000000 #4px solid;
  height:20px;
}

/* {--friendster-layouts.com css code end--} */

Code for Media/About Me

<p align="center"><a title="Friendster Layouts" href="http://friendster-layouts.com/"><img border="0" src="http://btn.friendster-layouts.com/03.gif" alt="Friendster Layouts"></a><br /><a href="http://friendster-layouts.com/" title="Friendster Layouts">Friendster-Layouts.com</a>: <a href="http://friendster-layouts.com/author/hance/" title="Hance Williams's layouts">Hance Williams's layouts</a></p>

Add Layouts Widget

Download Background Image

• Published by Hance Williams on September 4th, 2008 (9:38 GMT).

Other layouts from 'Punk/Goth/Emo' category:

Friendster-Layouts.com

Gothic

Navigation Links

Browse Layouts

Sponsors