gothic layout

Layout designer

Rate this layout

* * * * ½ 112 votes

» Layout Preview

Ive been used this layout in my acc. and its now FREE! CLICK HERE CLICK HERE CLICK HERE CLICK HERE CLICK HERE CLICK HERE TO GET THE CODE

Code for CSS section

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

/* FRIENDSTER-LAYOUTS.COM */
/* my personal layout gothic BY www.jomay-layouts.co.nr*/

/* PAGE BACKGROUND */
body {
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2007/10/gothic2.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: black;
  
scrollbar-arrow-color: red;
scrollbar-face-color: black;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: black;

overflow-x: hidden;
cursor: url(http://www.myspacecursor.net/gothic/2.ani);} a, a:hover { cursor:url(http://www.myspacecursor.net/gothic/1.ani);
}

/*main table */
table#flo_wrapper {
margin: 20px auto 20px auto;

background: transparent;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url();
background-position: right bottom;
}

/* GLOBAL FONTS */
.usercontent {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
  text-transform: capitalize;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #cc3300;
}
.usercontent a:hover {
  text-decoration: none;
  color: #000000;
  border-bottom-style:double; 
  border-bottom-width:2 px;
  border-top-style:double; 
  border-top-width:2 px;
}
/* MASTER BOXES */
.commonbox {

  background-color: transparent;
}
.commonbox .evenrow {
  background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
  text-transform: lowercase;
  background-color: transparent;
  
background-image:url(http://img478.imageshack.us/img478/4458/movepentagramca6.gif);
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-position: bottom rightr;
}
/* CONTROL PANEL: BOX */
.controlpanel {

  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #000000;
  border-style: double;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
}
.controlpanel .data {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
}
.data a {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
  text-transform: lowercase;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
  text-transform: lowercase;

}

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
  border-color: #000000;
  background-color: transparent;
}
#controlPanelButtons a:hover {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
  border-color: #000000;
  background-color: transparent;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-color: #000000;
  background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-color: #000000;
  background-color: transparent;
}

/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 2px;
  border-color: #000000;
  border-style: double;
  background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 2px;
  border-color: #000000;
  border-style: double;
  background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 2px;
  border-color: #000000;
  border-style: double;
  background-color: transparent;
}

/* BOX: MY REVIEWS */
.reviews {
  border-width: 2px;
  border-color: #000000;
  border-style: double;
  background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 2px;
  border-color: #000000;
  border-style: double;
  background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: 2px;
  border-color: #000000;
  border-style: double;
  background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
  text-transform: lowercase;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
  text-transform: lowercase;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
     border-width: 2px;
  border-color: #000000;
  border-style: double;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Century Gothic, Franklin Gothic Medium;
  color: #cc3300;
  text-transform: lowercase;
  background-color: transparent;
}

/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}
/* hide the connection box */
#meettrail{display:none;background:transparent;}

/* hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

/* remove featured sponsor */

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#cc3300; text-decoration:none; }
}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#marketing_bg{display:none;background:transparent;}

/* remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
.banner_ad_fix{display:none;}
#banneradrow, #ads_2_3{display:none;}



/* main navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: url() fixed no-repeat center; transparent;}

/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  border: 2px double #000000;
  width:380px; 
  height: 100px;
  background-color: TRANSPARENT;
  background-image: url();
  background-position: center;
  background-repeat: no repeat;
}

/* scrolling testimonial boxes */
.testimonials div div .dtd{width:100%;}
.testimonials div div .dtd ul{padding: 2px 2px 2px 2px; overflow: auto; border: 6px double #000000; width: 380px; height: 100px;}
.testimonialscomments { /*box*/
background-color: TRANSPARENT;}
.testimonials { /*box*/
background-color: transparent;
background-image: url();
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: #0099ff;
border-style: double;
border-width: 2px;
{ font-family:Century Gothic, Franklin Gothic Medium; color:#cc3300; }
}


/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background-color: transparent !important;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 11px !important;
  color: #cc3300 !important;
  background-color: #000000 !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #000000  !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #cc3300 !important;
}
/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
  font-size: '11'px;
  color: #cc3300;
  background-color: transparent;
  border-style: 'groove';
  border-color: #000000;
  border-width: '4'px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family: 'Century Gothic, Franklin Gothic Medium' !important;
  font-size: '11'px !important;
  font-weight: normal !important;
  color: #cc3300 !important;
  text-decoration: underline !important;
}
.user_tracker a:hover {
  font-family: 'Century Gothic, Franklin Gothic Medium' !important;
  font-size: '11'px !important;
  font-weight: normal !important;
  color: #cc3300 !important;
  text-decoration: overline !important;
}

.controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative; background:url('') repeat top left; color: #cc3300; font-weight: bold; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:; no-repeat }
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:; no-repeat; line-height: 0; font-size: 0 }

/* IMAGE EFFECTS */
a:hover img { filter:alpha(Opacity=100,FinishOpacity=0,Style=2); }

/*REMOVE BACKGROUND COLOR */
#navigation div {
	background-color: transparent;
	background-image: none;
}

/* personalize logo */
#navigation {
background-color: transparent;
border: transparent;
margin:10px 0 8px 0;
padding:260px 0 0 0;
background-image: url(http://img520.imageshack.us/img520/3527/mybannerep6.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center center;
}

/* {--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/suicide_gurl/" title="♥JOMAY♥'s layouts">♥JOMAY♥'s layouts</a></p>

Add Layouts Widget

Download Background Image

• Published by ♥JOMAY♥ on October 31st, 2007 (3:21 GMT).

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

Friendster-Layouts.com

gothic layout

Navigation Links

Browse Layouts

Sponsors