Emo Friendster Layouts

Layouts made specifically for friendster

Other layouts on this site may work for friendster, but these emo layouts are guaranteed to work on friendster! If you want to submit your own layout on this page, email flowmo[at]emobucket.com

Friendster Layouts

See a layout that you like? Click the box next to the layout to select the code. Take this code and paste "Customize CSS" box on friendster. Also, please link back to the emobucket.. it's a great site? come on! :-)

Featured Layout - "Pink Skullz"

Sweet emo friendster layout with skullz and starbursts

The Code:

body {background-color:none; background-image:url('http://img.freecodesource.com/friendster-layouts/images/layouts/1194218661-431-0.gif'); background-attachment:fixed; background-position:center center; background-repeat:repeat}
.commonbox {border-style:solid; border-width:0; border-color:000000; background-color:transparent}
.commonbox h1 {background-color:000000}
.commonbox h2 {background-color:000000; background-color:000000}
.commonbox .evenrow {background-color:transparent}
.usercontent {font-family:verdana !important; color:000000 !important}
.commonbox h1 {font-family:courier new !important; color:FF0099 !important}
.commonbox h2 {font-family:courier new !important; color:FF0099 !important; font-family:courier new !important; color:FF0099 !important}
.data {font-family:Trebuchet MS !important; color:FFFFFF !important}
.controlpanel .q {font-family:Trebuchet MS !important; color:FFFFFF !important; font-family:Trebuchet MS !important; color:FFFFFF !important}
.usercontent a {color:FF0099 !important; text-decoration:underline}
.usercontent a:link {color:FF0099 !important; text-decoration:underline; color:FF0099 !important; text-decoration:underline}
.usercontent a:visited {color:FF0099 !important; text-decoration:underline; color:FF0099 !important; text-decoration:underline; color:FF0099 !important; text-decoration:underline}
.usercontent a:active {color:FF0099 !important; text-decoration:underline; color:FF0099 !important; text-decoration:underline; color:FF0099 !important; text-decoration:underline; color:FF0099 !important; text-decoration:underline}
.usercontent a:hover {color:FFFFFF !important; text-decoration:line-through}
#controlpanelbuttons a {background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important}
#controlpanelbuttons a:link {background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important; background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important}
#controlpanelbuttons a:visited {background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important; background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important; background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important}
#controlpanelbuttons a:hover {background-color:FF0099; border-color:000000}
.commonbox .dr {background-color:000000}
.controlpanel .imgblock200 {border-color:FF0099; border-style:solid}
.commonbox .imgblock75 {border-color:FF0099; border-style:dashed; border-width:3px; background-color:000000}
.ir {border-color:FF0099; border-style:dashed; border-width:3px; background-color:000000; border-color:FF0099; border-style:dashed; border-width:3px; background-color:000000}

More Friendster Layouts

Emo Heartbreaker

Are you a friendster heartbreaker?

body {background-color:none; background-image:url('http://img.freecodesource.com/friendster-layouts/images/layouts/1194487366-489-0.gif'); background-attachment:fixed; background-position:bottom center; background-repeat:repeat}
.commonbox {border-style:dotted; border-width:2; border-color:660099; background-color:transparent}
.commonbox h1 {background-color:000000}
.commonbox h2 {background-color:000000; background-color:000000}
.commonbox .evenrow {background-color:transparent}
.usercontent {font-family:courier new !important; color:660099 !important}
.commonbox h1 {font-family:courier new !important; color:CC00FF !important}
.commonbox h2 {font-family:courier new !important; color:CC00FF !important; font-family:courier new !important; color:CC00FF !important}
.data {font-family:courier new !important; color:CC00FF !important}
.controlpanel .q {font-family:courier new !important; color:CC00FF !important; font-family:courier new !important; color:CC00FF !important}
.usercontent a {color:33FF33 !important; text-decoration:underline}
.usercontent a:link {color:33FF33 !important; text-decoration:underline; color:33FF33 !important; text-decoration:underline}
.usercontent a:visited {color:33FF33 !important; text-decoration:underline; color:33FF33 !important; text-decoration:underline; color:33FF33 !important; text-decoration:underline}
.usercontent a:active {color:33FF33 !important; text-decoration:underline; color:33FF33 !important; text-decoration:underline; color:33FF33 !important; text-decoration:underline; color:33FF33 !important; text-decoration:underline}
.usercontent a:hover {color:660099 !important; text-decoration:overline}
#controlpanelbuttons a {background-color:000000; border-color:transparent; font-family:comic !important; border-style:dotted !important}
#controlpanelbuttons a:link {background-color:000000; border-color:transparent; font-family:comic !important; border-style:dotted !important; background-color:000000; border-color:transparent; font-family:comic !important; border-style:dotted !important}
#controlpanelbuttons a:visited {background-color:000000; border-color:transparent; font-family:comic !important; border-style:dotted !important; background-color:000000; border-color:transparent; font-family:comic !important; border-style:dotted !important; background-color:000000; border-color:transparent; font-family:comic !important; border-style:dotted !important}
#controlpanelbuttons a:hover {background-color:FFFFFF; border-color:660099}
.commonbox .dr {background-color:000000}
.controlpanel .imgblock200 {border-color:660099; border-style:dotted}
.commonbox .imgblock75 {border-color:660099; border-style:dotted; border-width:2px; background-color:000000}
.ir {border-color:660099; border-style:dotted; border-width:2px; background-color:000000; border-color:660099; border-style:dotted; border-width:2px; background-color:000000}

Green Girl

Sweet bright layout with a silhoutte emo girl

body {background-image: url(http://img.freecodesource.com/friendster-layouts/images/layouts/1193835635-84-0.gif); background-attachment: fixed; background-position: bottom right; background-repeat: no-repeat; background-color: #bcd545; cursor: url("http://www.myspacecursor.net/colorcursor/3.ani"),default}
.usercontent {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #4d4d4d}
.usercontent a {color: #697f36}
.usercontent a:link {color: #697f36; color: #697f36}
.usercontent a:visited {color: #697f36; color: #697f36; color: #697f36}
.usercontent a:hover {color: #697f36; color: #697f36; color: #697f36; color: #697f36}
.usercontent a:active {color: #697f36; color: #697f36; color: #697f36; color: #697f36; color: #697f36}
.usercontent a:hover {color: #999900}
.commonbox {background-color: transparent}
.commonbox .evenrow {background-color: transparent}
.commonbox h1 {color: #000000; background-color: transparent}
.commonbox h2 {color: #000000; background-color: transparent; color: #000000; background-color: transparent}
.controlpanel {background-color: transparent}
.controlpanel .imgblock200 {border-color: #000000; border-style: outset}
.controlpanel .q {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000}
.controlpanel .data {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #4d4d4d}
.data a {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #697f36}
a.more {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #697f36}
#controlpanelbuttons a {color: #000000; border-color: transparent; background-color: #697f36}
#controlpanelbuttons a:link {color: #000000; border-color: transparent; background-color: #697f36; color: #000000; border-color: transparent; background-color: #697f36}
#controlpanelbuttons a:visited {color: #000000; border-color: transparent; background-color: #697f36; color: #000000; border-color: transparent; background-color: #697f36; color: #000000; border-color: transparent; background-color: #697f36}
#controlpanelbuttons a:hover {color: #697f36; border-color: transparent; background-color: #000000}
.data {color: #4d4d4d}
.commonbox .imgblock75 {background-color: transparent}
.ir {background-color: transparent; background-color: transparent}
.commonbox .dr {background-color: transparent}

Bright n Colorful Graffiti

Colorful and very unique emo graffiti layout

body {background-color:none; background-image:url('http://img.freecodesource.com/friendster-layouts/images/layouts/1193528948-775-0.gif'); background-attachment:fixed; background-position:top center; background-repeat:repeat}
.commonbox {border-style:solid; border-width:0; border-color:000000; background-color:transparent}
.commonbox h1 {background-color:000000}
.commonbox h2 {background-color:000000; background-color:000000}
.commonbox .evenrow {background-color:transparent}
.usercontent {font-family:courier new !important; color:FF0099 !important}
.commonbox h1 {font-family:courier new !important; color:33FF33 !important}
.commonbox h2 {font-family:courier new !important; color:33FF33 !important; font-family:courier new !important; color:33FF33 !important}
.data {font-family:verdana !important; color:FFFF00 !important}
.controlpanel .q {font-family:verdana !important; color:FFFF00 !important; font-family:verdana !important; color:FFFF00 !important}
.usercontent a {color:66CCFF !important}
.usercontent a:link {color:66CCFF !important; color:66CCFF !important}
.usercontent a:visited {color:66CCFF !important; color:66CCFF !important; color:66CCFF !important}
.usercontent a:active {color:66CCFF !important; color:66CCFF !important; color:66CCFF !important; color:66CCFF !important}
#controlpanelbuttons a {background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important}
#controlpanelbuttons a:link {background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important; background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important}
#controlpanelbuttons a:visited {background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important; background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important; background-color:000000; border-color:transparent; font-family:monospace !important; border-style:dotted !important}
#controlpanelbuttons a:hover {background-color:transparent; border-color:33FF33}
.commonbox .dr {background-color:000000}
.controlpanel .imgblock200 {border-color:33FF33; border-style:dotted}
.commonbox .imgblock75 {border-color:33FF33; border-style:dashed; border-width:2px; background-color:000000}
.ir {border-color:33FF33; border-style:dashed; border-width:2px; background-color:000000; border-color:33FF33; border-style:dashed; border-width:2px; background-color:000000}

Hearts

Repeating emo hearts friendster layout

body {background-color:none; background-image:url('http://img.freecodesource.com/friendster-layouts/images/layouts/1191721895-940-0.gif'); background-attachment:fixed; background-position:top center; background-repeat:repeat}
.commonbox {border-style:solid; border-width:0; border-color:000000; background-color:transparent}
.commonbox h1 {background-color:000000}
.commonbox h2 {background-color:000000; background-color:000000}
.commonbox .evenrow {background-color:transparent}
.usercontent {font-family:comic sans ms !important; color:999999 !important}
.commonbox h1 {font-family:comic sans ms !important; color:999999 !important}
.commonbox h2 {font-family:comic sans ms !important; color:999999 !important; font-family:comic sans ms !important; color:999999 !important}
.data {font-family:verdana !important; color:FF0099 !important}
.controlpanel .q {font-family:verdana !important; color:FF0099 !important; font-family:verdana !important; color:FF0099 !important}
.usercontent a {color:FFFFFF !important; text-decoration:underline}
.usercontent a:link {color:FFFFFF !important; text-decoration:underline; color:FFFFFF !important; text-decoration:underline}
.usercontent a:visited {color:FFFFFF !important; text-decoration:underline; color:FFFFFF !important; text-decoration:underline; color:FFFFFF !important; text-decoration:underline}
.usercontent a:active {color:FFFFFF !important; text-decoration:underline; color:FFFFFF !important; text-decoration:underline; color:FFFFFF !important; text-decoration:underline; color:FFFFFF !important; text-decoration:underline}
.usercontent a:hover {color:999999 !important}
#controlpanelbuttons a {background-color:000000; border-color:transparent; font-family:monospace !important; border-style:solid !important}
#controlpanelbuttons a:link {background-color:000000; border-color:transparent; font-family:monospace !important; border-style:solid !important; background-color:000000; border-color:transparent; font-family:monospace !important; border-style:solid !important}
#controlpanelbuttons a:visited {background-color:000000; border-color:transparent; font-family:monospace !important; border-style:solid !important; background-color:000000; border-color:transparent; font-family:monospace !important; border-style:solid !important; background-color:000000; border-color:transparent; font-family:monospace !important; border-style:solid !important}
#controlpanelbuttons a:hover {background-color:transparent; border-color:FF0099}
.commonbox .dr {background-color:transparent}
.controlpanel .imgblock200 {border-color:999999; border-style:dotted}
.commonbox .imgblock75 {border-color:FF0099; border-style:double; border-width:3px; background-color:000000}
.ir {border-color:FF0099; border-style:double; border-width:3px; background-color:000000; border-color:FF0099; border-style:double; border-width:3px; background-color:000000}

I will never let you go

Emo hug layout

body {background-color:000000; background-image:url('http://img.freecodesource.com/friendster-layouts/images/layouts/1189061811-742-0.gif'); background-attachment:fixed; background-position:bottom right; background-repeat:no-repeat}
.commonbox {border-style:solid; border-width:2; border-color:FF66FF; background-color:transparent}
.commonbox h1 {background-color:FF66FF}
.commonbox h2 {background-color:FF66FF; background-color:FF66FF}
.commonbox .evenrow {background-color:000000}
.usercontent {color:00CCFF !important}
.commonbox h1 {color:000000 !important}
.commonbox h2 {color:000000 !important; color:000000 !important}
.data {color:0099FF !important}
.controlpanel .q {color:0099FF !important; color:0099FF !important}
.usercontent a {color:FF0000 !important}
.usercontent a:link {color:FF0000 !important; color:FF0000 !important}
.usercontent a:visited {color:FF0000 !important; color:FF0000 !important; color:FF0000 !important}
.usercontent a:active {color:FF0000 !important; color:FF0000 !important; color:FF0000 !important; color:FF0000 !important}
.usercontent a:hover {color:CC00FF !important}
#controlpanelbuttons a {background-color:transparent; border-color:CC00FF; font-family:arial !important; border-style:solid !important}
#controlpanelbuttons a:link {background-color:transparent; border-color:CC00FF; font-family:arial !important; border-style:solid !important; background-color:transparent; border-color:CC00FF; font-family:arial !important; border-style:solid !important}
#controlpanelbuttons a:visited {background-color:transparent; border-color:CC00FF; font-family:arial !important; border-style:solid !important; background-color:transparent; border-color:CC00FF; font-family:arial !important; border-style:solid !important; background-color:transparent; border-color:CC00FF; font-family:arial !important; border-style:solid !important}
#controlpanelbuttons a:hover {background-color:transparent; border-color:FF0000}
.commonbox .dr {background-color:transparent}
.controlpanel .imgblock200 {border-color:FF66FF; border-style:inset}
.commonbox .imgblock75 {border-color:FF66FF; border-style:inset; border-width:3px; background-color:FF66FF}
.ir {border-color:FF66FF; border-style:inset; border-width:3px; background-color:FF66FF; border-color:FF66FF; border-style:inset; border-width:3px; background-color:FF66FF}

Pon and Zi Cartoon Collage

Collage of comic strips from the emo cartoon "Pon and Zi"

body {background-image: url(http://img.freecodesource.com/friendster-layouts/images/layouts/1187995226-550-0.gif); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-color: #000000; cursor:}
.usercontent a {text-decoration: overline; color: #ff66cc}
.usercontent a:link {text-decoration: overline; color: #ff66cc; text-decoration: overline; color: #ff66cc}
.usercontent a:visited {text-decoration: overline; color: #ff66cc; text-decoration: overline; color: #ff66cc; text-decoration: overline; color: #ff66cc}
.usercontent a:hover {text-decoration: overline; color: #ff66cc; text-decoration: overline; color: #ff66cc; text-decoration: overline; color: #ff66cc; text-decoration: overline; color: #ff66cc}
.usercontent a:active {text-decoration: overline; color: #ff66cc; text-decoration: overline; color: #ff66cc; text-decoration: overline; color: #ff66cc; text-decoration: overline; color: #ff66cc; text-decoration: overline; color: #ff66cc}
.usercontent a:hover {text-decoration: overline; color: #ff66ff}
.commonbox {background-color: transparent}
.commonbox .evenrow {background-color: transparent}
.commonbox h1 {font-family: Comic Sans MS, Geneva, Helvetica, sans-serif; color: #ff3399; background-color: transparent}
.commonbox h2 {font-family: Comic Sans MS, Geneva, Helvetica, sans-serif; color: #ff3399; background-color: transparent; font-family: Comic Sans MS, Geneva, Helvetica, sans-serif; color: #ff3399; background-color: transparent}
.controlpanel {background-color: transparent}
.controlpanel .imgblock200 {border-color: #6699cc}
.controlpanel .q {color: #ff0099}
.controlpanel .data {color: #ff0099}
.data a {color: #ff66cc; text-decoration: overline}
a.more {color: #ff66cc; text-decoration: underline}
#controlpanelbuttons a {color: #ff0099; border-color: transparent; background-color: transparent; text-decoration: line-through}
#controlpanelbuttons a:link {color: #ff0099; border-color: transparent; background-color: transparent; text-decoration: line-through; color: #ff0099; border-color: transparent; background-color: transparent; text-decoration: line-through}
#controlpanelbuttons a:visited {color: #ff0099; border-color: transparent; background-color: transparent; text-decoration: line-through; color: #ff0099; border-color: transparent; background-color: transparent; text-decoration: line-through; color: #ff0099; border-color: transparent; background-color: transparent; text-decoration: line-through}
#controlpanelbuttons a:hover {color: #ff66cc; border-color: #ccccff; background-color: transparent; text-decoration: underline}
.data {color: #ff0099; text-transform: capitalize}
.commonbox .viewall {color: #ff6699; text-transform: lowercase}
.commonbox .imgblock75 {border-width: 1px; border-color: #6699cc; border-style: solid}
.ir {border-width: 1px; border-color: #6699cc; border-style: solid; border-width: 1px; border-color: #6699cc; border-style: solid}
.commonbox .dr {color: #ff0099; text-transform: uppercase; background-color: transparent}

Not your puppet

Simple layout

Starbursts and Grunge

I love this layout, awesome starbursts, grunge, torn paper

body {background-image: url(http://img.freecodesource.com/friendster-layouts/images/layouts/1184266950-84-0.gif); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-color: #ffffff}
.usercontent {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000}
.usercontent a {color: #000000}
.usercontent a:link {color: #000000; color: #000000}
.usercontent a:visited {color: #000000; color: #000000; color: #000000}
.usercontent a:hover {color: #000000; color: #000000; color: #000000; color: #000000}
.usercontent a:active {color: #000000; color: #000000; color: #000000; color: #000000; color: #000000}
.usercontent a:hover {color: #000000}
.commonbox {background-color: transparent}
.commonbox .evenrow {background-color: transparent}
.commonbox h1 {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000; background-color: #ff6699}
.commonbox h2 {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000; background-color: #ff6699; font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000; background-color: #ff6699}
.controlpanel {background-color: transparent}
.controlpanel .imgblock200 {border-color: #ff6699}
#controlpanelbuttons a {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000; border-color: transparent; background-color: transparent}
#controlpanelbuttons a:link {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000; border-color: transparent; background-color: transparent; font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000; border-color: transparent; background-color: transparent}
#controlpanelbuttons a:visited {font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000; border-color: transparent; background-color: transparent; font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000; border-color: transparent; background-color: transparent; font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000000; border-color: transparent; background-color: transparent}

Emo Friendster Layouts

Layouts made specifically for friendster

Friendster Layouts

Featured Layout - "Pink Skullz"

More Emo Layouts

Emo Heart Layouts

Emo Skull Layouts

Emo Bands Layouts

VampireFreaks Layouts

Emo Boys Layouts

Emo Girls Layouts

Abstract Layouts

Emo Hi5 Layouts