Share Your Profile Layouts [Defunct]

Blue Pinwheel Layout.

Click for a bigger preview.
If you want to replace the story or journal section with another section, message me.



CSS:
body {
background-color: #8abff1;
background: url(http://i243.photobucket.com/albums/ff94/darkness-dawns/Layout%20Site%20Pictures/Pinwheelbackground.png);
background-position: center;
background-repeat: repeat;

font-family: times new roman;
font-size: 12px;
color:#000000;
margin: 0px;
padding-bottom:20px;
}

#banner {position:absolute;
top: 70px;
left:100px;
width: 500px;
height: 334px;
background:url(http://i243.photobucket.com/albums/ff94/darkness-dawns/Layout%20Site%20Pictures/PinwheelBanner.png);
background-position: center;
background-repeat: no-repeat;
background-color: #ffffff;
}

#about { position:absolute;
top:350px;
left:10px;
width:450px;
background:#ffffff;
color:#000000;
border:0px solid #000000;
}

#storiesetc { position:absolute;
top:0px;
left:520px;
width:350px;
background:#ffffff;
color:#000000;
border:0px solid #000000;
}

#info {background-color: #ffffff; }
#info dt { font-family: times new roman; font-size:12px; text-align:center; background-color: #4698A4; color: #ffffff; }
#info dd { font-family: times new roman; font-size:12px; text-align:center; background-color: #7FCCD2; color: #ffffff; }
#stories h2 {background-color: #ffffff; color: #7FCCD2; font-size: 20px; font-family: times new roman; text-align: left; border-bottom: 3px solid #7FCCD2; }
#stories {background-color: #ffffff; color: #000000; }
#stories ul li h3 a { color: #4698A4; font-family: times new roman; font-size:14px; text-align:left; }
#stories ul li span { color: #4698A4; font-family: times new roman; font-size: 11px; text-align: left; }
#stories ul li span a { color: #4698A4; font-family: times new roman; font-size: 11px; }
#stories li { background-color: #ffffff; }
#stories ul li span a:hover, #stories ul li h3 a:hover {text-decoration:underline;}
#journals h2 {background-color: #ffffff; color: #7FCCD2; font-size: 20px; font-family: times new roman; text-align: left; border-bottom: 3px solid #7FCCD2;}
#journals {background-color: #ffffff; color: #7FCCD2; }
#journals ul li h3 a { color: #4698A4; font-family: times new roman; font-size:14px; text-align:left; }
#journals ul li span { color: #4698A4; font-family: times new roman; font-size:11px; text-align:left; }
#journals li { background-color: #ffffff; }
#journals ul li h3 a:hover {text-decoration:underline;}

#h1 {
font-size:30px;
border-bottom: 5px solid #4698A4;
line-height: 26px;
font-family: times new roman;
font-weight: bold;
color: #4698A4;
letter-spacing: -2px;
background-color: none;
text-align: center;
padding-top: 0px; padding-bottom: 0px;
}

html body div #menu, html body div #menu a, html body div #menu span, html body div
#menu span a {
background-color: transparent;
color: #ffffff;
font-size: 11px;
font-weight:bold;
}

html body div #options, html body div #options a, html body div #options span a, html body div
#options span {
background-color: transparent;
color: #ffffff;
font-size: 10px;
font-weight:bold;
}

html body div
#menu a:hover {
color: #ffffff;
font-weight:bold;
font-size: 13px;
}

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

HTML/Layout:
<div id="banner"><br />
<div id="about">
<center> <br />
{ABOUT}</center>
</div>
<div id="storiesetc">
<div id="h1">
<center>{USERNAME}</center>
</div>
<!-- info_start -->
<div id="info"><br />
<center>{INFO}</center>
</div>
<!-- info_end -->
<!-- stories_start -->
<div id="stories">
<h2>Stories</h2>
{STORIES}</div>
<!-- stories_end -->
<!-- journals_start -->
<div id="journals">
<h2>Journals</h2>
{JOURNALS:3}</div>
<!-- journals_end -->
<center><a href="http://member.mibba.com/28178/"><img src="http://i243.photobucket.com/albums/ff94/darkness-dawns/Layout%20Site%20Pictures/credit-1-1.png" /></a></center>
</div>
</div>

day dreamer;:
HTML CODE.

Beauty.

Beauty

<div style="background: #C12283; padding: 2px; border: 0px #000 dotted; position:absolute; width:500px; left: 200px; top:80px;"><img src="http://24.media.tumblr.com/tumblr_l6m0m14Ls51qcd9qlo1_400.jpg" /><br /> <br /> <div class="header1">Beauty, my darlings,</div> <br /> <b>DATE::</b>Wednesday 4th August '10.<br /> <i>Time::</i>6:27pm<br /> <i>Listening to::</i>Breathe Carolina - I.D.G.A.F<br /> <i>Doing::</i>Smoking<br /> <i>Update::</i>Perfection.<br /> <br /> <br /> <div class="header1">is a sin,</div> <br /> <a href="http://www.wix.com/ralucanicoletasava/Ralucawebsiteten">My Website.</a><br /> <br /></div> <div style="background: #C12283; padding: 2px; border: 0px #000 dotted; position:absolute; width:250px; left: 725px; top:120px;"><br /> <div class="header1">a sin which you master,</div> <br /> <a href="http://stories.mibba.com/read/303938/Stella/">Stella</a><br /> <a href="http://stories.mibba.com/read/304317/Perfection/">Perfection.</a><br /> <a href="http://stories.mibba.com/read/301162/Love-And-Hate-The-Perfect-Mixture/">Love And Hate; The Perfect Mixture.</a><br /> <a href="http://stories.mibba.com/read/301990/Handcuffs-and-Alibis/">Handcuffs and Alibis</a><br /> <a href="http://stories.mibba.com/read/296788/Fright/">Fright.</a><br /> <a href="http://stories.mibba.com/read/297964/Limp/">Limp...</a><br /> <a href="http://stories.mibba.com/read/298588/Wonderland/">Wonderland</a><br /> <a href="http://stories.mibba.com/read/292462/Magic/">Magic</a><br /> <a href="http://stories.mibba.com/read/286258/Glamorous/">Glamorous.</a><br /> <a href="http://stories.mibba.com/read/277089/Trapped/">Trapped,</a><br /> <a href="http://stories.mibba.com/read/290641/Manage-Me/">Manage Me,</a><br /> <a href="http://stories.mibba.com/read/289793/Fright/">Fright.</a><br /> <a href="http://stories.mibba.com/read/282062/Paparazzi/">Paparazzi.</a><br /> <a href="http://stories.mibba.com/read/281452/Abstract-Dreams/">Abstract Dreams.</a><br /> <a href="http://stories.mibba.com/read/274726/One-Out-Of-Like-A-Million/">"One Out Of Like, A Million."</a><br /> <a href="http://stories.mibba.com/read/273756/Pathetic/">Pathetic</a><br /> <a href="http://stories.mibba.com/read/256281/Dreams-Can-Come-True/">Dreams Can Come True.</a><br /> <a href="http://stories.mibba.com/read/280062/Obsessed/">Obsessed.</a><br /> <br /> <div class="header1">Oh so well.</div> <br /> <a href="http://www.mibba.com/users/friends/new/154879/">Add</a><br /> <a href="http://www.mibba.com/users/messages/send/user/154879/">Message</a><br /> <a href="http://member.mibba.com/154879/comments/">Comments</a><br /> <a href="http://member.mibba.com/154879/friends/">Friends</a><br /> <a href="http://member.mibba.com/154879/stories/">Stories</a><br /> <a href="http://member.mibba.com/154879/poems/">Poems</a><br /> <a href="http://member.mibba.com/154879/journals/">Journals</a><br /> <br /> <br /></div>

CSS CODE.

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #C12283; background-color: black; font-family: helvetica; font-size: 11px; } html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: white; background-color: black; font-family: helvetica; font-size:11px } body {background-image:url(http://sphotos.ak.fbcdn.net/hphotos-ak-ash2/hs101.ash2/38379_1540154784011_1239151419_1499324_3070180_n.jpg); background-color: #ffffff; font-family: helvetica; color:#ffffff; line-height:150%; text-align:center; margin:0px; font-size:10pt;} a:link {text-decoration:none; color:#ffffff; font-size:10pt; font-family: helvetica;} a:visited{text-decoration:none; color:#ffffff; font-size:10pt; font-family: helvetica;} a:active {text-decoration:none; color:#ffffff; font-size:10pt; font-family: helvetica;} a:hover {text-decoration:none; color: white font-size:11pt; font-family: helvetica;} b {color:#41A317;} i {color:#9E7BFF;} u {color:blue; border-bottom: 0px dashed #FF868D;} s{color: blue;} .header1 {background:transparent; padding: 0px; font-family: bank gothic; color: black; font-size:16pt; letter-spacing: 3px; text-align: center; border-bottom: solid 1px #736AFF;} input, textarea { background: #000000; font-family: 'helvetica'; font-size: 10px; color: #ffffff; border-style: single; border-color: #000;} </style>

I am so using this!! :-)

Go to my profile for the picture(minus the bottom two pics), it's avenged sevenfold:) Message me if you want a different band or person!

body{
background-color: #000000;
}

b{
color: #723A3A;
font-size: 8pt;
}

i{
color: #3A5872;
font-size: 8pt;
font-style: italic;
}

u{
color: #65723A;
font-size: 8pt;
text-decoration: none;
border-bottom: dashed 2px #77B39F;
}

s{
color: #72533A;
font-size: 8pt;
}

a:link, a:active, a:visited{
color: #723A70;
font-size: 8pt;
border-bottom: none;
}

a:hover{
color: #FFF500;
font-size: 10pt;
border-bottom: dashed 3px #77B39F;
}

h1{
color: #3A7271;
font-family: verdana;
line-height: 17pt;
font-size: 13pt;
text-align: center;
margin: 7px 0px 7px 0px;
text-transform: lowercase;
font-weight: normal;
background-color: #947D7D;
border-bottom: 4px solid #73928A;
letter-spacing: 1px;
}

.table{
background-color: #000000;
color: #947D7D;
font-family: verdana;
font-size: 11px;
text-align: center;
line-height: 11px;
}

textarea{
background-color: #947D7D;
color: #000000;
font-family: verdana;
font-size: 10px;
line-height: 11px;
}

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a{
color: #947D7D;
background-color: transparent;
display: inline;
border: none;
font-family: verdana;
font-size: 10px;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span{
color: #947D7D;
background-color: transparent;
display: inline;
border: none;
font-family: verdana;
font-size: 10px;
}

#popup{
z-index: 2;
position: center;
top: 0;
left: 0;
width: 455px;
height: 180px;
padding-bottom: 10px;
border: #f5f5f5 2px solid;
background-color:#cccccc;
font-size: 10px;
text-align: center; font-family:
courier new;
text-transform: uppercase;
}

#popup-background{
position: clear;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 10px 0;
background-image: url();
}

#popup h2{
color: #f5f5f5;
background-color: #lightgrey;
margin: 0;
padding: 0px 0px;
font-size: 10px;
font-family: courier new;
text-transform: uppercase;
}

#popup label{
display: block;
color: #000000;
background-color: #f5f5f5;
padding: 3px 5px;
}

#popup textarea{
width: 405px;
height: 100px;
margin: 8px 8px;
padding: 2px 4px;
border: #f5f5f5 2px solid;
color: #0f0f0f;
background-color: #947D7D;
font-family: courier new;
font-size: 10px;
font-weight: none;
text-align: center;
line-height: 8px;
text-transform: none;
}

#popup button{
clear: left;
margin: 0 5px;
border: #3366991px solid;
color: #947D7D;
background-color: #ffffff;
opacity: 1.0;
font-family: courier new;
text-transform: uppercase;
border: 1px #336699solid;
font-size: 10px;
}

#popup #comment-delete{
margin-top: 25px;
}

#popup p{
margin: 0;
padding: 15px;
}

#popup p.error{
color: #cccccc;
}

#popup-options{
border-bottom: #ffffff 1px dotted;
text-align: right;
font-size: 10px;
font-family: courier new;
text-transform: uppercase;
}

#popup-options a{
color: #ffffff;
text-decoration: none;
padding: 2px 4px;
display:block;
background-color: #000000;
font-family: courier new;
text-transform: uppercase;
font-size: 10px;
}

#popup-options a:hover{
background-color: #F5F5F5;
color: #000000;
}

#extra-comments{
width: 500px;
font-size: 0.5em;
}

HTML

<div class="table" style="position: absolute; top: 536px; left: 490px; width: 343px;"><img src="http://userserve-ak.last.fm/serve/_/26800709/Avenged+Sevenfold.jpg" /></div>
<div class="table" style="position: absolute; top: 60px; left: 140px; width: 343px;"><img src="http://4.bp.blogspot.com/_t2fRjbJMZj4/SUoWgqAdGgI/AAAAAAAAACE/xZUi9OrAu5I/S1600-R/Avenged_sevenfold2.jpg" /></div>
<div class="table" style="position: absolute; top: 890px; left: 491px; width: 343px;"><img src="http://lunchofchampions.com/wp-content/uploads/2006/05/avenged_sevenfold.gif" /></div>
<div class="table" style="position: absolute; top: 529px; left: 140px; width: 350px;">
<h1>we’re coming back, coming back</h1>
<br />
norm. <b>bold.</b> <i>italics.</i> <u>underline.</u> <s>strike.</s> <a href="linkhere">link.</a><br />
<br />
about you.<br />
<br />
<a class="comment-add profile-PROFILE#HERE" rel="nofollow" href="javascript:void(0);">comment</a><br />
<br />
<h1>we’ll live forever, live forever</h1>
<br />
<a href="storyurl">Name</a><br />
<b>plot:</b> plot<br />
<b>characters:</b> characters<br />
<b>genre:</b> Type<br />
<br />
<a href="storyurl">Name</a><br />
<b>plot:</b> plot<br />
<b>characters:</b> characters<br />
<b>genre:</b> Type<br />
<br />
<a href="storyurl">Name</a><br />
<b>plot:</b> plot<br />
<b>characters:</b> characters<br />
<b>genre:</b> type<br />
<br />
<h1>let’s have wedding, have a wedding</h1>
<br />
<u><i>short stories, poems, one-shots.</i></u><br />
<br />
<a href="worksurl">work</a><br />
<a href="worksurl">work</a><br />
<a href="worksurl">work</a><br />
<h1>let’s start the killing, start the killing</h1>
<u><b>friends:</b></u><br />
<br />
<a href="profileurl">name</a> <a href="profileurl">name</a> <a href="profileurl">name</a> <a href="profileurl">name</a> <a href="profileurl">name</a> <a href="profileurl">name</a> <a href="profileurl">name</a><br />
<h1>“do you take this man in death for the rest of your unnatural life?”</h1>
<br />
<b>DATE::</b> Sunday 27th February '11.<br />
<i>Time::</i>8:51pm<br />
<i>Listening to::</i>Sick Little Games - All Time Low<br />
<i>Doing::</i> Nothing<br />
<i>Update::</i>Finding.<br />
<h1>"i do"</h1>
<br />
<b>Header Credit:</b> <u>A Little Piece of Heaven</u> - <i>Avenged Sevenfold</i><br />
<br /></div>

It's called Serenity Blue.

CSS:

body { background-color: #000000; background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; background-position: center; }

#image, #stories, #articles, #poems, #journals, #photos, #friends, #info {background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; background-position: center; }

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

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

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

#image img, #articles li img, #photos .photo { background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; background-position: center; }

#friends div { color: #000000 ; }

#main { border-color: #000000 ; border-width: 4px;}

#info-section { background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; border-right: #000000 10px solid;padding-right:0px; background-position: center; }

#about-section { background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; background-position: center; }

h1 { color: #000000; background-color: #00B7FF; background-repeat: repeat; font-family: Bradley Hand ITC; font-size: 50px; letter-spacing: -1px; text-align: center; background-position: center; }

#stories h2 { color: #00B7FF; background-color: #000000; background-repeat: repeat; font-family: Bradley Hand ITC; text-transform: lowercase; font-size: 23px; letter-spacing: -1px; text-align: center; background-position: center; }

#articles h2 { color: #00B7FF; background-color: #000000; background-repeat: repeat; font-family: Bradley Hand ITC; text-transform: lowercase; font-size: 23px; letter-spacing: -1px; text-align: center; background-position: center; }

#journals h2 { color: #00B7FF; background-color: #000000; background-repeat: repeat; font-family: Bradley Hand ITC; text-transform: lowercase; font-size: 23px; letter-spacing: -1px; text-align: center; background-position: center; }

#poems h2 { color: #00B7FF; background-color: #000000; Background-repeat: repeat; font-family: Bradley Hand ITC; text-transform: lowercase; font-size: 23px; letter-spacing: -1px; text-align: center; background-position: center; }

#photos h2 { color: #00B7FF; background-color: #000000; background-repeat: repeat; font-family: Bradley Hand ITC; text-transform: lowercase; font-size: 23px; letter-spacing: -1px; text-align: center; background-position: center; }

#about-section h2 { color: #00B7FF ; background-color: #000000; font-family: Bradley Hand ITC; font-size: 43px; letter-spacing: -1px; text-align: center; background-position: center; }

#friends h2 { color: #00B7FF; background-color: #000000; background-repeat: repeat; font-family: Bradley Hand ITC; font-size: 23px; letter-spacing: -1px; text-align: center; text-transform: lowercase; background-position: center; }

#about h2 { color: #00B7FF; background-color: #000000; background-repeat: repeat; font-family: Bradley Hand ITC; font-size: 43px; letter-spacing: -1px; text-align: center; background-position: center; }

#comment-list .options { color: #000000; background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; text-align: center; background-position: center; text-align: center; }

#comment-list .options a { background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; text-align: center; background-position: center; }

.pages { background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; text-align: center; background-position: center; text-align: center; }

.pages .info { color: #000000; }

.pages a { color: #000000 ; }

.add-comment { background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; color: #000000; text-align: center; background-position: center; text-align: center; }

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

#comment-list li { color: #000000 ; background-color: #00B7FF; background-repeat: repeat; text-align: center; background-position: center; }

#comment-list img { border-color: #000000 ; background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; background-position: center; text-align: center; }

a:hover { color: #000000; font-family: Segoe Print; text-transform: none; text-decoration: line-through; letter-spacing: 6px; word-spacing: 13px; font-weight: italic; background-position: center; }

html body div #menu { padding: 5px 10px; Margin: 35px 0px -1px 0px; font-size: 17px; text-align: center; color: #000000; background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; font-family: Georgia; background-position: center; }

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

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

html body div #options { padding: 3px 10px; font-size: 11px; text-align: center; color: #000000;
background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; font-family: Georgia; background-position: center; }

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

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

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

body { margin: 0; padding: 13; background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; font-family: Times New Roman; background-position: center; }

#main {
background-image: url(http://images2.layoutsparks.com/1/248717/blue-serenity-animated-wavy.gif); background-repeat: repeat; background-position: center;
}

#about-content {
background-color: #239CA7;
text-align: center;
background-image: url();
background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: bottom right; /* it can also be "center left", "center center" etc.*/

Check out tigerbolts! layouts for more. Go request a bunch of layouts! I have nothing else to do. haha

Here are some of my newest layouts, more can be found on my site


Preview/Download


Preview/Download


Preview/Download


Preview/Download

Phew, here are some new layouts, freshly coded. You can find more on my site


Preview/Download

Here's my newest layout.You can find more on my site


Preview/Download

http://i54.tinypic.com/n62qzd.jpg

Magic Purple

CSS:

body { background-color: #FFFFFF; background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; background-position: center; }

#image, #stories, #articles, #poems, #journals, #photos, #friends, #info {background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; background-position: center; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #5015A8; background-repeat: repeat; text-align: center; background-position: center; }

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

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

#image img, #articles li img, #photos .photo { background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; background-position: center; }

#friends div { color: #FFFFFF ; }

#main { border-color: #FFFFFF ; border-width: 4px;}

#info-section { background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; border-right: #000000 10px solid;padding-right:0px; background-position: center; }

#about-section { background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; background-position: center; }

h1 { color: #FFFFFF; background-color: #5015A8; background-repeat: repeat; font-family: Bradley Hand ITC; font-size: 50px; letter-spacing: -1px; text-align: center; background-position: center; }

#stories h2 { color: #5015A8; background-color: #FFFFFF; background-repeat: repeat; font-family: Bradley Hand ITC; text-transform: lowercase; font-size: 23px; letter-spacing: -1px; text-align: center; background-position: center; }

#articles h2 { color: #5015A8; background-color: #FFFFFF; background-repeat: repeat; font-family: Bradley Hand ITC; text-transform: lowercase; font-size: 23px; letter-spacing: -1px; text-align: center; background-position: center; }

#journals h2 { color: #5015A8; background-color: #FFFFFF; background-repeat: repeat; font-family: Bradley Hand ITC; text-transform: lowercase; font-size: 23px; letter-spacing: -1px; text-align: center; background-position: center; }

#poems h2 { color: #5015A8; background-color: #FFFFFF; Background-repeat: repeat; font-family: Bradley Hand ITC; text-transform: lowercase; font-size: 23px; letter-spacing: -1px; text-align: center; background-position: center; }

#photos h2 { color: #5015A8; background-color: #FFFFFF; background-repeat: repeat; font-family: Bradley Hand ITC; text-transform: lowercase; font-size: 23px; letter-spacing: -1px; text-align: center; background-position: center; }

#about-section h2 { color: #5015A8 ; background-color: #FFFFFF; font-family: Bradley Hand ITC; font-size: 43px; letter-spacing: -1px; text-align: center; background-position: center; }

#friends h2 { color: #5015A8; background-color: #FFFFFF; background-repeat: repeat; font-family: Bradley Hand ITC; font-size: 23px; letter-spacing: -1px; text-align: center; text-transform: lowercase; background-position: center; }

#about h2 { color: #5015A8; background-color: #FFFFFF; background-repeat: repeat; font-family: Bradley Hand ITC; font-size: 43px; letter-spacing: -1px; text-align: center; background-position: center; }

#comment-list .options { color: #FFFFFF; background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; text-align: center; background-position: center; text-align: center; }

#comment-list .options a { background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; text-align: center; background-position: center; }

.pages { background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; text-align: center; background-position: center; text-align: center; }

.pages .info { color: #FFFFFF; }

.pages a { color: #FFFFFF ; }

.add-comment { background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; color: #FFFFFF; text-align: center; background-position: center; text-align: center; }

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

#comment-list li { color: #FFFFFF ; background-color: #5015A8; background-repeat: repeat; text-align: center; background-position: center; }

#comment-list img { border-color: #FFFFFF ; background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; background-position: center; text-align: center; }

a:hover { color: #FFFFFF; font-family: Edwardian Script ITC; text-transform: none; text-decoration: line-through; letter-spacing: 6px; word-spacing: 13px; font-weight: italic; background-position: center; }

html body div #menu { padding: 5px 10px; Margin: 35px 0px -1px 0px; font-size: 17px; text-align: center; color: #FFFFFF; background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; font-family: French Script MT; background-position: center; }

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

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

html body div #options { padding: 3px 10px; font-size: 11px; text-align: center; color: #FFFFFF;
background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; font-family:French Script MT; background-position: center; }

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: 13; background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; font-family: Segoe Print; background-position: center; }

#main {
background-image: url(http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif); background-repeat: repeat; background-position: center;
}

#about-content {
background-color: #B287F8;
text-align: center;
background-image: url();
background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: bottom right; /* it can also be "center left", "center center" etc.*/

{I'm too lazy to put a picture. Maybe later.}

CSS:

body { background-color: #D1CDCD; background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; background-position: center; }

#image, #stories, #articles, #poems, #journals, #photos, #friends, #info {background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; background-position: center; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #808080; background-repeat: repeat; text-align: center; background-position: center; }

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

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

#image img, #articles li img, #photos .photo { background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; background-position: center; }

#friends div { color: #D1CDCD ; }

#main { border-color: #D1CDCD ; border-width: 4px;}

#info-section { background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; border-right: #D1CDCD 10px solid;padding-right:0px; background-position: center; }

#about-section { background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; background-position: center; }

h1 { color: #D1CDCD; background-color: #808080; background-repeat: repeat; font-family: Edwardian Script ITC; font-size: 60px; letter-spacing: -1px; text-align: center; background-position: center; }

#stories h2 { color: #808080; background-color: #D1CDCD; background-repeat: repeat; font-family: Edwardian Script ITC; text-transform: lowercase; font-size: 28px; letter-spacing: -1px; text-align: center; background-position: center; }

#articles h2 { color: #808080; background-color: #D1CDCD; background-repeat: repeat; font-family: Edwardian Script ITC; text-transform: lowercase; font-size: 28px; letter-spacing: -1px; text-align: center; background-position: center; }

#journals h2 { color: #808080; background-color: #D1CDCD; background-repeat: repeat; font-family: Edwardian Script ITC; text-transform: lowercase; font-size: 28px; letter-spacing: -1px; text-align: center; background-position: center; }

#poems h2 { color: #808080; background-color: #D1CDCD; Background-repeat: repeat; font-family: Edwardian Script ITC; text-transform: lowercase; font-size: 28px; letter-spacing: -1px; text-align: center; background-position: center; }

#photos h2 { color: #808080; background-color: #D1CDCD; background-repeat: repeat; font-family: Edwardian Script ITC; text-transform: lowercase; font-size: 28px; letter-spacing: -1px; text-align: center; background-position: center; }

#about-section h2 { color: #808080 ; background-color: #D1CDCD; font-family: Edwardian Script ITC; font-size: 44px; letter-spacing: -1px; text-align: center; background-position: center; }

#friends h2 { color: #808080; background-color: #D1CDCD; background-repeat: repeat; font-family: Edwardian Script ITC; font-size: 28px; letter-spacing: -1px; text-align: center; text-transform: lowercase; background-position: center; }

#about h2 { color: #808080; background-color: #D1CDCD; background-repeat: repeat; font-family: Edwardian Script ITC; font-size: 44px; letter-spacing: -1px; text-align: center; background-position: center; }

#comment-list .options { color: #D1CDCD; background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; text-align: center; background-position: center; text-align: center; }

#comment-list .options a { background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; text-align: center; background-position: center; }

.pages { background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; text-align: center; background-position: center; text-align: center; }

.pages .info { color: #D1CDCD; }

.pages a { color: #D1CDCD ; }

.add-comment { background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; color: #D1CDCD; text-align: center; background-position: center; text-align: center; }

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

#comment-list li { color: #D1CDCD ; background-color: #808080; background-repeat: repeat; text-align: center; background-position: center; }

#comment-list img { border-color: #D1CDCD ; background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; background-position: center; text-align: center; }

a:hover { color: #D1CDCD; font-family: French Script MT; text-transform: none; text-decoration: line-through; letter-spacing: 6px; word-spacing: 13px; font-weight: italic; background-position: center; }

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

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

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

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

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: 13; background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; font-family: Times New Roman; background-position: left; }

#main {
background-image: url(http://img30.picoodle.com/img/img30/4/3/6/f_EmoWallpapem_ba38a60.jpg); background-repeat: repeat; background-position: center;
}

#about-content {
background-color: #B8DADC;
text-align: center;
background-image: url();
background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: bottom right; /* it can also be "center left", "center center" etc.*/

Click on picture for css/html codes.

tigerbolts! layouts
go request a bunch of layouts @ my site^ I'm bored and want to make more layouts, but I don't know what to make.

please let me know if you use.

Click on picture for css/html codes.

tigerbolts! layouts
go request a bunch of layouts @ my site^ I'm bored and want to make more layouts, but I don't know what to make.

please let me know if you decide to use.

Click on picture for css/html codes.

tigerbolts! layouts
go request a bunch of layouts @ my site^ I'm bored and want to make more layouts, but I don't know what to make.

please let me know if you decide to use.

My Chemical Romance I Don't Love You HTML Layout


CSS:

body { background-color: #FAF5DC; font-family: times; font-size: 12px; color:#000000; margin: 0px; padding-bottom:0px;}

#banner { width: 600px; height: 197px;
background:url(http://i243.photobucket.com/albums/ff94/darkness-dawns/Layout%20Site%20Pictures/MCRBanner.png);
background-position: center; background-repeat: no-repeat; background-color: #FAF5DC; z-index:-2; }

#content1 { position:relative; top:200px; width:400px; background:#FAF5DC; color:#000000; z-index:2; padding-bottomt:20px;}

#h1 {font-size:14px; border-bottom: 2px dashed #120F42;
text-transform: uppercase; font-family: verdana;
font-weight: bold; color: #120F42; letter-spacing: 0px; text-align: center; }

#h2 {font-size:30px; border-bottom: 2px dashed #000000;
font-family: times; font-weight: bold; color: #000000;
letter-spacing: 2px; text-align: center; }
#h3 { font-size:16px; font-family: times;
font-decoration: italic; color: #120F42; text-align: center; }

html body div #menu, html body div #menu a, html body div #menu span, html body div
#menu span a { background:#FAF5DC; color: #A72E35; font-size: 11px; font-weight:normal; font-family: verdana; }

html body div #options, html body div #options a, html body div #options span a, html body div
#options span { background:#FAF5DC; color: #A72E35; font-size: 10px; font-family: verdana; }

html body div
#menu a:hover { color: #A72E35; font-weight:bold; }

html body div
#options a:hover { color: #A72E35; font-weight:bold; }

a:link, a:visited, a:active { color: #B78C91; font-size: 12px; font-family: times; }

a:hover { color: #B78C91; font-size: 13px; font-weight:bold; font-family: times;}

i, b, u, s {
color: #000000;
}

Layout/HTML:

<center>
<div id="banner">
<div id="content1">
<div id="h2">{USERNAME}</div>
<div id="h3"><i>I Don’t Love You</i></div>
<br />
<br />
<div id="h1">And after all this time that you still owe</div>
<div style="text-align:center">About Me.<br />
Write about yourself here.<br />
<br />
<div id="h1">You're still a good-for-nothing I don't know</div>
Another section where you can put whatever you want.<br />
<br />
<div id="h1">So take your gloves and get out</div>
<br />
<a href="www.com">Story Link Here</a><br />
<a href="www.com">Story Link Here</a><br />
<a href="www.com">Story Link Here</a><br />
<br />
<div id="h1">Better get out while you can</div>
<a href="http:www.member.mibba.com/28178/">Layout by belikov.</a><br /></div>
</div>
</div>
</center>

Let me know if you use it.

Here are my newest layouts. You can find more here.


Preview/Code


Preview/Code

Click my profile to preview. Personal Message to get CSS&HTML

The layout is here: http://member.mibba.com/147934/

The background picture is here: http://psd.fanextra.com/wp-content/uploads/2010/01/bokeh14.jpg

CSS Code:

html body div #menu, html body div #menu a {font-family: palatino; font-size:11.5px; background-color:#FFE099; color:#FFFFA6; }

html body div #options, html body div #options a { font-family: palatino; font-size:10px; background-color: #FFE099; color:#FFFFA6; }

html body div #options span a, html body div #options span { font-family:palatino; font-size:10px; background-color: #FFE099; color:#FFFFA6; }

html body div #options span a:hover, html body div #options a:hover, html body div #menu a:hover {text-decoration:underline; color:#FF9D85; size:20px; }

body {background-color: #FFFFA6; background-image: url(http://psd.fanextra.com/wp-content/uploads/2010/01/bokeh14.jpg); background-position:center top; background-repeat: repeat-xy; /*can be repeat-y, no-repeat*/ background-attachment: scroll; /*can be fixed*/}

#main {background-color:#transparent; color:#000000; border: solid 10px #transparent; background-image:url();}

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

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

h1 {background-color:#FFE099; color: #FF9D85; text-align:left; font-family: palatino; font-size:25px; }

#image {background-color: #Transparent; }

#image img {background-color: #FF9D85; border: solid 1px #FFE099; }

#info {background-color: #transparent }

#info dt { font-family: palatino; font-size:13px; text-align:right; background-color: #FFE099; color: #FF9D85; }

#info dd { font-family: palatino; font-size:13px; text-align:left; background-color: #FFE099; color: #FF9D85; }

#stories h2 {background-color: #transparent; color: #FF9D85; font-size: 20px; font-family: palatino; text-align: left; }

#stories {background-color: #transparent; color: #FF9D85; }

#stories ul li h3 a { color: #FF9D85; font-family: palatino; font-size:13px; text-align:left; }

#stories ul li span { color: #FFFFA6; font-family: palatino; font-size: 11px; text-align: left; }

#stories ul li span a { color: #FFFFA6; font-family: palatino; font-size: 11px; }

#stories li { background-color: #FFE099; }

#stories ul li span a:hover, #stories ul li h3 a:hover {text-decoration:underline; color: #FF9D85;}

#poems h2 {background-color: #transparent; color: #FF9D85; font-size: 20px; font-family: palatino; text-align: left; }

#poems {background-color: #transparent; color: #FF9D85; }

#poems ul li h3 a { color: #FF9D85; font-family: palatino; font-size:14px; text-align:left; }

#poems ul li span { color: #FFFFA6; font-family: palatino; font-size: 11px; text-align: left; }

#poems li { background-color: #FFE099; }

#poems ul li h3 a:hover {text-decoration:underline; color: #FF9D85; }

#journals h2 {background-color: #transparent; color: #FF9D85; font-size: 20px; font-family: palatino; text-align: left; }

#journals {background-color: #transparent; color: #FF9D85; }

#journals ul li h3 a { color: #FF9D85; font-family: palatino; font-size:14px; text-align:left; }

#journals ul li span { color: #FFFFA6; font-family: palatino; font-size: 11px; text-align: left; }

#journals li { background-color: #FFE099; }

#journals ul li h3 a:hover {text-decoration:underline; color: #FF9D85; }

#photos h2 {background-color: #transparent; color: #FF9D85; font-size: 20px; font-family: palatino; text-align: left; }

#photos {background-color: #FFE099;}

#photos .photo {background-color: #FFFFA6; border: solid 1px #FFE099; }

#photos .photo div {color: #FF9D85; background-color: #FFE099; text-align: center; font-family: palatino; font-size: 11px; }

#friends h2 {background-color: #transparent; color: #FF9D85; font-size: 20px; font-family: palatino; text-align: left; }

#friends img { background-color: #FFE099; }

#friends div { color: #FF9D85; font-family: palatino; text-align: center; font-size: 11px; }

#friends { background-color: #FFE099; }

#about h2 { background-color: #transparent; color: #FF9D85; font-size: 20px; font-family: times; text-align: left; }

#about {background-color: #FFE099;}

#about-content {background-color: #transparent; color: #FF9D85; font-family: palatino; font-size: 12px; text-align: left; border: solid 10px #FFE099; }

#comment-area h2 { background-color: #transparent; color: #FF9D85; font-size: 20px; font-family: palatino; text-align: left; }

#comment-area {background-color: #FFE099; }

.options{ color: #FFFFA6; font-family: palatino; }

.options a { color: #F3A000; font-family: palatino; }

.options .number {color: #FFFFA6; font-family: palatino; }

a.report { color: #F3A000; font-family: palatino; font-size: 10; }/*REPORT COMMENT LINK*/

a.comment-delete{ color: #F3A000; font-family: palatino; }/*DELETE COMMENT LINK*/

.pages { background-color:#FFE099; }

.pages .info { color:#FF9D85; font-family: palatino; }

#comment-list {background-color:#transparent;}

#comment-list li {color:#FF9D85; background-color:#FFE099; font-family: palatino; font-size:12px; }

#comment-list img { background-color: #FFFFA6;}

.add-comment {background-color: #FFFFA6}

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

My current:

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

html body div #options {
font-family: times;
}
#main {
background-image: none;
overflow: hidden;
}

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

body {
background-color: #000000;
background-image: url(http://www.zingerbug.com/Backgrounds/background_images/monochrome_leopard_print.jpg);
background-repeat: repeat;
background-position: center center;
}
#main {
background-color: #000000
}
html body div #menu, #info-section {
background-color: #000000;
}

#main, #info-section, #photos .photo, #friends img, #comment-list 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;
}

#about-section {
background-color: white;
}
#main {
border-color: #580989;
background-color: #000000;
}
#friends div {
color: #000000 ;
}
#info-section {
background-color: #580989;
}

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-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;
}

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

#friends div {
color: #000000;
}

#stories { /* Story area */
background-color: #000000;
font-family: Times;
}

#stories h2 { /* Title "Ramblings" */
font-family: Times;
color: #580989;
background-color: #000000;
}

#stories li { /* Story list */
font-family: Times;
color: #484B54;
background-color: #000000;
}

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

#stories li a { /* Link color */
color: #C8D1D0;
}
/* Comment background color */

#comments-sectionh2{
background-color:#000000
}

#comment-list li {
font-family: Times;
color: #580989;
background-color: #000000;
}
#about-section h2 {
font-family: Times;
color: #580989;
background-color: #0000000;
}

/* Avatar "frame" */

#comment-list img {
font-family: Times;
border-color: #C8D1D0;
background-color: #000000;
}

/* Username & Date area */

#comment-list .options {
font-family: Times;
color: #580989;
background-color: #000000;
}

/* Username/Report/Delete links */

#comment-list .options a {
font-family: Times;
color: #580989;
background-color: #000000
}

/* Comment pages */

.pages {
font-family: Times;
background-color: #000000;
}

/* "PAGES" -text */

.pages .info {
color: #580989;
}

/* Page numbers - links */

.pages a {
color: #C8D1D0;
}

/* "Add comment" area */
#comment-list li {
color: #580989;
background-color: #000000;
}

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

/* "Add comment" link */
#comments h2 {
color: #580989;
background-color: #000000;
}

.add-comment a {
font-family: Times;
color: #580989;
}
h1 {
font-family: Times;
color: #580989;
background-color: #000000;
}
#poems h2 {
font-family: Times;
color: #580989;
background-color: #000000;
}
#articles h2 {
font-family: Times;
color: #580989;
background-color: #000000;

}
#journals h2 {
font-family: Times;
color: #580989;
background-color:#000000 ;
}
#photos h2 {
font-family: Times;
color: #580989;
background-color:#000000;
}
#main {
border-width: 0;
}

#about h2 {
font-family: Times;
color: #580989;
background-color: #000000;
}

#about-section {
background-color: #000000;
}
#main-content
{
margin: 0;
padding: 0;
width: 0;
border: 0;
background-color: #000000;
overflow: auto;
}

This was my layout: Its a moving, colorful layout that seems like jewels being reflected by colored light

/* Page Background */
body { background-color: #ffffff; margin: 30px 20px 50px 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: #6000FF;
background-color: #ffffff; }
/* Avatar “frame” */
#comment-list img {
border-color: #000000;
background-color: #6000FF;
}
/* Username & Date area */
#comment-list .options {
color: #6000FF;
background-color: #ffffff;
}
/* Username/Report/Delete links */
#comment-list .options a {
color: #6000FF;
}
/* Comment pages */
.pages {
background-color: #ffffff;
}
/* “PAGES” -text */
.pages .info {
color: #ffffff;
}
/* Page numbers - links */
.pages a {
color: #6000FF;
}
/* “Add comment” area */
.add-comment {
background-color: #ffffff;
color: #6000FF;
}
/* “Add comment” link */
.add-comment a {
color: #6000FF;
}
h1 {
color: #6000FF;
background-color: #ffffff;
font-family: tahoma;
font-size: 20px;
letter-spacing: -5px;
}
#stories h2 {
color: #6000FF;
background-color: #ffffff;
font-family: tahoma;
font-size: 20px;
letter-spacing: -5px;
}
#articles h2 {
color: #6000FF;
background-color: #ffffff;
font-family: tahoma;
font-size: 20px;
letter-spacing: 2px;
}
#poems h2 {
color: #6000FF;
background-color: #ffffff;
font-family: tahoma;
font-size: 20px;
letter-spacing: 2px;
}
#journals h2 {
color: #6000FF;
background-color: #ffffff;
font-family: tahoma;
font-size: 20px;
letter-spacing: 2px;
}
#photos h2 {
color: #6000FF;
background-color: #ffffff;
font-family: tahoma;
font-size: 20px;
letter-spacing: 2px;
}
#about-section h2 {
color: #6000FF;
background-color: #ffffff;
font-family: tahoma;
font-size: 20px;
letter-spacing: 2px;
}
#friends h2 {
color: #EF1646;
background-color: #ffffff;
font-family: Georgia;
font-size: 20px;
letter-spacing: 2px;
}
#about h2 {
color: #6000FF;
background-color: #ffffff;
font-family: tahoma;
font-size: 20px;
letter-spacing: 2px;
}
#info-section {
background-color: #6000FF;
}
/* Image as page background */
body {
background-color: #ffffff;
background-image: url(http://i54.tinypic.com/afdp3o.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: #6000FF;
}
#about-section {
background-color: #ffffff;
}
#main {
border-color: #000000;
background-image: url(http://i54.tinypic.com/afdp3o.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: #6000FF;
}
#image img, #articles li img, #photos .photo {
background-color: #6000FF;
}
#image img, #articles li img, #friends img, #photos .photo {
border-color: #6000FF;
}
#friends div {
color: #6000FF;
}
a:link {
text-decoration: none;
}
a:hover{
color: black;
font-family: tahoma;
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 60px -1px 60px;
font-size: 12px;
text-align: center;
color: #6000FF;
background-color: #ffffff;
font-family: tahoma;
}
html body div #menu a
{
color: #6000FF;
padding: 2px;
text-decoration: none;
}
html body div #menu a:hover
{
text-decoration: underline;
}
html body div #options
{
padding: 3px 10px;
font-size: 9px;
text-align: center;
color: #6000FF;
background-color: #ffffff;
font-family: tahoma;
}
html body div #options a
{
color: #6000FF;
padding: 2px;
text-decoration: none;
}
html body div #options a:hover
{
text-decoration: underline;
}
html body div #options span a
{
color: #6000FF;
}
body
{
margin: 0;
padding: 0;
background-color: #6000FF;
font-family: tahoma;
}
a
{
color: #6000FF;
text-decoration: none;
}
a:hover
{
color: #6000FF;
}

This layout was my pleasure to share with you
BTW:You must put the link in the CSS and give Kailyn_the_Hedgehog credit
Thanks and hope you like it

Message me for the codes. :)