Share Your Profile Layouts [Defunct]

Penguin Layout
Simple and Plain
CSS CODE
/* Top Menu */
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
color: #fffffff;
background-color: transparent;
}
html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #ffffff;
background-color: transparent;
}
/* Main Page */
body { /* Page Background */
background-color: transparent;
background-image: url(http://i270.photobucket.com/albums/jj98/SusannaLynn13/PenguinBackground-1.jpg);
background-position: left;
background-repeat: repeat;
}
/* Table */
#main { /* border */
border-color: transparent;
background-image: url();
border-bottom-width: 10px;
border-top-width: 10px;
border-left-width: 10px;
border-right-width: 10px;
}
#main { /* background */
background-color: transparent;
}
#about-section { /* about & comments background */
background-color: transparent;
}
/* Info Section*/
h1 { /* username */
color: #fffffff;
background-color: transparent;
text-align: center;
}
#info-section, #info { /* background */
background-color: transparent;
}
#image { /* picture background (behind border) */
background-color: transparent;
}
#info dt { /* category */
background-color: transparent;
color: #ffffff;
}
#info dd { /* answer */
background-color: transparent;
color: #ffffff;
}
/* About Section */
#about-section h2 { /* About: title */
color: #ffffff;
background-color: transparent;
text-align: center;
}
#about-content { /* About: background */
background-color: transparent;
background-image: url();
background-position: left bottom;
background-repeat: no-repeat;
color: #fff;
}
/*Menu Colors*/
#friends a:hover img {
background-color: transparent;
}
#stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: transparent;
}
#articles li img, #photos .photo {
background-color: transparent;
}
#image img {
background-color: transparent;
}
#image img, #articles li img, #friends img, #photos .photo {
border-color: transparent;
}
#friends div {
color: #ffffff;
}
/* Story section */
#stories { /* Story: area */
background-color: transparent;
}
#stories h2 { /* Story: title */
color: #ffffff;
background-color: transparent;
}
#stories li { /* Story: list */
color: #ffffff;
background-color: transparent;
}
#stories li span { /* Story: text color */
color: #ffffff;
}
#stories ul li a { /* Story: link color */
color: #ffffff;
}
/* Poem section */
#poems { /* Poem: area */
background-color: transparent;
}
#poems h2 { /* Poem: title */
color: #ffffff;
background-color: transparent;
}
#poems li { /* Poem: list */
color: #fffffff;
background-color: transparent;
}
#poems li span { /* Poem: text color */
color: #ffffff;
}
#poems ul li a { /* Poem: link color */
color: #ffffff;
}
/* Photos section */
#photos { /* Photos: area */
background-color: transparent;
}
#photos h2 { /* Photos: title */
color: #ffffff;
background-color: transparent;
}
#photos li { /* Photos: list */
color: #ffffff;
background-color: transparent;
}
#photos li span { /* Photos: text color */
color: #ffffff;
}
#photos ul li a { /* Photos: link color */
color: #ffffff;
}
/* Friends section */
#friends { /* Friends: area */
background-color: #000000;
color: #fff;
}
#friends h2 { /* Friends: title */
color: #ffffff;
background-color: transparent;
}
#friends li { /* Friends: list */
color: #ffffff;
background-color: transparent;
}
#friends li span { /* Friends: text color */
color: #ffffff;
}
#friends ul li a { /* Friends: link color */
color: #ffffff;
}
/* Comments */
#comment-area h2 { /* Comment: title */
color: #000000;
background-color: transparent;
}
#comment-list li { /* Comment: comment background */
color: #ffffff;
background-color: transparent;
text-align: center;
}
#comment-list img { /* Comment: avatar "frame" */
border-color: transparent;
background-color: transparent;
}
#comment-list .options { /* Comment: username & date area */
color: #ffffff;
background-color: transparent;
}
#comment-list .options a { /* Comment: username/report/delete links */
color: #ffffff;
}
.pages { /* Comment: comment pages */
background-color: transparent;
}
.pages .info { /* Comment: "PAGES" - text */
color: #ffffff;
}
.pages a { /* Comment: page numbers - links */
color: #ffffff;
}
.add-comment { /* Comment: "add comment" area */
background-color: transparent;
}
.add-comment a { /* Comment: "add comment" link */
color: #ffffff;
}

Emo Checkered Girl

/* Top Menu */

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
color: #ff33cc;
background-color: transparent;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #ff33cc;
background-color: #ffffff;
}

/* Main Page */

body { /* Page Background */
background-color: transparent;
background-image: url(http://i175.photobucket.com/albums/w141/74856/uj7kiuk.jpg);
background-position: left;
background-repeat: repeat;
}

/* Table */

#main { /* border */
border-color: transparent;
background-image: url();
border-bottom-width: 10px;
border-top-width: 10px;
border-left-width: 10px;
border-right-width: 10px;
}

#main { /* background */
background-color: transparent;
}

#about-section { /* about & comments background */
background-color: transparent;
}

/* Info Section*/

h1 { /* username */
color: #ff33cc;
background-color: transparent;
text-align: center;
}

#info-section, #info { /* background */
background-color: transparent;
}

#image { /* picture background (behind border) */
background-color: transparent;
}

#info dt { /* category */
background-color: transparent;
color: #ff33cc;
}

#info dd { /* answer */
background-color: transparent;
color: #ff33cc;
}

/* About Section */

#about-section h2 { /* About: title */
color: #ff33cc;
background-color: transparent;
text-align: center;
}

#about-content { /* About: background */
background-color: #ffffff;
background-image: url(http://i265.photobucket.com/albums/ii208/rasta_mean/themogirl.jpg);
background-position: left bottom;
background-repeat: no-repeat;
color: #ff33cc;
text-align: center;
}

/*Menu Colors*/

#friends a:hover img {
background-color: transparent;
}

#stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: transparent;
}

#articles li img, #photos .photo {
background-color: transparent;
}

#image img {
background-color: transparent;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: transparent;
}

#friends div {
color: #ff33cc;
}

/* Story section */

#stories { /* Story: area */
background-color: transparent;
}

#stories h2 { /* Story: title */
color: #ff33cc;
background-color: transparent;
}

#stories li { /* Story: list */
color: #ff33cc;
background-color: transparent;
}

#stories li span { /* Story: text color */
color: #ff33cc;
}

#stories ul li a { /* Story: link color */
color: #ff33cc;
}

/* Poem section */

#poems { /* Poem: area */
background-color: transparent;
}

#poems h2 { /* Poem: title */
color: #ff33cc;
background-color: transparent;
}

#poems li { /* Poem: list */
color: #ff33cc;
background-color: transparent;
}

#poems li span { /* Poem: text color */
color: #ff33cc;
}

#poems ul li a { /* Poem: link color */
color: #ff33cc;
}

/* Photos section */

#photos { /* Photos: area */
background-color: transparent;
}

#photos h2 { /* Photos: title */
color: #ff33cc;
background-color: transparent;
}

#photos li { /* Photos: list */
color: #ff33cc;
background-color: transparent;
}

#photos li span { /* Photos: text color */
color: #ff33cc;
}

#photos ul li a { /* Photos: link color */
color: #ff33cc;
}

/* Friends section */

#friends { /* Friends: area */
background-color: transparent;
color: #ff33cc;

}

#friends h2 { /* Friends: title */
color: #ff33cc;
background-color: transparent;
}

#friends li { /* Friends: list */
color: #ff33cc;
background-color: transparent;
}

#friends li span { /* Friends: text color */
color: #ff33cc;
}

#friends ul li a { /* Friends: link color */
color: #ff33cc;
}

/* Comments */

#comment-area h2 { /* Comment: title */
color: #ff33cc;
background-color: #ffffff;
}

#comment-list li { /* Comment: comment background */
color: #ff33cc;
background-color: #ffffff;
text-align: center;
}

#comment-list img { /* Comment: avatar "frame" */

border-color: transparent;
background-color: transparent;
}

#comment-list .options { /* Comment: username & date area */
color: #ff33cc;
background-color: #ffffff;
}

#comment-list .options a { /* Comment: username/report/delete links */
color: ##ffffff;
}

.pages { /* Comment: comment pages */
background-color: #ffffff;
}

.pages .info { /* Comment: "PAGES" - text */
color: #ff33cc;
}

.pages a { /* Comment: page numbers - links */
color: #ff33cc;
}

.add-comment { /* Comment: "add comment" area */
background-color: #ffffff;
}

.add-comment a { /* Comment: "add comment" link */
color: #ff33cc;
}

Another layout; Zacky V, because I'm slightly obsessed right now. :coffee:
Background is fixed, meaning it scrolls with the page.
Comment box is a scroll box.
'About me' width is a little smaller than usual, but not by much.

Screenshot.
Comment box screenshot.

Code:
#main {
width: 720px;
}

#info-section {
width: 350px;
}

#about-section {
width: 360px;
}

#comments {
height: 230px;
width: 360px;
overflow: auto;
}

body { background-color: #ffffff; margin: 25px 20px 45px 20px; }

#main { border-width: 0px; background-color: #9B96AF; }

#about-section { background-color: #ffffff; }

#comment-list li { color: #000000; background-color: #ffffff; }

#comment-list img { border-color: #000000; background-color: #ffffff; }

#comment-list .options { color: #000000; background-color: #ffffff; }

#comment-list .options a { color: #000000; }

.pages { background-color: #ffffff; }

.pages .info { color: #ffffff; }

.pages a { color: #000000; }

.add-comment { background-color: #ffffff; color: #000000; }

.add-comment a { color: #000000; }

h1 { color: #000000; background-color: #ffffff; font-family: times new roman; font-size: 43px; letter-spacing: -4px; text-align: center; }

#stories h2 { color: #000000; background-color: #ffffff; font-family: times new roman; font-size: 43px; letter-spacing: -4px; text-align: center; }

#journals h2 { color: #000000; background-color: #ffffff; font-family: times new roman; font-size: 43px; letter-spacing: -4px; text-align: center; }

#articles h2 { color: #000000; background-color: #ffffff; font-family: times new roman; font-size: 43px; letter-spacing: -4px; text-align: center; }

#poems h2 { color: #000000; background-color: #ffffff; font-family: times new roman; font-size: 43px; letter-spacing: -4px; text-align: center; }

#photos h2 { color: #000000; background-color: #ffffff; font-family: times new roman; font-size: 43px; letter-spacing: -4px; text-align: center; }

#about-section h2 { color: #000000; background-color: #ffffff; font-family: times new roman; font-size: 43px; letter-spacing: -4px; text-align: center; }

#friends h2 { color: #000000; background-color: #ffffff; font-family: times new roman; font-size: 43px; letter-spacing: -4px; text-align: center; }

#about h2 { color: #000000; background-color: #ffffff; font-family: times new roman; font-size: 43px; letter-spacing: -4px; text-align: center; }

#info-section { background-color: #ffffff; }

body { background-color: #000000; background-image: url(http://i25.tinypic.com/2wmov1k.jpg);
background-repeat: no-repeat; background-position: top left; background-attachment: fixed; }

#main { background-color: #ffffff; }

#about-section { background-color: #ffffff; }

#main { border-color: #000000; background-image: url(); background-position: top left; background-repeat: repeat-x; }

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { color: #000000; background-color: #ffffff; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { color: #000000; background-color: #ffffff; }

#image img, #articles li img, #photos .photo { background-color: #ffffff; }

#image img, #articles li img, #friends img, #photos .photo { border-color: #000000; }

#friends div { color: #000000; }

a:link { text-decoration: none; }

a:hover{ color: #000000; font-family: times; text-transform: lowercase; letter-spacing: 1px; word-spacing: 4px; font-weight: bold; }

html body div #menu, html body div #options {background-color: #ffffff;}

html body div #menu a, html body div #options a, html body div #options span a { color: #000; }

body { margin: 0; padding: 0; background-color: #ffffff; font-family: Arial; }

textarea { font-family: Arial, ; font-size: 1em; }

a { color: #ffffff; text-decoration: none; }

a:hover { color: #ffffff; }

#stories ul li h3 a { color: #000000; font-family: times; font-size: 14px; text-align: center; }
#stories ul li a { color: #000000; font-family: arial; font-size: 11px;}
#stories li span { color: #000000; text-align: center; }

#articles ul li h3 a { text-align: center; color: #000000; font-family: times; font-size: 14px; }
#articles ul li a { text-align: center; color: #000000; font-family: arial; font-size: 11px; }
#articles li span { text-align: center; color: #000000; }

#journals ul li h3 a { color: #000000; font-family: times; font-size: 14px; text-align: center; }
#journals ul li a { color: #000000; font-family: arial; font-size: 11px; text-align: center; }
#journals li span { color: #000000; text-align: center; }

#poems ul li h3 a { color: #000000; font-family: times; font-size: 14px; text-align: center; }
#poems ul li a { color: #000000; font-family: arial; font-size: 11px; text-align: center; }
#poems li span { color: #000000; text-align: center; }

My Chemical Romance.

body { background-image: url(http://i159.photobucket.com/albums/t125/Lina-Christin/My%20album%20number%202/djwd-1.jpg);
background-repeat: no-repeat; background-position: top center; background-color: #000000; margin: 310px 120px; 120px 0px; }

#main { border-color: #000000; border-width: 0px; margin: 40px 0px; 10px 10px; width: 930px; background-color: #000000; background-image: url(); background-repeat: repeat-y; background position: bottom left; }

#info-section { width: 344px; background-color: #000000; }

#about-section { width: 525px; background-color: #000000; }

#comment-list p { width: 380px; }

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #FFFFFF; background-color: #000000; }

html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #FFFFFF; background-color: #000000; }

#stories { background-color: #000000; font-family: arial; }

#stories h2 { color: #FFFFFF; background-color: #000000; text-align: left; font-family: Arial; font-size: 11px; letter-spacing: 2px; }

#stories li { color: #ffffff; background-color: #000000; text-align: left; }

#stories li span { color: #FFFFFF; }

#stories li a { color: #FFFFFF; }

#stories ul li h3 a { color: #ffffff; }

#journals { background-color: #000000; font-family: arial; }

#journals h2 { color: #FFFFFF; background-color: #000000; text-align: left; font-family: Arial; font-size: 11px; letter-spacing: 2px; }

#journals li { color: #ffffff; background-color: #000000; text-align: left; }

#journals li span { color: #FFFFFF; }

#journals li a { color: FFFFFF#; }

#journals ul li h3 a { color: #ffffff; }

#poems { background-color: #000000; font-family: arial; }

#poems h2 { color: #FFFFFF; background-color: #000000; text-align: left; font-family: Arial; font-size: 11px; letter-spacing: 2px; }

#poems li { color: #ffffff; background-color: #000000; text-align: left; }

#poems li span { color: #FFFFFF; }

#poems li a { color: #FFFFFF; }

#poems ul li h3 a { color: #ffffff; }

#articles { background-color: #000000; font-family: arial; }

#articles h2 { color: #FFFFFF; background-color: #000000; text-align: left; font-family: Arial; font-size: 11px; letter-spacing: 2px; }

#articles li { color: #ffffff; background-color: #000000; text-align: left; }

#articles li span { color: #FFFFFF; }

#articles li a { color: FFFFFF#; }

#articles ul li h3 a { color: #ffffff; }

#photos { background-color: #000000; font-family: arial; }

#photos h2 {color: #FFFFFF; background-color: #000000; text-align: left; font-family: Arial; font-size: 11px; letter-spacing: 2px; }

#photos li { color: #ffffff; background-color: #000000; text-align: left; }

#photos li span { color: #FFFFFF; }

#photos li a { color: #FFFFFF; }

#photos ul li h3 a { color: #ffffff; }

#friends { background-color: #000000; font-family: arial; }

#friends h2 { color: #FFFFFF; background-color: #000000; text-align: left; font-family: Arial; font-size: 11px; letter-spacing: 2px; }

#friends li { color: #ffffff; background-color: #000000; text-align: left; }

#friends li span { color: #FFFFFF; }

#friends li a { color: #FFFFFF; }

#friends ul li h3 a { color: #ffffff; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #000000; color: #FFFFFF; }

#image img, #articles li img, #photos .photo { background-color: #000000; }

#image img { border-color: #FFFFFF; background-color: #000000}

#articles li img, #friends img, #photos .photo { border-color: #FFFFFF; background-color: #000000}

#friends div { color: #FFFFFF; }

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #000000; text-align: left;}

#about-content { color: #ffffff; background-color: #000000; text-align: left;
padding-bottom: 200px}

#info-section { background-color: #000000;}

#about-section { background-color: #000000; }

#comment-list .options { color: #fffff; background-color: #000000; }

#comment-list .options a { color: #FFFFFF; }

.pages { background-color: #000000; }

.pages .info { color: #FFFFFF; }

.pages a { color: #FFFFFF; }

.add-comment { background-color: #000000; color: #ffffff; }

.add-comment a { color: #FFFFFF; }

#comment-list li { color: #ffffff; background-color: #000000; }

#comment-list img { border-color: #FFFFFF; background-color: #000000; }

#comment-list .options {color: #FFFFFF;background-color: #000000;}

a:hover { color: #FFFFFF; font-family: Arial; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: italic; text-align:left;}

#about-content a { color: #FFFFFF; }

#about-content a:hover { color: #FFFFFF; }

#about-section h2 { color: #FFFFFF; background-color: #000000; text-align: left; font-family: Arial; font-size: 11px; letter-spacing: 2px; }

#about h2 { color: #FFFFFF; background-color: #000000; text-align: left; font-family: Arial; font-size: 11px; letter-spacing: 2px; }

h1 { color: #FFFFFF; background-color: #000000; text-align: left; font-family: Arial; font-size: 20px; letter-spacing: 2px; }

/* Layout border color */

#main {
border-width;500
border-color: #FFFFFF;
background-image: none;
}

#info-section {
background-color: #000000;

http://i233.photobucket.com/albums/ee49/mcrlubr/untitled-2.jpg
http://i233.photobucket.com/albums/ee49/mcrlubr/untitled1.jpg
http://i233.photobucket.com/albums/ee49/mcrlubr/untitled2.jpg
http://i233.photobucket.com/albums/ee49/mcrlubr/untitled3.jpg

CSS:

/* Image as page background */

body {
background-color: #000000;
background-image: url(http://i233.photobucket.com/albums/ee49/mcrlubr/escapay.jpg);
background-repeat:no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: top ; /* it can also be "center left", "center center" etc.*/
}

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {margin-top:145px;}

/* About Comments background */

#main {
background-color: #000;
background-image: url(http://i233.photobucket.com/albums/ee49/mcrlubr/escapethefate.jpg);}

#info-section {background-color: #000; }

#about-section {background-color: #000;}

#stories h2 { color: #fff; background-color: #000;}

#articles h2 { color: #fff; background-color: #000;}

#poems h2 { color: #fff; background-color: #000;}

#photos h2 { color: #fff; background-color: #000;}

#journals h2 { color: #fff; background-color: #000;}

#about-section h2 { color: #fff; background-color: #000;}

#friends h2 { color: #fff; background-color: #000;}

#about h2 { color: #fff; background-color: #000;}

/* If you don't like orange, you can try this... */

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: #000;
}

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #000;
}

#image img, #articles li img, #photos .photo {
background-color: #000;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: #000;
}

#friends div {
color: #000;
}

/* Remove layout border */

#main {
border-width:;
border-color: #fff;
}

/*username blue thingy */

h1 {
color: #ffffff;
background-color: #000000;
}

/* How to edit comments */

/* Comment background color */

#comment-list li {
color: #fff;
background-color: #000;
}

/* Avatar "frame" */

#comment-list img {
border-color: #000;
background-color: #ffffff;
}

/* Username & Date area */

#comment-list .options {
color: #fff;
background-color: #000000;
}

/* Username/Report/Delete links */

#comment-list .options a {
color: #ffffff;
}

/* Comment pages */

.pages {
background-color: #000;
}

/* "PAGES" -text */

.pages .info {
color: #fff;
}

/* Page numbers - links */

.pages a {
color: #fff;
}

/* "Add comment" area */

.add-comment {
background-color: #000000;
}

/* "Add comment" link */

.add-comment a {
color: #fff;
}

/*Margin */
#main {margin-top:100px;}

/*about*/
#about-content { color: #ffffff; background-color: #000000; text-align: center;}

/* Top Menu */

html body div #menu, #menu a {
color: #fff;
background-color: #000;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #fff;
background-color: #000;
}

/*Special Cred for Mrs. Malfoy-Havok*/

If you use it, please comment me or message me... PLEASE!

Purple Grunge



#image img, #articles li img, #friends img, #photos .photo {
border-color: #800080;
}

html body div #menu {
font-family: Calibri;
}

html body div #options {
font-family: Calibri;
}

body
{
background-image: url(http://fc04.deviantart.com/fs23/f/2008/024/d/4/Grunge_by_brubruu.jpg);
background-repeat: repeat;
font-family: Calibri;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
font-size: 2em;
}

#main {
background-image: none;
overflow: hidden;
}

#info-section {
border-style: none;
border-width: 1;
}

#about-content {
line-height: 1em;
}

html body div #menu, #info-section {
background-color: #000000;
}

#main, #info-section, #photos .photo, #friends img, #comment-list img {
border-color: #000000;
}

#photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #800080;
}

#image img {
border-color: #000000:
}

body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: #000000;
}

.pages .info {
color: #000000;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
color: #ffffff;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #ffffff;
}

#about-section {
background-color: #000000;

Gerard Way Avatar



html body div #menu {
font-family: Calibri;
}

html body div #options {
font-family: Calibri;
}

body
{
background-image: url(http://fc02.deviantart.com/fs25/f/2008/106/b/9/Orange_Bliss_Matching_Avatar_by_ElectricxIcons.jpg);
background-repeat: repeat;
font-family: Calibri;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
font-size: 2em;
}

#main {
background-image: none;
overflow: hidden;
}

#info-section {
border-style: none;
border-width: ;
}

#about-content {
line-height: 1em;
}

html body div #menu, #info-section {
background-color: #000000;
}

#main, #info-section, #photos .photo, #friends img, #comment-list img {
border-color: #ffffff;
}

#photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #000000;
}

#image img {
border-color: #ffffff:
}

body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: #000000;
}

.pages .info {
color: #ffffff;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
color: #ffffff;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #ffffff;
}

#about-section {
background-color: #000000;

White Swirl On Black
html body div #menu {
font-family: Georgia;
}

html body div #options {
font-family: Georgia;
}

body
{
background-image: url(http://i301.photobucket.com/albums/nn72/jjwest870/page_background.jpg);
background-repeat: repeat;
font-family: Georgia;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
font-size: 2em;
}

#main {
background-image: none;
overflow: hidden;
}

#info-section {
border-style: solid;
border-width: 0 0 10px 0;
}

#about-content {
line-height: 1em;
text-align:center;
}

html body div #menu, #info-section {
background-color: transparent;
}

#main, #info-section, #photos .photo, #friends img, #comment-list img {
border-color: transparent;
}

#photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: transparent;
}

#image img {
border-color: transparent;
}

body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: transparent;
}

.pages .info {
color: #ffffff;
text-align:center;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
color: #ffffff;
text-align:center;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #ffffff;
text-align:center;
}

Pink

The about scrolls!

html body div #menu {
font-family: arial;
}

html body div #options {
font-family: Tahoma;
}

body
{
background-image: url(http://www.graphicsarcade.com/backgrounds/polka_dots/background_2.gif);
background-repeat: repeat;
font-family: verdana;
font-size: 12px;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
font-size: 20px;
text-align:center;
}

#main {
background-image: none;
overflow: hidden;
}

#info-section {
border-style: solid;
border-width: 0 0 10px 0;
text-align: center;
}

#about-content {
line-height: 1.7em;
text-align:center;
overflow: auto;
height: 200px;
}

html body div #menu, #info-section {
background-color: #ff3366;
}

#main, #info-section, #photos .photo, #friends img, #comment-list img {
border-color: #ff0066;
}

#photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #ff3399 ;
}

#image img {
border-color: #ffffff;
}

body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: #ff0066;
SCROLLBAR-FACE-COLOR: #ff3366;
SCROLLBAR-HIGHLIGHT-COLOR: #ff3366;
SCROLLBAR-SHADOW-COLOR: #ff3366;
SCROLLBAR-3DLIGHT-COLOR: #ff3366;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ff3366;
SCROLLBAR-DARKSHADOW-COLOR: #ff3366;
}

.pages .info {
color: #ffffff;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
color: #ffffff;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #ffffff;
}

I made a Mibba Layout, that doesn't look like a Mibba layout.
It is missing some sections (friends, photos, and comments). But, a new HTML code is NOT needed.

I provided many different screenshots of it:
Mozilla Screenshot
Internet Explorer Screenshot
Opera Screenshot
Safari Schreenshot

Here is the code (If you want a section added back, just message me!)
Place this in your CSS Section!:

body {
background-attachment:fixed;
background-color:#000000;
background-image:url(http://www.fileden.com/files/2008/2/1/1734143/layout.gif);
background-repeat:no-repeat; /* it can also be no-repeat,repeat-y, repeat-x*/
background-position:center left; /* it can also be center left;center center, left top, bottom right, etc.*/
}

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {color: #fff; background-color: transparent; font-size: 10px; font-family: times; text-align:left;}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {color: #AAAAAA; background-color: transparent; font-size: 10px; font-family: times; text-align:left;}

#image {display:none; }
#info { display:none;}
#friends { display:none }
#photos {display:none}
#comment-area{display:none;}
#stories span{display:none;}
#articles span{display:none;}
#poems span{display:none;}
#articles li img{display:none;}

#main {border:none;margin-left:0px;margin-top:314px; width:700px; background-color:transparent; background-image: none; }

#info-section {width: 200px; background-color:transparent; height:300px; overflow:auto; }

#about-section {width:450px; background-color:transparent; height:300px;overflow:auto;}

#stories h2 {color:fff;background-color:transparent; border-bottom:double; border-color:fff;font-size:12px;text-align:right;}

#articles h2 {color:fff;background-color:transparent; border-bottom:double; border-color:fff;font-size:12px;text-align:right;}

#poems h2 {color:fff;background-color:transparent; border-bottom:double; border-color:fff;font-size:12px;text-align:right;}

#photos h2 {color:fff;background-color:transparent; border-bottom:double; border-color:fff;font-size:12px;text-align:right;}

#journals h2 {color:fff;background-color:transparent; border-bottom:double; border-color:fff;font-size:12px;text-align:right;}

#about h2 {color:fff;background-color:transparent; border-bottom:double; border-color:fff;font-size:14px;text-align:right;}

h1 {color:fff;background-color:transparent;font-size:14px;text-align:center;margin-bottom:20px;}

#stories {background-color:transparent; text-align:left; line-height:13px;}

#articles {background-color:transparent; text-align:left; line-height:13px;}

#poems {background-color:transparent; text-align:center; line-height:13px;}

#journals {background-color:transparent; text-align:left; line-height:13px;}

#stories li, #articles li, #poems li, #journals li {margin-left:20px;font-size:12px;background-color:transparent; text-align:left;list-style-type:decimal;}

#stories ul li h3 a { color: #AAAAAA; font-family: times;font-size: 12px;border-bottom:solid;border-width:1px;}

#articles ul li h3 a { color: #AAAAAA; font-family: times;font-size: 12px;border-bottom:solid;border-width:1px;}

#journals ul li h3 a { color: #AAAAAA; font-family: times;font-size: 12px;border-bottom:solid;border-width:1px;}

#poems ul li h3 a { color: #AAAAAA; font-family: times;font-size: 12px;border-bottom:solid;border-width:1px;}

#about-content {overflow:auto;color: #fff; background-color:#532121; font-size: 10px; text-align: justify; background-image: url(http://www.fileden.com/files/2008/2/1/1734143/layoutbg.gif); background-repeat:repeat; background-position:top left;}

a:hover { text-decoration: line-through!important; background-color:#fff!important;font-size:110%!important}

RED STATIC

Shown here, because I don't even have Paint on this computer.

EDIT: The nav bar is now red and black.

body {
background-color: black;
}

body {
background-color: black;
background-image: url(http://i206.photobucket.com/albums/bb235/foamy1100/RedStatic.gif);
background-repeat: repeat;
background-position: center;
}

/* Layout border color */

#main {
border-color: #B22222;
background-image: none;
}

#info-section {
background-color: black;
}

#main {
background-color: black;
}

#about-section {
background-color: black;
}

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: black;
}

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: black;
}

#image img, #articles li img, #photos .photo {
background-color: black;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: black;
}

#friends div {
color: black;
}

#stories {
background-color: black;
font-family: Georgia;
}

#stories h2 {
color: red;
background-color: black;
}

#stories li {
color: red;
background-color: black;
}

#stories li span {
color: red;
}

#stories li a {
color: white;
}

/* Comment background color */

#comment-list li {
color: red;
background-color: black;
}

/* Avatar "frame" */

#comment-list img {
border-color: red;
background-color: black;
}

/* Username & Date area */

#comment-list .options {
color: red;
background-color: black;
}

/* Username/Report/Delete links */

#comment-list .options a {
color: white;
}

/* Comment pages */

.pages {
background-color: black;
}

/* "PAGES" -text */

.pages .info {
color: red;
}

/* Page numbers - links */

.pages a {
color: white;
}

/* "Add comment" area */

.add-comment {
background-color: black;
}

/* "Add comment" link */

.add-comment a {
color: red;
}

/*USERNAME*/

h1 {
color: red;
background-color: black;
font-family: Georgia
}

#poems h2 {
color: red;
background-color: black;
font-family: Georgia
}

#articles h2 {
color: red;
background-color: black;
font-family: Georgia
}

#journals h2 {
color: red;
background-color: black;
font-family: Georgia
}

#photos h2 {
color: red;
background-color: black;
font-family: Georgia
}

#friends h2 {
color: red;
background-color: black;
font-family: Georgia
}

#about h2 {
color: red;
background-color: black;
font-family: Georgia
text-align: center;
}

#comments h2 {
color: red;
background-color: black;
font-family: Georgia
}

#about-section h2 {
color: red;
background-color: black;
font-family: Georgia
}

html body div #menu, html body div #menu a, html body div #menu span, html body
div #menu span a {color: red; background-color: black; font-size: 10px; font-family: Georgia; text-align:center;}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {color: red; background-color: black; font-size: 10px; font-family: Georgia; text-align:center;}

body { background-color: #ff0066; margin: 25px 20px 45px 20px; }

#main { border-width: 8; background-color: #ff0066; }

#about-section { background-color: #ff0066; }

#comment-list li { color: #ffffff; background-color: #ff0066; }

#comment-list img { border-color: #ff0066; background-color: #de88a5; }

#comment-list .options { color: #ffffff; background-color: #ff0066; }

#comment-list .options a { color: #754c78; }

.pages { background-color: #ff0066; }

.pages .info { color: #ff0066; }

.pages a { color: #754c78; }

.add-comment { background-color: #dcdcdc; color: #754c78; }

.add-comment a { color: #ff0066; }

h1 { color: #FFFFFF; background-color: #ff0066; font-family: TIMES; font-size: 33px; letter-spacing: 0px; }

#stories h2 { color: #FFFFFF; background-color: #FF0066; font-family: Times; font-size: 33px; letter-spacing: 0px; }

#journals h2 { color: #FFFFFF; background-color: #FF0066; font-family: Times; font-size: 33px; letter-spacing: 0px; }

#articles h2 { color: #FFFFFF; background-color: #FF0066; font-family: Times; font-size: 33px; letter-spacing: 0px; }

#poems h2 { color: #FFFFFF; background-color: #FF0066; font-family: Times; font-size: 33px; letter-spacing: 0px; }

#photos h2 { color: #FFFFFF; background-color: #FF0066; font-family: Times; font-size: 33px; letter-spacing: 0px; }

#about-section h2 { color: #FF0066; background-color: #DCDCDC; font-family: Times; font-size: 33px; letter-spacing: 0px; }

#friends h2 { color: #FF0066; background-color: #DCDCDC; font-family: Times; font-size: 33px; letter-spacing: 0px; }

#about h2 { color: #FFFFFF; background-color: #754C78; font-family: Times; font-size: 33px; letter-spacing: 0px; }

#info-section { background-color: #DCDCDC }

body { background-color: #DCDCDC; background-image: url(http://i197.photobucket.com/albums/aa272/_punk4evr_/RANDOM/thcheckerboard.jpg);
background-repeat: repeat; background-position: right; }

#main { background-color: #DCDCDC;}

#about-section { background-color: #DCDCDC;}

#main { border-color: #000000; background-image: url(http://i197.photobucket.com/albums/aa272/_punk4evr_/4plb5e8.jpg); background-position: bottom left; background-repeat: Repeat; }

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #FFFFFF; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #754C78; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { border-width: 8 border-color: #FF0066; }

#image img, #articles li img, #photos .photo { background-color: #754C78; }

#image img, #articles li img, #friends img, #photos .photo { border-color: #754C78; }

#friends div { color: #754C78; }

a:link { text-decoration: none; }

a:hover{ color: #DCDCDC; font-family: times; text-transform: uppercase; text-decoration: line-through; letter-spacing: 2px; word-spacing: 4px; font-weight: italic; }

html body div #menu { padding: 5px 10px; Margin: 35px 0px -1px 0px; font-size: 17px; text-align: center; color: #000000; background-color: #DE88A5; font-family: times; }

html body div #menu a { color: #DCDCDC; padding: 2px; text-decoration: none; }

html body div #menu a:hover { text-decoration: underline; }

html body div #options { padding: 3px 10px; font-size: 11px; text-align: RIGHT; color: #ffffff; background-color: #D2AAAC; font-family: GEORGIA; }

html body div #options a { color: #ffffff; padding: 2px; text-decoration: none; }

html body div #options a:hover { text-decoration: underline; }

html body div #options span a { color: #ffffff; }

body { margin: 0; padding: 0; background-color: #DCDCDC; font-family: GEORGIA; }

textarea { font-family: GEORGIA, ; font-size: 1em; }

a { color: #DCDCDC; text-decoration: none; }

a:hover { color: #DCDCDC;}

#comments {
text-align: center;
}

#stories {
text-align: center;
}

#poems {
text-align: center;
}

#photos {
text-align: center;
}

#friends {
text-align: center;
}

#journals {
text-align: center;
}

#articles {
text-align: center;
}

To view it, see my profile.

I call it Emo Bunny.

/* Top Menu */

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
color: #ff33cc;
background-color: transparent;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #ff33cc;
background-color: #ffffff;
}

/* Main Page */

body { /* Page Background */
background-color: black;
background-image: url(http://i20.piczo.com/view/3/a/w/4/p/x/b/c/s/z/w/1/img/t321741844_81389_6.jpg);
background-position: left;
background-repeat: repeat;
}

/* Table */

#main { /* border */
border-color: black;
background-image: url(http://images.elfwood.com/art/b/l/bloodangell/emo_bunny.jpg);
border-bottom-width: 10px;
border-top-width: 10px;
border-left-width: 10px;
border-right-width: 10px;
}

#main { /* background */
background-color: black;
}

#about-section { /* about & comments background */
background-color: black;
}

/* Info Section*/

h1 { /* username */
color: #ff33cc;
background-color: transparent;
text-align: center;
}

#info-section, #info { /* background */
background-color: transparent;
}

#image { /* picture background (behind border) */
background-color: transparent;
}

#info dt { /* category */
background-color: black;
color: #ff33cc;
}

#info dd { /* answer */
background-color: transparent;
color: #ff33cc;
}

/* About Section */

#about-section h2 { /* About: title */
color: #ff33cc;
background-color: transparent;
text-align: center;
}

#about-content { /* About: background */
background-color: #ffffff;
background-image: url(http://i125.photobucket.com/albums/p71/emo_rhiz/emo_bunny_love.jpg);
background-position: left bottom;
background-repeat: no-repeat;
color: #ff33cc;
text-align: center;
}

/*Menu Colors*/

#friends a:hover img {
background-color: transparent;
}

#stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: transparent;
}

#articles li img, #photos .photo {
background-color: transparent;
}

#image img {
background-color: transparent;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: transparent;
}

#friends div {
color: #ff33cc;
}

/* Story section */

#stories { /* Story: area */
background-color: transparent;
}

#stories h2 { /* Story: title */
color: #ff33cc;
background-color: transparent;
}

#stories li { /* Story: list */
color: #ff33cc;
background-color: transparent;
}

#stories li span { /* Story: text color */
color: #ff33cc;
}

#stories ul li a { /* Story: link color */
color: #ff33cc;
}

/* Poem section */

#poems { /* Poem: area */
background-color: transparent;
}

#poems h2 { /* Poem: title */
color: #ff33cc;
background-color: transparent;
}

#poems li { /* Poem: list */
color: #ff33cc;
background-color: transparent;
}

#poems li span { /* Poem: text color */
color: #ff33cc;
}

#poems ul li a { /* Poem: link color */
color: #ff33cc;
}

/* Photos section */

#photos { /* Photos: area */
background-color: transparent;
}

#photos h2 { /* Photos: title */
color: #ff33cc;
background-color: transparent;
}

#photos li { /* Photos: list */
color: #ff33cc;
background-color: transparent;
}

#photos li span { /* Photos: text color */
color: #ff33cc;
}

#photos ul li a { /* Photos: link color */
color: #ff33cc;
}

/* Friends section */

#friends { /* Friends: area */
background-color: transparent;
color: #ff33cc;

}

#friends h2 { /* Friends: title */
color: #ff33cc;
background-color: transparent;
}

#friends li { /* Friends: list */
color: #ff33cc;
background-color: transparent;
}

#friends li span { /* Friends: text color */
color: #ff33cc;
}

#friends ul li a { /* Friends: link color */
color: #ff33cc;
}

/* Comments */

#comment-area h2 { /* Comment: title */
color: #ff33cc;
background-color: #ffffff;
}

#comment-list li { /* Comment: comment background */
color: #ff33cc;
background-color: #ffffff;
text-align: center;
}

#comment-list img { /* Comment: avatar "frame" */

border-color: transparent;
background-color: transparent;
}

#comment-list .options { /* Comment: username & date area */
color: #ff33cc;
background-color: #ffffff;
}

#comment-list .options a { /* Comment: username/report/delete links */
color: ##ffffff;
}

.pages { /* Comment: comment pages */
background-color: #ffffff;
}

.pages .info { /* Comment: "PAGES" - text */
color: #ff33cc;
}

.pages a { /* Comment: page numbers - links */
color: #ff33cc;
}

.add-comment { /* Comment: "add comment" area */
background-color: #ffffff;
}

.add-comment a { /* Comment: "add comment" link */
color: #ff33cc;
}

Cute Is What We Aim For.

Screenshot.

Code:

body { background-image: url(http://i28.tinypic.com/25zmji0.jpg);
background-repeat: no-repeat; background-position: top center; background-color: #000000; margin: 450px 120px; 220px 0px; }

html body div #menu, #menu a {
color: #000000;
background-color: #ffffff;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #000000;
background-color: #ffffff;
}

/* Titles */

h1 { /* Name */
color: #000000;
background-color: #ffffff;
font-family:;
font-size:;
text-align: center;
}

#about h2 { /* About Me: Title */
color: #000000;
background-color: #ffffff;
font-family:;
font-size:;
text-align: center;
}

/* Page Background */

body {
background-color: #ffffff;
}

/* Layout border color */

#main {
border-color: #000000;
background-image: none;
border-width: 3px;
}

#info-section {
background-color: #ffffff;
}

/* About & Comments background */

#main {
background-color: #ffffff;
}

#about-section {
background-color: #ffffff;
}

#about-content {
background-color: #ffffff;
color: #000000;
text-align: center;
background-image: url(http://i26.tinypic.com/21ozfx1.jpg);
background-repeat: no-repeat;
background-position: bottom left; /* it can also be "center left", "center center" etc.*/
padding-bottom: 40px;
}

/* Information */

#info dt { /* Category */
background-color: #ffffff;
color: #000000;
text-align: center
}

#info dd { /* Answer */
background-color: #ffffff;
color: #000000;
text-align: center;
}

/*Menu Colors*/

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: #ffffff;
}

#stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #000000;
}

#image img, #articles li img, #photos .photo {
background-color: #000000;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: #000000;
}

#friends div {
color: #ffffff;
}

/* Story section */

#stories { /* Story area */
background-color: #ffffff;
}

#stories h2 { /* Story title */
color: #000000;
background-color: #ffffff;
text-align: center;
}

#stories li { /* Story list */
color: #ffffff;
background-color: #000000;
text-align: center;
}

#stories li span { /* Text color */
color: #000000;
}

#stories li a { /* Link color */
color: #ffffff;
}

/* Article section */

#articles { /* Article area */
background-color: #ffffff;
}

#articles h2 { /* Article title */
color: #000000;
background-color: #ffffff;
text-align: center;
}

#articles li { /* Article list */
color: #ffffff;
background-color: #000000;
text-align: center;
}

#articles li span { /* Text color */
color: #000000;
}

#articles li a { /* Link color */
color: #ffffff;
}

/* Poem section */

#poems { /* Poem area */
background-color: #ffffff;
}

#poems h2 { /* Poem title */
color: #000000;
background-color: #ffffff;
text-align: center;
}

#poems li { /* Poem list */
color: #ffffff;
background-color: #000000;
text-align: center;
}

#poems li span { /* Text color */
color: #000000;
}

#poems li a { /* Link color */
color: #ffffff;
}

/* journal section */

#journals { /* Journal area */
background-color: #ffffff;
}

#journals h2 { /* Journal title */
color: #000000;
background-color: #ffffff;
text-align: center;
}

#journals li { /* Journal list */
color: #ffffff;
background-color: #000000;
text-align: center;
}

#journals li span { /* Text color */
color: #000000;
}

#journals li a { /* Link color */
color: #ffffff;
}

/* Friends section */

#friends { /* Friend area */
background-color: #ffffff;
text-align: center;
}

#friends h2 { /* Friend title */
color: #000000;
background-color: #ffffff;
}

#friends li { /* Friend list */
color: #ffffff;
background-color: #000000;
text-align: center
}

#friends li span { /* Text color */
color: #000000;
}

#friends li a { /* Link color */
color: #000000;
}

#photos h2 {
color: #000000;
background-color: #ffffff;
text-align: center;
}

/* Comments */

#about-section h2 { /* Comment: Title */
color: #000000;
background-color: #ffffff;
font-family:;
font-size:;
text-align: center;
}

#comment-list li { /* Comment: background color */
color: #ffffff;
background-color: #000000;
}

#comment-list img { /* Comment: Avatar "frame" */
border-color: #ffffff;
background-color: #000000;
}

#comment-list .options { /* Comment: Username & Date area */
color: #ffffff;
background-color: #000000;
}

#comment-list .options a { /* Comment: Username/Report/Delete links */
color: #ffffff;
}

.pages { /* Comment: Comment pages */
background-color: #000000;
}

.pages .info { /* Comment: "PAGES" -text */
color: #000000;
}

.pages a { /* Comment: Page numbers - links */
color: #ffffff;
}

.add-comment { /* Comment: "Add comment" area */
background-color: #000000;
}

.add-comment a { /* Comment: "Add comment" link */
color: #ffffff;
}

It's Drop Dead!
I quite like it to be honest.

body { background-image: url(http://i222.photobucket.com/albums/dd316/Bennymcsexsex/dropdead.jpg);
background-repeat: no-repeat; background-position: bottom right; background-color: #ffffff; margin: 90px 100px; 180px -320px; background-attachment: fixed; }

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #000000; background-color: #ffffff; font-size: 11px; font-family: arial; width: 840px; }

html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #000000; background-color: #ffffff; font-size: 10px; width: 840px; }

#main { border-color: #ffffff; border-width: 0px; margin: 40px 0px; 10px 10px; width: 200px; background-color: #ffffff; background-image: none; }

#info-section { width: 344px; background-color: #ffffff; }

#about-section { width: 456px; background-color: #ffffff; }

#comment-list p { width: 380px; }

#stories h2 { color: #000000; background-color: #ffffff; font-style:bold; font-family: arial; font-size: 50px; letter-spacing: -4px; text-align: center;}

#articles h2 { color: #000000; background-color: #ffffff; font-style:bold; font-family: arial; font-size: 50px; letter-spacing: -4px; text-align: center;}

#poems h2 { color: #000000; background-color: #ffffff; font-style:bold; font-family: arial; font-size: 50px; letter-spacing: -4px; text-align: center;}

#photos h2 { color: #000000; background-color: #ffffff; font-style:bold; font-family: arial; font-size: 50px; letter-spacing: -4px; text-align: center;}

#journals h2 { color: #000000; background-color: #ffffff; font-style:bold; font-family: arial; font-size: 50px; letter-spacing: -4px; text-align: center;}

#about-section h2{ color: #000000; background-color: #ffffff; font-style:bold; font-family: arial; font-size: 50px; letter-spacing: -4px; text-align: center;}

#friends h2 { color: #000000; background-color: #ffffff; font-style:bold; ; font-family: arial; font-size: 50px; letter-spacing: -4px; text-align: center;}

#about h2 { color: #000000; background-color: #ffffff; font-style:bold; font-family: arial; font-size: 50px; letter-spacing: -4px; text-align: center;}

h1 { color: #000000; background-color: #ffffff; font-style:bold; font-family: arial; font-size: 50px; letter-spacing: -4px; text-align: center;}

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #ffffff; text-align: center; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #ffffff; color: #000000; }

#image img, #articles li img, #photos .photo { background-color: #ffffff; }

#image img, #articles li img, #friends img, #photos .photo { border-color: #000000; }

#friends div { color: #000000; }

#stories ul li h3 a { color: #000000; font-family: arial; font-size: 14px;}
#stories ul li a { color: #000000; font-family: arial; font-size: 11px;}
#stories li span { color: #000000; }

#articles ul li h3 a { color: #000000; font-family: arial; font-size: 14px;}
#articles ul li a { color: #000000; font-family: arial; font-size: 11px;}
#articles li span { color: #000000; }

#journals ul li h3 a { color: #000000; font-family: arial; font-size: 14px;}
#journals ul li a { color: #000000; font-family: arial; font-size: 11px;}
#journals li span { color: #000000; }

#poems ul li h3 a { color: #000000; font-family: arial; font-size: 14px;}
#poems ul li a { color: #000000; font-family: arial; font-size: 11px;}
#poems li span { color: #000000; }

#comment-list .options { color: #000000; background-color: #ffffff; }

#comment-list .options a { color: #000000; }

.pages { background-color: #ffffff; }

.pages .info { color: #000000; }

.pages a { color: #000000; }

.add-comment { background-color: #ffffff; color: #000000; }

.add-comment a { color:#000000; }

#comment-list li { color: #000000; background-color: #ffffff; }

#comment-list img { border-color: #000000; background-color: #ffffff; }

a:hover { font-family: arial; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: bold; }

I hope that works.

CaityVenomA7x:

Hey, the layouts on this are amazing!
Well done everyone!
Um Can someone please make me a Motley Crue or Nikki Sixx layout?
I will be forever greatful!
:)

Cait
xxx

Also check out my profile.

I'm not sure if my coding is more advanced or just way messy but either way, there are special directions for using this layout.

Copy and Paste into CSS
BODY {
background-image: url(http://img177.imageshack.us/img177/3227/motleycruesixx2et4.jpg);
background-repeat:repeat-y;
background-color:#464641;

font-size: 8pt;
font-family: tahoma;
color: #1E1600;
letter-spacing: 0px;
line-height:10px;
font-weight: none;
}

A:link{
color: #4db2c9;
font-family; courier new;
text-decoration:none;
font-weight:none;

cursor:default;
}

A:visited{
color: #0a5b6d;
font-family; courier new;
background-color: ;
text-decoration:none;
font-weight:none;
cursor:default;
}

A:hover {
color: #474541;
font-family; courier new;
background-color: #d5d5d5;
text-decoration:none;
font-weight:none;
cursor:default;}

.head{

font-family: tahoma;
color: #4cb0c6;
border-bottom: 1px solid gray;
line-height: 11px;
text-align:right;
font-weight:italic;
width:font-size: 9.5px;
letter-spacing: 1px;
3transform: lowercase;
border-bottom18px;
text-: 1px dashed #687442;
}

.box{
margin-left: auto;
margin-right: auto;
background-color: transparent;
font-family: tahoma;
font-size: 7pt;
line-height: 12px;
border:none;
overflow: auto;
height: 300px;
width: 400px;
}

blockquote{

background-color:#FFFFF0;
font-family: tahoma;
text-align: justify;
padding: 0 0 0 13px;
background-repeat: repeat;
font-size: 7pt;
color:#404040;
}

b {color:#;
font-weight:bold;
text-transform:none;
border:;}

i {color:#;
font-family:georgia;
letter-spacing:1pt;
text-transform:lowercase;}

u {color: black;
font-family:tahoma;
border-bottom: 2px solid #4cb0c6;}

f {color:white;
font-family:tahoma;
border-bottom: 2px solid #CC0000;}

g {color: #F5E212
font-family:tahoma;
border-bottom: 2px solid #CC0000;}

html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img {
background-color: #464641;
}

html body div #menu, #info-section {
background-color: #464641;
}

#photos .photo div {
background-color: #464641;
}

#friends img, #image, #image img, photo div, #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment {
background-color: #f5f5f5;
}

body, #image, #image img, #photos, #photos .photo div, #comment-list li, #comment-list img, .pages, .add-comment a:hover img {
background-color: transparent;
}

#comment-list img {
border-color: #4fb6cd;
background-color: #f5f5f5;
}

#photos .photo, img {
border-color: #4fb6cd;
}

Copy and Paste into Layout/Html and proceed to edit the content.

<div id=side style="position:absolute; top:55; left: 0px; text-align:none;">
<img src="http://img137.imageshack.us/img137/435/motleycruesixx11uo6.jpg"></a></div>
<a name="666"></a>

<!-- side panel - online/offline, navigation, resources,credits-->

<!-- start edit-->
<!-- start edit-->

<div style="position:absolute; left:235px; top:305px; width: 150px; background-color: #f5f5f5";><center>

USERNAME<br>
is online<br><br>
</center>

<!-- end edit -->
<!-- end edit-->

<p> <div class="head"> easy navigation</div>
click to go to that section<br><br>
<a href="#001">About Me.</a> <br><br>
<a href="#002">Comments.</a> <br><br>
<a href="#003">Poems.</a> <br><br>
<a href="#004">Stories.</a> <br><br>
<a href="#005">Journal.</a><br><br>
<a href="#006">Pictures.</a> <br><br>
<br>
<br>

<p> <div class="head">resources</div><br>
Nikki Sixx Icon.<br>
<a href="http://spinninggraphix.livejournal.com/">spinninggraphix</a><br><br>

Motley Crue Image.<br>
<a href="www.motley.com">Motley</a><br>

<br>
<br>

<center><p> <div class="head">credit</div><br>
layout coding & design<br>
done by <a href="http://member.mibba.com/44684/">MeganAlexis</a><br>
<br>

</div>

<div style="position:absolute; left:235px; top:705px; width: 150px; height: 400px; overflow: auto; background-color: #f5f5f5";>
<center>
<a name="006"></a>
<p> <div class="head"> pictures</div>
<div id="photos">

{PHOTOS}
</div>
<!-- photos_end --> </div></center>
</div>

<!-- main panel - about me, comments, poems, stories, journal-->
<div style="position:absolute; left:395px; top:305px; background-color: #f5f5f5; overflow: auto; width: 575px; height: 200px;">

<a name="001"></a>

<!-- start edit-->
<!-- start edit-->
<!-- You can add an picture of yourself or your interests in here -->
<!-- using this code <img src=""> or just copy the code from your -->
<!-- photobucket/imageshack/ect. -->

<p> <div class="head">about me</div>
<P ALIGN="right"> <a href="#666">Top of Page</a> </P>
<br>

This is where you tell us all about you.<br>
This is where you tell us all about you.<br>
This is where you tell us all about you.<br>

<!-- end edit-->
<!-- end edit-->
<!-- THERE IS NO MORE EDITTING BEYOND THIS POINT -->

</div>

<div style="position:absolute; left:395px; top:525px; background-color: #f5f5f5; overflow: auto; width: 575px; height: 200px;">
<a name="002"></a>
<p> <div class="head">comments</div>

<P ALIGN="right"> <a href="#666">Top of Page</a> </P>
<!-- comments_start -->
<div id="comment-area">
{COMMENTS}
</div>
<!-- comments_end --> </div>

<div style="position:absolute; left:395px; top:745px; background-color: #f5f5f5; overflow: auto; width: 575px; height: 200px;">
<a name="003"></a>
<p> <div class="head">Poems</div>

<P ALIGN="right"> <a href="#666">Top of Page</a> </P>
Coming soon!<br>
<!-- poems_start -->
<div id="poems">
<h2>Poems</h2>
{POEMS}
</div>
<!-- poems_end -->
</div>

<div style="position:absolute; left:395px; top:965px; background-color: #f5f5f5; overflow: auto; width: 575px; height: 200px;">
<a name="004"></a>

<p> <div class="head">My Stories</div>

<P ALIGN="right"> <a href="#666">Top of Page</a> </P>
Coming soon!<br>
<!-- stories_start -->
<div id="stories">
<h2>Stories</h2>
{STORIES}
</div>
<!-- stories_end -->
</div>

<div style="position:absolute; left:395px; top:1185px; background-color: #f5f5f5; overflow: auto; width: 575px; height: 200px;">
<a name="005"></a>

<p> <div class="head">Journal</div>
<P ALIGN="right"> <a href="#666">Top of Page</a> </P>
<!-- journals_start -->
<div id="journals">
<h2>Journals</h2>
{JOURNALS}
</div>
<!-- journals_end --><br>

</div>

Please note that instead of editing your info/aboutme by clicking the "info" link, you'll have to go to Layout/HTML and edit your information there.

If you need anything altered, like a section for your articles added, or have any question, feel free to ask. :]

Edit: Now works properly in internet explorer.

Hey hey! Ok this is the first layout i will make public.
[/url]-->

Ok here we go:

CSS:

body
{
background-color: gray;
}

html body div #menu
{
position: absolute;
top: 0px;
left: 0px;
background-color: gray;
opacity: .45;
-moz-opacity: 0.45;
filter: alpha(opacity=45);
width: 100%;
color: white;
margin: 0px;
padding: 0px;
text-align: left;
height: 26px;
font-size: .8em;
}

html body div #options
{
position: absolute;
top: 0px;
left: 0px;
background-color: gray;
opacity: .45;
-moz-opacity: 0.45;
filter: alpha(opacity=45);
color: white;
width: 100%;
margin: 0px;
padding: 0px;
text-align: left;
vertical-align: middle;
height: 24px;
font-size: .7em;
}

#options a, #menu a
{
color:#b0e0e6;
}

#options a:hover, #menu a:hover
{
color:black;
}

/* main frame */
#main-frame
{
position: absolute;
top: 0px;
width: 100%;
overflow: hidden;
}

#main-frame img
{
width: 100%;
height: auto;
overflow: hidden;
}

/* INFO Section */

ul, li, span, h3
{
margin: 0px;
padding: 0px;
}

#info-frame
{
position: absolute;
top: 50px;
left: 0px;
float: left;
height: 320px;
max-width: 1110px;
background-color:transparent;
overflow:hidden;
}

#info-frame-frame
{
width: 2220px;
height: 320px;
}

#info-frame-closed
{
width: 1110px;
height: 320px;
float: left;
}

#info-frame-closed img
{
position: relative;
top: 0px;
left: 0px;
width: 10px;
background-color: transparent;
height: 300px;
}

#info-frame-open
{
width: 1110px;
background-color:transparent;
height: 320px;
overflow: hidden;
float: left;
opacity: .45;
-moz-opacity: 0.45;
filter: alpha(opacity=45);
}

#info-frame-open-pic
{
float: left;
max-width: 300px;
height: 300px;
}

#info-frame-open-pic img
{
height: 200px;
padding: 10px;
border-bottom:thin;
border-bottom-style: solid;
border-bottom-color: white;
background-color:gray;
}
#info-frame-open-info
{
float: left;
background-color:gray;
color:#b0e0e6;
max-width: 300px;
height: 300px;
padding: 10px;
border-left:thin;
border-left-style: solid;
border-left-color: white;
border-right:thin;
border-right-style: solid;
border-right-color: white;
}

#info-frame-open-info dl
{
float: left;
max-width: 300px;
height: 100%;
background-color:gray;
padding: 0px;
margin: 0px;
overflow: hidden;
text-align: center;
}

#info-frame-open-info dt
{
text-align: center;

}

#info-frame-open-info dd
{
text-align: center;
margin: 0px;
background-color:gray;
padding-bottom: 27px;
}

#info-frame-open-about
{
float: left;
height: 300px;
max-width: 440px;
background-color:gray;
padding: 10px;
overflow: hidden;
}

#info-frame-open-about-frame
{
overflow: hidden;
}

#info-frame-open-about-content
{
color:#b0e0e6;
background-color:gray;
height: 300px;
overflow: auto;
}

#info-frame-open-arrow
{
float: left;
height: 300px;
width: 10px;
}

#info-frame-open-arrow img
{
position: relative;
top: 0px;
left: 0px;
width: 10px;
background-color: transparent;
height: 300px;
}

img{border: none;}

/* STUFF Section */

#stuff-frame
{
position: absolute;
top: 370px;
left: 0px;
height: 400px;
width: 1000px;
background-color:transparent;
overflow: hidden;
}

#stuff-frame-frame
{
width: 1000px;
height: 800px;
background-color:transparent;
}

#stuff-frame-open
{
float: left;
max-width: 1000px;
height: 400px;
background-color:gray;
opacity: .45;
-moz-opacity: 0.45;
filter: alpha(opacity=45);
}

#stuff-frame-closed
{
float: left;
width: 1000px;
height: 400px;
overflow: hidden;
background-color:transparent;
}

#stuff-frame-poems
{
max-width: 300px;
height: 380px;
border-right:thin;
border-right-style: solid;
border-right-color: white;
border-left:thin;
border-left-style: solid;
border-left-color: white;
float: left;
text-align: center;
background-color:gray;
margin:10px;
overflow: auto;
}

#stuff-frame-poems li
{
list-style: none;
font-size: .7em;
float:left;
width: 140px;
height: 60px;
background-color:transparent;
padding: 0px;
margin: 0px;
}

#stuff-frame-poems span
{
color:#b0e0e6;
}

#stuff-frame-poems h1
{
border-bottom: thin;
border-bottom-color: white;
border-bottom-style: groove;
background-color: transparent;
}

#stuff-frame-poems h3, a
{
color:#b0e0e6;
}
#stuff-frame-poems a:hover
{
color:black;
}
#stuff-frame-poems ul
{
padding: 5px;
}

#stuff-frame-stories
{
background-color: gray;
max-width: 300px;
height: 380px;
border-right:thin;
border-right-style: solid;
border-right-color: white;
border-left:thin;
border-left-style: solid;
border-left-color: white;
float: left;
text-align: center;
margin:10px;
overflow: auto;
}

#stuff-frame-stories h1
{
border-bottom: thin;
border-bottom-color: white;
border-bottom-style: groove;
background-color: transparent;
}

#stuff-frame-stories ul
{
text-align: center;
padding: 5px;
}

#stuff-frame-stories li
{
list-style:none;
font-size: 0.75em;
}

#stuff-frame-stories a:hover
{
color: black;
}

#stuff-frame-articles
{
background-color: gray;
max-width: 300px;
height: 380px;
border-right:thin;
border-right-style: solid;
border-right-color: white;
border-left:thin;
border-left-style: solid;
border-left-color: white;
float: left;
text-align: center;
margin:10px;
overflow: auto;
}

#stuff-frame-articles h1
{
border-bottom: thin;
border-bottom-color: white;
border-bottom-style: groove;
background-color: transparent;
}

#stuff-frame-articles ul
{
text-align: center;
padding: 5px;
}

#stuff-frame-articles li
{
list-style:none;
font-size: 0.75em;
}

#stuff-frame-articles a:hover
{
color: black;
}

#stuff-frame-close-arrow
{
float: left;
width: 20px;
background-color: transparent;
}

#stuff-frame-open-arrow
{
width: 20px;
}
#stuff-frame-open-arrow img
{
float: left;
position: relative;
top: 0px;
left: 0px;
width: 10px;
background-color: transparent;
height: 300px;
}

#stuff-frame-close-arrow
{
float: left;
width: 10px;
position: relative;
left: 10px;
}

#stuff-frame-close-arrow img
{
position: relative;
top:20px;
}

/* Priv section */
#priv-frame
{
position: absolute;
top: 770px;
left: 0px;
width: 800px;
height: 380px;
background-color:transparent;
overflow: hidden;
}

#priv-frame-frame
{
float: left;
width: 800px;
height: 800px;
background-color:transparent;
}

#priv-frame-open
{
float: left;
max-width: 800px;
height: 380px;
background-color:gray;
opacity: .45;
-moz-opacity: 0.45;
filter: alpha(opacity=45);
}

#priv-frame-photos
{
float: left;
max-width: 380px;
height: 360px;
margin: 10px;
background-color:transparent;
border-left: thin;
border-left-color: white;
border-left-style: groove;
border-top: thin;
border-top-color: white;
border-top-style: groove;
}

#priv-frame-photos h1
{
text-align: center;
border-bottom: thin;
width: 10px;
border-right: thin;
border-right-color: white;
border-right-style: groove;
border-bottom: thin;
border-bottom-color: white;
border-bottom-style: groove;
background-color: transparent;
}

#priv-frame-photos .photo
{
float:left;
width: 150px;
height: 150px;
text-align: center;
position: relative;
top: 0px;
background-color:transparent;
margin: 5px;
}

#priv-frame-photos .photo img
{
margin: 5px;
}

#priv-frame-photos-frame
{
max-width: 340px;
height: 320px;
position: relative;
top: -130px;
left: 30px;
margin-right: 25px;
overflow: auto;
}

#priv-frame-friens
{
position: relative;
float: left;
max-width: 380px;
height: 130px;
overflow: hidden;
background-color:transparent;
margin-top: 10px;
margin-bottom: 5px;
margin-right: 10px;

}

#priv-frame-friens h1
{
width: 80px;
text-align: center;
border-right: thin;
border-right-color: white;
border-right-style: groove;
border-left: thin;
border-left-color: white;
border-left-style: groove;
border-top: thin;
border-top-color: white;
border-top-style: groove;
background-color: transparent;
}
#priv-frame-friens-frame
{
overflow: auto;
width: 380px;
height: 100px;
background-color: gray;
border-top: thin;
border-top-color: white;
border-top-style: groove;
border-left: thin;
border-left-color: white;
border-left-style: groove;
}

#priv-frame-friens-frame div
{
float: left;
height: 85px;
width: 75px;
font-size: 0em;
background-color:black;
margin: 5px;
}
#priv-frame-friens-frame img
{
margin: 5px;
}

#priv-frame-journals
{
float: left;
max-width: 380px;
height: 225px;
background-color:transparent;
}

#priv-frame-journals h1
{
width: 80px;
background-color: transparent;
border-right: thin;
border-right-color: white;
border-right-style: groove;
border-left: thin;
border-left-color: white;
border-left-style: groove;
border-top: thin;
border-top-color: white;
border-top-style: groove;
}

#priv-frame-journals-frame
{
width: 380px;
height: 195px;
background-color:transparent;
overflow: auto;
border-top: thin;
border-top-color: white;
border-top-style: groove;
border-left: thin;
border-left-color: white;
border-left-style: groove;
}

#priv-frame-journals ul
{
text-align: center;
padding: 5px;
}

#priv-frame-journals li
{
list-style:none;
font-size: 0.75em;
}

#priv-frame-journals a:hover
{
color: black;
}

#priv-frame-close-arrow
{
float: left;
width: 10px;
height: 400px;
position: relative;
left: 10px;
top: -120px;
}

#pric-frame-closed
{
width: 800px;
height: 400px;
background-color:transparent;
}

#priv-frame-open-arrow
{
float: left;
}

/* comments */
#com-dummy
{
position: fixed;
top: 100%;
left: 100%;
height: 1px;
width: 1px;
background-color:aqua;
}

#com-frame
{
position: relative;
top: -270px;
left: -300px;
height: 300px;
width: 300px;
background-color:gray;
text-align: center;
overflow:hidden;
border-top: thin;
border-top-color: white;
border-top-style: groove;
border-left: thin;
border-left-color: white;
border-left-style: groove;
opacity: .45;
-moz-opacity: 0.45;
filter: alpha(opacity=45);
}

#com-frame h1
{
background-color: transparent;
border-bottom: thin;
border-bottom-color: white;
border-bottom-style: groove;
}
#comments .pages,
#com-frame options add-comment
{
display: none;
}

.add-comment
{
text-align: center;
background-color: transparent;
}

#comments p
{
text-align: center;
font-size: 0.8em;
background-color:transparent;
width: 240px;
color:black;
}

#comment-list
{
width: 260px;
background-color:transparent;
}

#com-frame
{
overflow: auto;
height: 270px;
}

#com-frame img
{
display: none;
}

#IE-dummy
{
position: absolute;
top: 37px;
left: 100%;
width: 0px;
height: 0px;
}

#IE
{
position: relative;
left: -100px;
width: 100px;
background-color: gray;
opacity: .45;
-moz-opacity: 0.45;
filter: alpha(opacity=45);
}

#IE p
{
font-size: .8em;
}

HTML:

<div id="main-frame">
<img src="http://www.lyricsystem.com/img/photos/2927.jpg" name="background"/>
</div>
<!-- Info Frame ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
<div id="info-frame">
<a name="info-frame-close"></a>
<div id="info-frame-frame">

<div id="info-frame-closed">
<img src="http://img241.imageshack.us/img241/2274/arrowsinry9.png" width="10" height="321" usemap="info-frame-open"/>
<map name='info-frame-open' title="Open Frame">
<area shape='rect' coords='-2,132,10,163' href='#info-frame-open' />
</map>
</div>

<div id="info-frame-open">
<a name="info-frame-open"></a>

<div id="info-frame-open-pic" >
{IMAGE}
</div>

<div id="info-frame-open-info">
{INFO}
</div>

<div id="info-frame-open-about">
<div id="info-frame-open-about-frame">
<div id="info-frame-open-about-content">
{ABOUT}
</div>
</div>
</div>

<div id="info-frame-open-arrow">
<img src="http://img169.imageshack.us/img169/6106/arrowsoutdm5.png" width="10" height="320" usemap="info-frame-close"/>
<map name='info-frame-close' title="Close Frame">
<area shape='rect' coords='-2,132,10,163' href='#info-frame-close' />
</map>
</div>

</div>
</div>
</div>
<!-- Info Frame ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
<div id="stuff-frame">
<div id="stuff-frame-frame">

<div id="stuff-frame-closed">
<a name="stuff-frame-close"></a>
<div id="stuff-frame-open-arrow">
<img src="http://img241.imageshack.us/img241/2274/arrowsinry9.png" width="10" height="320" usemap="stuff-frame-open"/>
<map name='stuff-frame-open' title="Close Frame">
<area shape='rect' coords='-2,132,10,163' href='#stuff-frame-open' />
</map>
</div>
</div>

<div id="stuff-frame-open">
<a name="stuff-frame-open"></a>
<div id="stuff-frame-poems">
<h1>Poems</h1>
{POEMS}
</div>
<div id="stuff-frame-stories">
<h1>Stories</h1>
{STORIES}
</div>
<div id="stuff-frame-articles">
<h1>Articles</h1>
{ARTICLES}
</div>
<div id="stuff-frame-close-arrow">
<img src="http://img169.imageshack.us/img169/6106/arrowsoutdm5.png" width="10" height="320" usemap="stuff-frame-close"/>
<map name='stuff-frame-close' title="Close Frame">
<area shape='rect' coords='-2,148,10,179' href='#stuff-frame-close' />
</map>
</div>
</div>
</div>
</div>
<!-- Priv Frame ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->

<div id="priv-frame">
<div id="priv-frame-frame">

<div id="pric-frame-closed">
<a name="priv-frame-close"></a>
<div id="priv-frame-open-arrow">
<img src="http://img241.imageshack.us/img241/2274/arrowsinry9.png" width="10" height="320" usemap="priv-frame-open"/>
<map name='priv-frame-open' title="Close Frame">
<area shape='rect' coords='-2,148,10,179' href='#priv-frame-open' />
</map>
</div>
</div>

<div id="priv-frame-open">
<a name="priv-frame-open"></a>
<div id="priv-frame-photos">
<h1>P<br />h<br />o<br />t<br />o<br />s</h1>
<div id="priv-frame-photos-frame">
{PHOTOS}
</div>
</div>

<div id="priv-frame-friens">
<h1>Friends</h1>
<div id="priv-frame-friens-frame">
{FRIENDS}
</div>
</div>

<div id="priv-frame-journals">
<h1>Journals</h1>
<div id="priv-frame-journals-frame">
{JOURNALS}
</div>
</div>
<div id="priv-frame-close-arrow">
<img src="http://img169.imageshack.us/img169/6106/arrowsoutdm5.png" width="10" height="320" usemap="priv-frame-close"/>
<map name='priv-frame-close' title="Close Frame">
<area shape='rect' coords='-2,148,10,179' href='#priv-frame-close' />
</map>
</div>
</div>
</div>
</div>
<!-- Comments Frame ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->

<div id="com-dummy">
<div id="com-frame">
<h1>Comments</h1>
{COMMENTS}
</div>
</div>

<div id="IE-dummy">
<div id="IE">
<p>
This Layout is made for Firefox, if you are using something else and the buttons don't work, use these buttons: <br /><a href="#info-frame-open">Open Info</a> <br /><a href="#stuff-frame-open">Open writings</a> <br /><a href="#priv-frame-open">Open Personal</a><br />
Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
</p>
</div>
</div>

That's about it, you should know where to put what.
Note: If you want a tiles background just go to the HTML and delete the IMG tag inside the "main-frame" division. and as usualy add a background image to the "body" in the CSS part.

I'll keep it on my profile for a few hours or so before i go back to my usual layout.
Enjoy ^.^

First ever layout and i must say im pretty proud of it :)

http://i25.tinypic.com/2wd8w84.jpg

/* Page Background */

body { background-color: #000000; margin: 25px 20px 45px 20px; }

/* Remove layout border */

#main { border-width: 0; background-color: #000000; }

/* About & Comments background */

#about-section { background-color: #ff99cc; }

/* How to edit comments */
/* Comment background color */

#comment-list li
{ color: #ff99cc;
background-color: #000000; }

/* Avatar "frame" */

#comment-list img {
border-color: #000000;
background-color: #ff99cc;
}

/* Username & Date area */

#comment-list .options {
color: #ff99cc;
background-color: #000000;
}

/* Username/Report/Delete links */

#comment-list .options a {
color: #ff99cc;
}

/* Comment pages */

.pages {
background-color: #000000;
}

/* "PAGES" -text */

.pages .info {
color: #000000;
}

/* Page numbers - links */

.pages a {
color: #ff99cc;
}

/* "Add comment" area */

.add-comment {
background-color: #000000;
color: #ff99cc;
}

/* "Add comment" link */

.add-comment a {
color: #ff99cc;
}

h1 {
color: #ff99cc;
background-color: #000000;
font-family: Georgia;
font-size: 43px;
letter-spacing: -4px;
}

#stories h2 {
color: #ff99cc;
background-color: #000000;
font-family: Georgia;
font-size: 43px;
letter-spacing: -4px;
}

#articles h2 {
color: #ff99cc;
background-color: #000000;
font-family: Georgia;
font-size: 43px;
letter-spacing: 1px;
}

#poems h2 {
color: #ff99cc;
background-color: #000000;
font-family: Georgia;
font-size: 43px;
letter-spacing: 1px;
}

#photos h2 {
color: #ff99cc;
background-color: #000000;
font-family: Georgia;
font-size: 43px;
letter-spacing: 1px;
}

#about-section h2 {
color: #ff99cc;
background-color: #000000;
font-family: Georgia;
font-size: 23px;
letter-spacing: 1px;
}

#friends h2 {
color: #ff99cc;
background-color: #000000;
font-family: Georgia;
font-size: 43px;
letter-spacing: 1px;
}

#about h2 {
color: #ff99cc;
background-color: #000000;
font-family: Gorgia;
font-size: 43px;
letter-spacing: 1px;
}

#info-section {
background-color: #000000;
}

/* Image as page background */

body {
background-color: #000000;
background-image: url(http://i96.photobucket.com/albums/l164/RedDiamondCandyEater/LALALA-1.jpg);
background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: right; /* it can also be "center left", "center center" etc.*/
}

#main {
background-color: #ff99cc;
}

#about-section {
background-color: #000000;
}

#main {
border-color: #000000;
background-image: url(http://i96.photobucket.com/albums/l164/RedDiamondCandyEater/LALALA-1.jpg);
background-position: bottom left;
background-repeat: repeat;
}

/* If you don't like orange, you can try this... */

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: #000000;
}

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #000000;
}

#image img, #articles li img, #photos .photo {
background-color: #000000;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: #000000;
}

#friends div {
color: #ff99cc;
}

a:link {
text-decoration: none;
}

a:hover{
color: black;
font-family: times;
text-transform: uppercase;
text-decoration: line-through;
letter-spacing: 2px;
word-spacing: 4px;
font-weight: italic;
}

html body div #menu
{
padding: 5px 10px;
Margin: 35px 60px -1px 60px;
font-size: 17px;
text-align: center;
color: #ff99cc;
background-color: #000000;
font-family: times;
}

html body div #menu a
{
color: #ff99cc;
padding: 2px;
text-decoration: none;
}

html body div #menu a:hover
{
text-decoration: underline;
}

html body div #options
{
padding: 3px 10px;
font-size: 11px;
text-align: center;
color: #EF1646;
background-color: #000000;
font-family: Arial;
}

html body div #options a
{
color: #ff99cc;
padding: 2px;
text-decoration: none;
}

html body div #options a:hover
{
text-decoration: underline;
}

html body div #options span a
{
color: #ff99cc;
}

html body div #error-message
{
font-size: 0.8em;
text-align: center;
padding: 20px;
margin: 15px 45px 20px 45px;
border: #000 5px solid;
color: #ff99cc;
background: 000000 url(/data/images/profiles/item-details.gif) center center no-repeat;
font-family: Arial;
}

body
{
margin: 0;
padding: 0;
background-color: #000000;
font-family: Arial;
}

textarea
{
font-family: Arial, ;
font-size: 1em;
}

a
{
color: #ff99cc;
text-decoration: none;
}

a:hover
{
color: #ff99cc;
}

body { background-image: url(http://i302.photobucket.com/albums/nn117/MilkshakeGlamour/paramore-1-2-1.png);
background-repeat: no-repeat; background-position: top center; background-color: #000000; margin: 550px 100px; 180px -320px; background-attachment: scroll; }

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #ff0066; background-color: #dcdcdc; font-size: 9px; font-family: georgia; width: 820px; }

html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #754c78; background-color: #292929; font-size: 9px; width: 820px; }

#main { border-color: #dcdcdc; border-width: 0px; margin: 40px 0px; 10px 10px; width: 840px; background-color: #dcdcdc; background-image: none; }

#info-section { width: 344px; background-color: #dcdcdc; }

#about-section { width: 456px; background-color: #dcdcdc; }

#comment-list p { width: 380px; }

#stories h2 { color: #FF6103; background-color: #dcdcdc; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

#articles h2 { color: #FF6103; background-color: #dcdcdc; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

#poems h2 { color: #FF6103; background-color: #dcdcdc; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

#photos h2 { color: #F54D70; background-color: #dcdcdc; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

#journals h2 { color: #754c78; background-color: #dcdcdc; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

#about-section h2{ color: #528B8B; background-color: #DCDCDC; font-style:bold; font-family: TIMES; font-size: 50px; letter-spacing: -4px; text-align: center;}

#friends h2 { color: #FF6103; background-color: #dcdcdc; font-style:bold; ; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

#about h2 { color: #6A8455; background-color: #dcdcdc; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

h1 { color: #FFC125; background-color: #dcdcdc; font-style:bold; font-family: Arial Narrow; font-size: 50px; letter-spacing: -4px; text-align: center;}

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #dcdcdc; text-align: center; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #ffffff; color: #737373; }

#image img, #articles li img, #photos .photo { background-color: #dcdcdc; }

#image img, #articles li img, #friends img, #photos .photo { border-color: #ff6103;}

#friends div { color: #737373; }

#stories ul li h3 a { color: #292929; font-family: georgia; font-size: 9px;}
#stories ul li a { color: #292929; font-family: arial narrow; font-size: 12px;}
#stories li span { color: #292929; }

#articles ul li h3 a { color: #292929; font-family: georgia; font-size: 9px;}
#articles ul li a { color: #292929; font-family: arial narrow; font-size: 12px;}
#articles li span { color: #292929; }

#journals ul li h3 a { color: #292929; font-family: georgia; font-size: 9px;}
#journals ul li a { color: #292929; font-family: arial narrow; font-size: 12px;}
#journals li span { color: #292929; }

#poems ul li h3 a { color: #292929; font-family: georgia; font-size: 9px;}
#poems ul li a { color: #292929; font-family: arial narrow; font-size: 12px;}
#poems li span { color: #292929; }

#comment-list .options { color: #737373; background-color: #dcdcdc; font-family:georgia; font-size:9px;}

#comment-list .options a { color: #737373; font-family:georgia; font-size:9px;}

.pages { background-color: #dcdcdc; font-family:georgia; font-size:9px;}

.pages .info { color: #737373; font-family:georgia; font-size:9px;}

.pages a { color: #737373; font-family:georgia; font-size:9px;}

.add-comment { background-color: #dcdcdc; color: #292929; font-family:georgia; font-size:9px;}

.add-comment a { color:#737373; font-family:georgia; font-size:9px;}

#comment-list li { color: #737373; background-color: #dcdcdc; font-family:georgia; font-size:9px;}

#comment-list img { border-color: #dcdcdc; background-color: #dcdcdc; font-family:georgia; font-size:9px;}

a:hover { font-family: georgia; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: bold; }

#about-content {
background-color: #dcdcdc;
text-align: center;
font-family: georgia;
Font-size: 9px;
background-image: url(http://i302.photobucket.com/albums/nn117/MilkshakeGlamour/ParamoreBlend.png);
background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: bottom center; /* it can also be "center left", "center center" etc.*/
padding-bottom: 300px; }

__________________________________________

I don't know how to take a screen shot, so view my page to see what it looks like.
And the whole "Paramore" picture in the about section is attached to the code :D
Naturally there, so I hope you guys use it.

Hey people, here's another layout from me.
[/url]-->

CSS:

/*
Colors:
6e645b - light gray

776e67 - lil lighter
*/
body, .bodyContent
{
background-color: black;
}
/* privacy */

/* Name,Age,Location,Join Date */
#info {/* display: none; */}

/* privacy */

/* menu */
#menu
{
background-color: black;
color:black;
}

#options
{
background-color: black;
color:black;

}

#options a
{
color:white;
}

#options span a
{
color: #6e645b;
}

#main-pd
{
position:absolute;
top: 0px;
left: 50%;
}

#main-frame
{
width: 900px;
max-height: 8000px;
background-color:black;
position:absolute;
left: -450px;
top: 100px;
}

#top-frame
{
position:relative;
top: 0px;
left: 0px;
text-align: center;
width: 900px;
background-color: black;
float: left;
}

#left-frame
{
margin: 5px;
width: 195px;
height: 800px;
background-color:black;
float: left;
}

/* Middle Frame */
#middle-frame
{
margin: 5px;
width: 480px;
max-height: 8000px;
background-color:black;
float: left;
}

#image
{
text-align:center;
}

#info
{

}

#info dl
{
margin-left: 70px;
}

#about
{
width: 450px;
text-align: center;
overflow: hidden;
background-color: green;
}

#about h2
{
width: 466px;
}

#about-content
{
overflow:auto;
background-color: blue;
text-align: left;
padding: 10px;
width: 420px;
background-color: black;
border-width: 1px;
border-style: dashed;
border-color: white;
color: white;
max-height: 500px;
}

#right-frame
{
margin: 5px;
width: 195px;
height: 800px;
background-color: black;
float: right;
}

h2
{
text-align: center;
background-color: black;
}

#comment-area
{
background-color: black;
padding-bottom:10px;
}

#poems h2,#stories h2,#articles h2,#photos h2,#friends h2,#about h2,#comment-area h2,#journals h2, #image h2{
background-color: black;
color:white;
font-family: Chiller;
font-size: 2em;}

#poems li,#stories li,#articles li,#info dd,#info dt,#articles img,#photos .photo,#friends img,#about li,#journals li, #image img,#articles li img
{
background-color: black;
border-width: 1px;
border-style: dashed;
border-color: white;
}

#friends a:hover img
{
background-color:black;
border-style: solid;
}

#friends img
{
padding: 0px;
}

#photos .photo div{
background-color: black;
}
#poems,#stories,#articles,#photos,#friends,#about ,#journals, #image
{
background-color:black;
}

#friends div
{
font-size: 0em;
color: white;
}

#info
{
background-color: black;
}

#comment-area .comment-add
{
color: white;
}

#comment-area .options
{
background-color: black;
}
#comments
{
color: white;
}

#comments .pages
{
background-color: black;
border-width: 1px;
border-style: dashed;
border-color: white;
color: white;
}

#comments .pages a, #comments .info
{
color: white;
}

#comment-list li, #comment-list img
{
background-color: black;
border-width: 1px;
border-style: dashed;
border-color: white;
}

/* YOU MAY NOT EDIT OR REMOVE THIS */
#credit-pd
{
height: 0px;
width: 0px;
position:fixed;
left: 100%;
top: 100%;
}

#credit
{
background-color: black;
border-width: 1px;
border-style: dashed;
border-color: white;
position:relative;
left:-60px;
top:-15px;
width: 60px;
color:white;
font-size:.5em;
}
/* YOU MAY NOT EDIT OR REMOVE THIS */

HTML:

<div id="main-pd">
<div id="main-frame">

<div id="top-frame"><img src="http://img46.imageshack.us/img46/3108/mcr02gl2.jpg" /></div>

<div id="left-frame">
<div id="poems">
<h2>Poems</h2>
{POEMS}
</div>

<div id="friends">
<h2>Friends</h2>
{FRIENDS}
</div>

<div id="photos">
<h2>Photos</h2>
{PHOTOS}
</div>
</div>

<div id="middle-frame">
<div id="image">
<h2>{USERNAME}</h2>
{IMAGE}
</div>

<div id="info">
{INFO}
</div>

<div id="about">
<h2>About</h2>
<div id="about-content">
{ABOUT}
</div>
</div>

<div id="comment-area">
<h2>Comments</h2>
{COMMENTS}
</div>
</div>

<div id="right-frame">
<div id="articles">
<h2>Articles</h2>
{ARTICLES}
</div>

<div id="stories">
<h2>Stories</h2>
{STORIES}
</div>

<div id="journals">
<h2>Journals</h2>
{JOURNALS}
</div>
</div>

</div>
</div>

<!-- You May Not Remove Or Edit This -->
<div id="credit-pd">
<div id="credit">
<span>
Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
</span>
</div>
</div>
<!-- You May Not Remove Or Edit This -->

Copy the Code after "CSS:" to:
http://www.mibba.com/users/profile/css/

Copy the Code after "HTML:" to:
http://www.mibba.com/users/profile/layout/

Replace any existing codes, Have fun!

I'd appreciate a PM if you're going to use it, but if you don't it's cool.