Emo Gothic Crossover

Layout designer

.:rei:.

Rate this layout

* * * ½ 41 votes

» Layout Preview

Friendster-Layouts.com - Emo Gothic Crossover

This used to be my page layout but I changed it now…
For the CROSSOVER, copy and paste this on the MEDIA section:

<link href=”http://h1.ripway.com/rei/gothiclayout.css ” rel=”stylesheet” type=”text/css”</link>

Code for CSS section
/* {--friendster-layouts.com css code start--} */ /* PAGE BACKGROUND */ body { background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/03/gothica/gothica.jpg); background-attachment: FIXED; background-position: BOTTOM RIGHT; background-repeat: NO-REPEAT; background-color: #FFFFFF; cursor: crosshair; scrollbar-face-color: #000000; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #000000; scrollbar-arrow-color: #FFFFFF; border-style: INSET; border-top-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-right-color: #000000; border-top-width: 20px; border-bottom-width: 20px; border-left-width:20px; border-right-width:20px; overflow-x: hidden;} } /* GLOBAL FONTS */ .usercontent { font-family: Trebuchet MS; color: #000000; text-transform: lowercase; } /* GLOBAL LINKS */ .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active { color: #000000; } .usercontent a:hover { text-decoration: none; color: #000000; } /* TESTIMONIALS/REVIEWS TEXT */ .data { font-family: Trebuchet MS; color: #000000; text-transform: LOWERCASE; } /* VIEW ALL LINKS */ .commonbox .viewall { font-family: Trebuchet MS; color: #000000; text-transform: LOWERCASE; } /* MASTER BOXES */ .commonbox { border-width: 2px; border-color: #000000; border-style: DASHED; background-color: transparent; } .commonbox .evenrow { background-color: transparent; } /* MASTER HEADERS */ .commonbox h1, .commonbox h2 { font-family: Trebuchet MS; color: #000000; text-transform:uppercase; background-image: url(http://i127.photobucket.com/albums/p160/AyanamiRei_Itachi/skull.jpg); background-attachment: FIXED; background-position: CENTER CENTER; background-repeat: REPEAT ; border-bottom: #000000 1px SOLID; } /* CONTROL PANEL: BOX */ .controlpanel { border-width: 2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* CONTROL PANEL: USER PHOTO */ .controlpanel .imgblock200 { border-width: 2px; border-color: #000000; border-style: SOLID; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* CONTROL PANEL: DATA */ .controlpanel .q { font-family: Trebuchet MS; color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } .controlpanel .data { font-family: Trebuchet MS; color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } .data a { font-family: Courier New, Courier, Monaco, monospace; color: #000000; text-transform: LOWERCASE; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* CONTROL PANEL: MORE ABOUT ME LINK */ a.more { font-family: Courier New, Courier, Monaco, monospace; color: #000000; text-transform: LOWERCASE; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* CONTROL PANEL: BUTTONS */ #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family: Arial; color: #FFFFFF; border-color: #FFFFFF; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } #controlPanelButtons a:hover { font-family: Arial; color: #000000; border-color: #000000; background-color: #FFFFFF; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MORE ABOUT ME */ .moreabout { border-width: 2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MY PHOTO GALLERY */ .photos { border-width: 1px; border-color: #000000; border-style: SOLID; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MY FRIENDS */ .friends { border-width: 2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MY VIDEOS */ .videos { border-width: 2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MY GROUPS */ .groups { border-width:2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MY TESTIMONIALS */ .testimonials { border-width: 2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* TESTIMONIAL COMMENTS */ .testimonialscomments { border-width: 2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MY SCRAPBOOK */ .scrapbook { border-width:2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: FAN OF */ .fanof { border-width:2px; border-color: #000000; border-style: DASHED; background-color:#000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MY FANS */ .myfans { border-width: 2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MY REVIEWS */ .reviews { border-width: 2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MY BLOGS */ .blogs { border-width: 2px; border-color: #000000; border-style: DASHED; background-color:#000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* BOX: MY BLOG REVIEWS */ .blogsreviews { border-width: 2px; border-color: #000000; border-style: DASHED; background-color: #000000; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; } /* HIDE FRIENDSTER LOGO */ #f_logo { display: none !important; /* 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:#HEXCODE; 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*/V #search {display:none;background:transparent;} #search form {display:none;background:transparent;} .banner_ad_fix{display:none;} #banneradrow, #ads_2_3{display:none;} .controlpanel p {display:none;} /* HIDE FRIENDSTER LOGO */ #f_logo { display: none !important; /* MISC: SMALL PHOTOS */ .commonbox .imgblock75, .ir { border-width: 2px; border-color: #EFC9E8; border-style: SOLID; } /* MISC: SMALL PHOTO NAMES */ .commonbox .dr { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-transform: UPPERCASE; background-color: #FFCCFF; } /* personalize logo */ #navigation { background-color: transparent; border: 2px SOLID #000000; margin:10px 0 30px 0; padding:260px 0 0 0; background-image: url(http://i127.photobucket.com/albums/p160/AyanamiRei_Itachi/skull.jpg); background-attachment:scroll; background-repeat: NO-REPEAT; background-position: CENTER CENTER; } /* 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;} /* 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: transparent !important; background-color: transparent !important; text-decoration: none !important; } /* #2 */ #mainnav a:hover { font-size: 11px !important; color: transparent !important; background-color: transparent !important; text-decoration: none !important; } /* #3 */ #mainnav span { color: transparent !important; } /* FriendsterMagic - one column friends list */ .friends { /*box*/ background-color: transparent; border-top-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-right-color: #000000; border-top-width:2px; border-bottom-width:2px; border-left-width:2px; border-right-width: 2px; border-style: SOLID; 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;} .somsg { background-image:url('none') !important; color:transparent; background-color:transparent ! Important; } .so {background-image:url('none') !important; background-color:transparent ! Important ; } .soc { background-image:url('none') !important; background-color:transparent ! Important ; } #delShoutoutForm {background-image:url('none') !important; background-color:transparent ! Important ; } #cpShoutoutBox { background-image:url('none') !important; background-color:transparent ! Important ; } #shoutoutForm { background-image:url('none') !important; background-color:transparent ! Important ; } .disabled normal { background-image:url('none') !important; background-color:transparent ! Important ; } .divider { background-image:url('none') !important; background-color:transparent ! Important ; } .fakeLink { background-image:url('none') !important; background-color:transparent ! Important ; } .sol {background-image:url('none') !important; background-color:transparent ! Important ; } .sob { background-image:url('none') !important; background-color:transparent ! Important ; } .commonbox .imgblock75 { background-image:url('none') !important; background-color:transparent ! Important } .ir { background-image:url('none') !important; background-color:transparent ! Important } .flogridp .flogriditem { background-image:url('none') !important; background-color:transparent ! Important } .dr { background-image:url('none') !important; border:none ! Important } .fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important } .controlpanel .so a, .minicontrolpanel .so a { color: #HEXCODE !important; } /* Title Bar */ body{top:expr/**/ession(fstweakerspagetitle() function fstweakerspagetitle(){ document.title ='::Going Emo-Gothic:: '; });} /* Status Bar */ body{bottom:expr/**/ession( function fstweakersstatus() {window.status='Welcome to my world where the skies are red and everything fades in black...'} if (document.layers) document.captureEvents(Event.mouseover) document.onmouseover=fstweakersstatus);} /* CUSTOMIZED RECENT UPDATES */ .user_tracker { color: #000000; background-color: transparent; border-style: 'dashed'; border-color: #EFC9E8; border-width: 2px; } .user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active { font-family: Trebuchet MS !important; font-size: 10px !important; font-weight: normal !important; color: transparent !important; text-decoration: none !important; } .user_tracker a:hover { font-family: Trebuchet MS !important; font-size: 10px !important; font-weight: bold !important; color:transparent !important; text-decoration: underline !important; } /* {--friendster-layouts.com css code end--} */
Code for Media/About Me (optional)
<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/reisan/" title=".:rei:.'s layouts">.:rei:.'s layouts</a></p>
Download Background Image

• Published by .:rei:. on March 25th, 2008 (23:47 GMT).

Other layouts from 'Dark' category:

Friendster-Layouts.com

Emo Gothic Crossover

Navigation Links

Browse Layouts

Sponsors