Share Your Profile Layouts [Defunct]

SHARE YOUR PROFILE LAYOUTS THREAD

This thread is for posting the profile layouts you've made and would like to share with others.

If you have a profile layout you're willing to let other members use, post here. In your post, include: a screencap (no super-big screencaps that stretch the page) and the css and/or layout/html.

---

---

UPDATE FOR NEW MIBBASince custom layouts are optional on New Mibba and the code for them is entered differently, not all the layouts in this thread will work as is.

If you want to use a layout posted in this thread that has both HTML and CSS (listed separately), paste it into your custom profile page like so:<style type="text/css">
CSS HERE
</style>
HTML HEREIf you want to use a layout posted in this thread that only has CSS code (eg #example {something: something;}), you'll need to enter the HTML code – instructions on doing so are here.

CSS:

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

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

body
{
background-image: url(http://i19.tinypic.com/6xglp1w.jpg);
background-repeat: repeat-x;
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: 1.7em;
}

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

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

#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: #410707;
}

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

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

.pages .info {
color: #8e0e0e;
}

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: #ccb5b5;
}

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

---

CSS:

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

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

body
{
background-image: url(http://i17.tinypic.com/8bih5li.jpg);
background-repeat: repeat-x;
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: 1.7em;
}

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

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

#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: #340741;
}

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

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

.pages .info {
color: #740e8e;
}

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: #c9b5cc;
}

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

---

CSS:

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

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

body
{
background-image: url(http://i17.tinypic.com/7ydwbpx.jpg);
background-repeat: repeat-x;
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: 1.7em;
}

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

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

#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: #072141;
}

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

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

.pages .info {
color: #0e478e;
}

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: #b5bfcc;
}

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

Here's one.
(:

CSS:

/* Page Background */

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

/* Remove layout border */

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

/* About & Comments background */

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

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

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

/* Avatar "frame" */

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

/* Username & Date area */

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

/* Username/Report/Delete links */

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

/* Comment pages */

.pages {
background-color: #ffffff;
}

/* "PAGES" -text */

.pages .info {
color: #ffffff;
}

/* Page numbers - links */

.pages a {
color: #EF1646;
}

/* "Add comment" area */

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

/* "Add comment" link */

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

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

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

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

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

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

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

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

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

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

/* Image as page background */

body {
background-color: #ffffff;
background-image: url(http://i227.photobucket.com/albums/dd164/xx_Iero/Backgrounds/Pink-2.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: #EF1646;
}

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

#main {
border-color: #000000;
background-image: url(http://i227.photobucket.com/albums/dd164/xx_Iero/Backgrounds/Pink-2.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: #ffffff;
}

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

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

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

#friends div {
color: #EF1646;
}

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: #EF1646;
background-color: #ffffff;
font-family: times;
}

html body div #menu a
{
color: #EE2C2C;
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: #ffffff;
font-family: Arial;
}

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

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

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

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

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

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

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

a:hover
{
color: #EF1646;
}

Here's another layout, it has stars on the background that change colors, letters are black, different colored pink borders. kind of girly maybe if anyone wants to try it. I also made one of synyster gates.



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

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

body
{
background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/stars/star1.gif);
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: 1.7em;
}

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

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

#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: #F67FEF;
}

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

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

.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: #000000;
}

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

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

Well here is the one of Synyster Gates that i created if anyone is interested.

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

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

body
{
background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/synyster%20gates/synystergatelayout.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 {
border-color: #000000;
background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/synyster%20gates/my_husband_syn_xx--large-msg-119-1.jpg);
background-position: bottom left;
background-repeat: repeat;
}

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

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

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

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

#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: #808080;
}

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

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

.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: #000000;
}

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

thanks for the help The Rumor

The bottom of the About section & the comments.

This is a Banksy layout in HTML.
To use this, the complete code must go in your HTML box.
Go to Profile > CSS, delete everything and save it.
Go to Profile > Layout / HTML and copy/paste this into it:

<style type="text/css">
<!--
/* Theme: banksy */

#wrapper
{
background: url(http://i233.photobucket.com/albums/ee196/rubiesandtreasures/2006_1_banksy3copy.jpg);
width: 500px;
margin: 0 auto;
padding-top: 300px;
position: relative;
azimuth: center

}

/* Top Menu */

html body div #menu, #menu a {
color: #CCCCCC;
background-color: #31322e;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #CCCCCC;
background-color: #232323;
}

/* Titles */

h1 { /* Name */
color: #e8ecef;
background-color: #31322e;
font-family: Arial, sans-serif;;
font-size: 1.5em;
text-align: center;
font-weight: bold;
}

#about-section h1 { /* About Me: Title */
color: #e8ecef;
background-color: #31322e;
font-family: Arial, sans-serif;
font-size: 1.5em;
text-align: center;
font-weight: bold;
}

/* Page Background */

body {
background-color: #464742;
}

/* Layout border color */

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

#info-section {
background-color: #31322e;
}

/* About &amp; Comments background */

#main {
background-color: #31322e;
}

#about-section {
background-color: #31322e;
}

#about-content {
background-color: #ffffff;
text-align: center;
background-image: url(http://i233.photobucket.com/albums/ee196/rubiesandtreasures/ssssss.jpg);
background-repeat: no-repeat; /* it can also be &quot;no-repeat&quot;, &quot;repeat-y&quot; or &quot;repeat-x&quot; */
background-position: bottom right; /* it can also be &quot;center left&quot;, &quot;center center&quot; etc.*/
}

/* Information */

#info dt { /* Category */
background-color: #232323;
color: #aeaeae;
}

#info dd { /* Answer */
background-color: #232323;
color: #aeaeae;
}

/*Menu Colors*/

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos {
background-color: #31322e;
}

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

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

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

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

#friends div {
color: #cccccc;
}

/* Story section */

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

#stories h2 { /* Story title */
color: #a29e79;
background-color: #31322e;
}

#stories li { /* Story list */
color: #ffffff;
background-color: #232323;
}

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

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

/* Article section */

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

#articles h2 { /* Article title */
color: #a29e79;
background-color: #31322e;
}

#articles li { /* Article list */
color: #ffffff;
background-color: #232323;
}

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

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

/* Poem section */

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

#poems h2 { /* Poem title */
color: #a29e79;
background-color: #31322e;
}

#poems li { /* Poem list */
color: #ffffff;
background-color: #232323;
}

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

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

/* journal section */

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

#journals h2 { /* Journal title */
color: #a29e79;
background-color: #31322e;
}

#journals li { /* Journal list */
color: #ffffff;
background-color: #232323;
}

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

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

/* Friends section */

#friends { /* Friend area */

background-color: #31322e;
}

#friends h2 { /* Friend title */
color: #a29e79;
background-color: #31322e;
}

#friends li { /* Friend list */
color: #ffffff;
background-color: #232323;
}

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

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

/* Comments */

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

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

#comment-list img { /* Comment: Avatar &quot;frame&quot; */
border-color: #000000;
background-color: #31322e;
}

#comment-list .options { /* Comment: Username &amp; Date area */
color: #aeaeae;
background-color: #232323;
}

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

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

.pages .info { /* Comment: &quot;PAGES&quot; -text */
color: #aeaeae;
}

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

.add-comment { /* Comment: &quot;Add comment&quot; area */
background-color: #232323;
}

.add-comment a { /* Comment: &quot;Add comment&quot; link */
color: #aeaeae;
}
-->
</style>

<div>

<table width="100%" border="0">

<tr>

<div id="wrapper">

</tr>
<tr>

<div id="main">

<div id="info-section">

<h1>{USERNAME}</h1>

<!-- image_start -->
<div id="image">
{IMAGE}
</div>
<!-- image_end -->

<!-- info_start -->
<div id="info">
{INFO}
</div>
<!-- info_end -->

<!-- stories_start -->
<div id="stories">
<h2>Stories</h2>
{STORIES}
</div>
<!-- stories_end -->

<!-- articles_start -->
<div id="articles">
<h2>Articles</h2>
{ARTICLES}
</div>
<!-- articles_end -->

<!-- poems_start -->
<div id="poems">
<h2>Poems</h2>
{POEMS}
</div>
<!-- poems_end -->

<!-- journals_start -->
<div id="journals">
<h2>Journals</h2>
{JOURNALS}
</div>
<!-- journals_end -->

<!-- photos_start -->
<div id="photos">
<h2>Photos</h2>
{PHOTOS}
</div>
<!-- photos_end -->

<!-- friends_start -->
<div id="friends">
<h2>Friends</h2>
{FRIENDS}
</div>
<!-- friends_end -->

</div>

<div id="about-section">

<!-- about_start -->
<div id="about">
<h1>Banksy</h1>
<div id="about-content">
{ABOUT}
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>
<!-- about_end -->

<!-- comments_start -->
<div id="comment-area">
<h2>{USERNAME}'s Wall</h2>
{COMMENTS}
</div>
<!-- comments_end -->

</div>

</tr>
</table>

</div>

</div>

<style type="text/css">/* */</style>

uh, i made a riot layout. it's my first time so tell me if its ok. :/



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

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

body
{
background-image: url(http://i228.photobucket.com/albums/ee74/ImEineLaune/untitled.jpg);
background-repeat: ;
font-family: Georgia;
}

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

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

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

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

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

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

#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: #410707;
}

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

.pages .info {
color: #;
}

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: #FF5100;
}

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

I made a very simple black-and transparent template, as a modification of one of dujo's templates at the start of this thread
.
All text is black, all boxes and borders are transparent to show the background image:



You can very easily adjust it to have different colour text to suit your chosen background image.

I request that you do NOT use my image, which is why I have removed the URL from the code [and highlighted in red where you should put your own image URL]

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

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

body
{
background-image: url(http://www.yourhost.com/yourimage.jpg);
background-repeat: fixed;
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: none;
border-width: 0 0 10px 0;
}

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

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: #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: #000000;
}

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

The Rumor. made me an umbrella layout :]

I thought other people should be able to see it. Also, I can only seem to get layouts that have been posted on to the forums in my profile :/



/* Theme: umbrella */

/* Top Menu */

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: #000000;
background-color: #999999;
}

/* Titles */

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

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

/* Page Background */

body {
background-color: #ffffff;
background-image: url(http://i233.photobucket.com/albums/ee196/rubiesandtreasures/hrewhrwjh.jpg);
background-position: left;
background-repeat: repeat-y;
}

/* Layout border color */

#main {
border-color: #666666;
background-image: none;
border-bottom-width: 2px;
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
}

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

/* About & Comments background */

#main {
background-color: #232323;
}

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

#about-content {
background-color: #ffffff;
text-align: center;
background-image: url(http://i233.photobucket.com/albums/ee196/rubiesandtreasures/Red_umbrellacopy.jpg);
background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: top center; /* it can also be "center left", "center center" etc.*/
}

/* Information */

#info dt { /* Category */
background-color: #000000;
color: #aeaeae;
}

#info dd { /* Answer */
background-color: #000000;
color: #cccccc;
}

/*Menu Colors*/

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos {
background-color: #232323;
}

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

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

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

#image img {
background-color: #333333;
}

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

#friends div {
color: #cccccc;
}

/* Story section */

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

#stories h2 { /* Story title */
color: #009933;
background-color: #232323;
}

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

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

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

/* Article section */

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

#articles h2 { /* Article title */
color: #009933;
background-color: #232323;
}

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

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

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

/* Poem section */

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

#poems h2 { /* Poem title */
color: #009933;
background-color: #232323;
}

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

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

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

/* journal section */

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

#journals h2 { /* Journal title */
color: #009933;
background-color: #232323;
}

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

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

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

/* Photos section */

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

#photos h2 { /* Photos title */
color: #009933;
background-color: #232323;
}

#photos li { /* Photos list */
color: #ffffff;
background-color: #000000;
}

#photos li span { /* Text color */
color: #aeaeae;
}

#photos li a { /* Link color */
color: #cccccc;
}

/* Friends section */

#friends { /* Friend area */
background-color: #232323;
}

#friends h2 { /* Friend title */
color: #009933;
background-color: #232323;
}

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

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

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

/* Comments */

#comment-area h2 { /* Comment: Title */
color: #000000;
background-color: #666666;
font-family:;
font-size:;
text-align: center;
}

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

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

border-color: #000000;
background-color: #000000;
}

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

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

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

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

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

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

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

someone asked for someone to make one of bob bryar, this was the best i could think of, i didn't know what picture you would want.

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

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

body
{
background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/bob%20bryar/bobza7.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 {
border-color: #000000;
background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/bob%20bryar/bobza7.jpg);
background-position: bottom left;
background-repeat: repeat;
}

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

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

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

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

#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: #808080;
}

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

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

.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: #000000;
}

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

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

#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: #00000;
}

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

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

#friends div {
color: #000000;
}

<style> layout from hot-lyts.com </style>
<div style="position:absolute;right:0px;top:0px;z-index:9 !important;background-color:transparent !important;">

<style type="text/css">
body, html{
background-image:url("http://i160.photobucket.com/albums/t162/hotlyts24/backgrounds/photo5.gif");
background-color:EF6B90;
background-attachment:fixed;
background-position:bottom left;
background-repeat:no-repeat;

}

table, td{
background-color:transparent ;
border:none;
border-width:0;
}

table table table{
border:0px solid;
border-color:40809C;
padding:0;
background-color:5DA5BC;
background-image:url("");
background-repeat:repeat;
}

table tbody td table tbody tr td.text table {background-color:946B9C;}

tr { background-color:transparent;}

tr, td, table, body, p, div, li, br, .redtext, .redbtext, .text, .blacktext12, .btext, span
{
font-family:georgia;
font-size:9px;
line-height:9px;
text-decoration:none;
font-weight:normal;
color:000000;
}

.blacktext10
{
font-family:small fonts;
font-size:7px;
text-transform:uppercase;
line-height:11px;
text-decoration:none;
font-weight:normal;
color:333;
background-color:7B9C42;
display:block;
}

.orangetext15,.whitetext12
{
font-family:georgia;
font-size:9px;
line-height:11px;
text-decoration:none;
font-weight:bold;
color:222222;
background-color:85618C;
display:block;
}

.lightbluetext8
{
font-family:small fonts;
font-size:7px;
text-transform:uppercase;
line-height:11px;
text-decoration:none;
font-weight:normal;
color:222222;
background-color:85618C;
display:block;
}

.nametext
{display:block;
font-family:times new roman;
font-size:35px;
text-transform:lowercase;
line-height:22px;
text-decoration:none;
font-weight:normal;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-bottom-color:222222;
color:000;
letter-spacing:-3px;
background-color:85618C;
}

a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link
{
font-family:georgia;
font-size:9px;
line-height:11px;
text-decoration:none;
font-weight:bold;
color:000;
}

a:hover, a.man:hover, a.text:hover, a.redlink:hover
{
font-family:times new roman;
font-size:25px;
text-transform:lowercase;
line-height:11px;
text-decoration:none;
font-weight:normal;
color:000000;
letter-spacing:-3px;
}

a.navbar:link, a.navbar:visited, a.navbar:active{
font-family:century gothic;
font-size:9px;
text-transform:lowercase;
line-height:11px;
text-decoration:none;
font-weight:normal;
color:000;
}

a.navbar:hover
{
font-family:times new roman;
font-size:25px;
text-transform:lowercase;
line-height:11px;
text-decoration:none;
font-weight:normal;
color:000000;
letter-spacing:-3px;
}

.whitetext12
{
display:none!important;
}

img, a img
{
filter:none;
border:0px;
}

TD TD {text-align: center;}
TD TD TD {text-align: left;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:left;}
TD TD TD TD TD {border-top: 0px solid black; text-align:left;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: lowercase; width:350px;}
TABLE TABLE {padding: 0px; text-transform: lowercase;}
TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
div td font {visibility:hidden;}
.navbar {visibility:visible;}
div table tr td form{display:none;}
a.text, table div font a, table div div {visibility:hidden;}
td.text td.text a img
{
width: 50px !important;
background-color:transparent!important;
}

td.text td.text img
{
width: 50px !important;
background-color:transparent!important;
}

table table{
border:0px;
}

table table table table
{
border:0px;
}
a:hover img { filter:invert; }

</style><div style="position:absolute;left:0px;top:0px;z-index:9 !important;background-color:transparent !important;">

here's another one, i'm not using them, and others might not be using them either, but this can be ideas for anyone, you can change, adjust to your liking.

the stars on this one just move around, like dissappearing and appearing again.
i have alot of them with different colored stars, but not my taste if anyone want some with stars or even hearts.
/* Page Background */

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

/* Remove layout border */

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

/* About & Comments background */

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

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

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

/* Avatar "frame" */

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

/* Username & Date area */

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

/* Username/Report/Delete links */

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

/* Comment pages */

.pages {
background-color: #ffffff;
}

/* "PAGES" -text */

.pages .info {
color: #ffffff;
}

/* Page numbers - links */

.pages a {
color: #EF1646;
}

/* "Add comment" area */

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

/* "Add comment" link */

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

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

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

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

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

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

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

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

#journals h2 {
color: #C100FF;
background-color: #ffffff;
font-family: Georgia;
font-size: 43px;
letter-spacing: 1px;
}

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

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

/* Image as page background */

body {
background-color: #ffffff;
background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/layouts/Stars.gif);
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: #C100FF;
}

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

#main {
border-color: #000000;
background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/layouts/Stars.gif);
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: #ffffff;
}

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

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

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

#friends div {
color: #C100FF;
}

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: #C100FF;
background-color: #000000;
font-family: times;
}

html body div #menu a
{
color: #C100FF;
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: #C100FF;
background-color: #000000;
font-family: Arial;
}

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

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

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

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

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

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

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

a:hover
{
color: #C100FF;
}

Mighty Boosh

CSS Code:

body #main {
background-color: transparent;
}
h1, #stories h2, #friends h2, #photos h2, #journals h2, #articles h2, #poems h2, #about h2, #comment-area h2 {
font-family: Century Gothic;
font-size: 24px;
background-color: #000;
color: #EC1495;
}
body {
background-color: #000000;
background-image: url(http://th183.photobucket.com/albums/x279/followXtheXdot/th_300mighty_boosh.gif);
}
#main {
border-width: 0;
background-image: none;
}
#info-section {
background-color: #EC1495;
}
#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: #FBB0DD;
}

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

#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: #000000;
}
#comment-list li {
color: #FFFFFF;
background-color: #EC1495;
}
.pages {
background-color: #FBB0DD;
}
.pages .info {
color: #EC1495;
}
.pages a {
color: #EC1495;
}
.add-comment a {
color: #ECI495;
}
#comment-list .options a {
color: #000000;
}
#comment-list .options {
color: #666666;
background-color: #DB64AB;
}

I apologize for my pic e.t.c. in the screenshot. But thats the mighty boosh logo in the background, if you can't see it. Its very simple compared to others, since its the first layout I made (I only just made it for myself) but yeah. Here you are

Black, white and grey layout:



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

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

body
{
background-image: url(http://images.acclaimimages.com/_gallery/_SM/0095-0508-2000-5426_SM.jpg);
background-repeat: repeat;
font-family: Verdana;
}

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

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

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

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

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

#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: #787878;
}

#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: #000000;
}

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

/* Username & Date area */

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

/* Username/Report/Delete links */

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

#about-content {
color: #ADADAD;
}

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

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

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

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

#comment-list img { border-color: #6E2C00; background-color: #F49555; }

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

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

.pages { background-color: #ffffff; }

.pages .info { color: #ffffff; }

.pages a { color: #F49555; }

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

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

h1 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

#stories h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

#journals h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

#articles h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

#poems h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

#photos h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

#about-section h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

#friends h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

#about h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -5px; }

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

body { background-color: #ffffff; background-image: url(http://i21.tinypic.com/muvp7p.jpg);
background-repeat: repeat; background-position: right; }

#main { background-color: #ffffff; }

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

#main { border-color: #6E2C00; background-image: url(http://i21.tinypic.com/muvp7p.jpg); background-position: bottom left; background-repeat: repeat; }

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

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

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

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

#friends div { color: #ffffff; }

a:link { text-decoration: none; }

a:hover{ color: #6E2C00; font-family: times; text-transform: lowercase; 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: #6E2C00; background-color: #000000; font-family: times; }

html body div #menu a { color: #F49555; 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: #ffffff; background-color: #F49555; font-family: times; }

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: #6E2C00; font-family: times; }

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

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

a:hover { color: #ffffff; }

I know there is already a paramore layout, I just wanted to share this one with everybody too... :]

The Link To My Layout

Sorry i can't get a pic on here i could only get the link
It's a Gerard Way one...Oh and scroll down till you get to my comments...there's another picture...

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

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

body
{
background-image: url(http://i191.photobucket.com/albums/z103/chemically-loved-bitch/Gerard871.jpg);
background-repeat: repeat;
font-family: Times;
}

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

#main {
border-color: #000000;
background-image: url(http://i83.photobucket.com/albums/j304/Xposed27/msg-11792223747.jpg);
background-position: top left;
background-repeat: repeat;
}

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

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

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

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

#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: #808080;
}

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

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

.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: #000000;
}

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

Monsters!



I'm actually extremely proud of this. You really can't see that background
in the preview but, you can see it here.

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

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

body
{
background-image: url(http://i79.photobucket.com/albums/j121/xXxhotel_bella_muertexXx/album2/movie.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: 1.7em;
}

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: #000000;
}

#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: #ccb5b5;
}

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

It's just basic and clean. Hope you guys like it!<3

Okay, this is my first layout so it's not all that good.
It has bats,diamonds, some girly stuff, you can't really see them though since the background covers it up a bit.


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

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

body
{
background-image: url(http://i16.tinypic.com/81gxjzr.png);
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: 1.7em;
}

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

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

#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:#272727;
}

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

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

.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: #EF1646;
}

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

I have no idea how to make a screen-shot my this is my layout.

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

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

body
{
background-image: url(http://th268.photobucket.com/albums/jj34/LeeN101_2008/th_stars.gif);
background-repeat: repeat;
font-family: Aristocrat;
}

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

#main {
border-color: #000000;
background-image: url(http://i268.photobucket.com/albums/jj6/macy_074/estrelinhas02.jpg);
background-position: bottom left;
background-repeat: repeat;
}

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

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

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

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

#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: #808080;
}

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

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

.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: #000000;
}

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

One I made. I call it Ye Old Wallpaper. (:



/* Theme: Ye Old Wallpaper */

/* Top Menu */

#wrapper
{
background: none;
width: 850px;
margin: 0 auto;
padding-top: 225px;
position: relative;
azimuth: center

}

/* Top Menu */

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
color: #373737;
background-color: #717171;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #373737;
background-color: #717171;
}

/* Titles */

h1 { /* Name */
color: #ffffff;
background-color: #373737;
font-family: Arial;
font-size: 1.6em;
text-align: center;
font-weight: bold;
}

#about-section h2 { /* About Me: Title */
color: #ffffff;
background-color: #373737;
font-family: Arial;
font-size: 1.6em;
text-align: center;
font-weight: bold;
}

/* Page Background */

body {
background-color: #ffffff;
}

/* Image as page background */

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

/* Layout border color */

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

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

/* About &amp; Comments background */

#main {
background-color: #373737;
}

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

#about-content {
background-color: #373737;
text-align: center;
}

/* Information */

#info dt { /* Category */
background-color: #373737;
color: #ffffff;
}

#info dd { /* Answer */
background-color: #373737;
color: #ffffff;
}

/*Menu Colors*/

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos {
background-color: #373737;
}

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

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

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

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

#friends div {
color: #373737;
}

/* Story section */

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

#stories h2 { /* stories title */
color: #ffffff;
background-color: #373737;
text-align: center;
font-family: Arial;
font-size: 1.1em;
font-weight: bold;
}

#stories li { /* stories list */
color: #ffffff;
background-color: #373737;
}

#stories li span {
color: #ffffff;
}

#stories li span a, #stories ul li h3 a, #stories li a { /* Text color */
color: #ffffff;
}

/* article section */

#articles { /* article area */
background-color: #373737;
}

#articles h2 { /* article title */
color: #ffffff;
background-color: #;373737
text-align: center;
font-family: Arial;
font-size: 1.1em;
font-weight: bold;
}

#articles li { /* poems list */
color: #ffffff;
background-color: #373737;
}

#articles li span {
color: #ffffff;
}

#articles li span a, #articles ul li h3 a, #articles li a { /* Text color */
color: #ffffff;
}

/* poems section */

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

#poems h2 { /* poems title */
color: #ffffff;
background-color: #373737;
text-align: center;
font-family: Arial;
font-size: 1.1em;
font-weight: bold;
}

#poems li { /* poems list */
color: #ffffff;
background-color: #373737;
}

#poems li span {
color: #ffffff;
}

#poems li span a, #poems ul li h3 a, #poems li a { /* Text color */
color: #ffffff;
}

/* journals section */

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

#journals h2 { /* journals title */
color: #ffffff;
background-color: #373737;
text-align: center;
font-family: Arial;
font-size: 1.1em;
font-weight: bold;
}

#journals li { /* journals list */
color: #ffffff;
background-color: #373737;
}

#journals li span {
color: #ffffff;
}

#journals li span a, #journals ul li h3 a, #journals li a { /* Text color */
color: #ffffff;
}

/* photos section */

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

#photos h2 { /* photos title */
color: #ffffff;
background-color: #373737;
text-align: center;
font-family: Arial;
font-size: 1.1em;
font-weight: bold;
}

#photos li { /* photos list */
color: #ffffff;
background-color: #373737;
}

#photos li span {
color: #ffffff;
}

#photos li span a, #photos ul li h3 a, #photos li a { /* Text color */
color: #ffffff;
}

/* friends section */

#friends { /* friends area */
background-color: #373737;
}

#friends h2 { /* friends title */
color: #ffffff;
background-color: #373737;
text-align: center;
font-family: Arial;
font-size: 1.1em;
font-weight: bold;
}

#friends li { /* friends list */
color: #ffffff;
background-color: #373737;
}

#friends li span {
color: #ffffff;
}

#friends li span a, #friends ul li h3 a, #friends li a { /* Text color */
color: #ffffff;
}

/* Comments */

#comment-area h2 { /* Comment: Title */
color: #ffffff;
background-color: #373737;
text-align: center;
font-family: Arial;
font-size: 1.1em;
font-weight: bold;
}

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

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

border-color: #ffffff;
background-color: #ffffff;
}

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

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

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

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

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

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

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