I've been thinking

So, I've just realized that there isn't exactly a preview for the layouts or anything and there's just a picture. So, you never exactly know what the layout will look like exactly and that may make you not want to use my layouts. But honestly, I assure you that all of them are mostly the same. The image is at the top and directly under it is usually the content area. It's not that hard. And the simple colored ones are just one small spot for you to write your about me. And the CSS Layouts are the normal HTML set up.

Mibba Layouts: Swirls

HTML Code
<div id="main"><br /> <div id="info-section"><br /> <h1>{USERNAME}</h1> <br /> <br /> <!-- image_start --><br /> <div id="image"> {IMAGE}<br /> </div> <!-- image_end --><br /> <br /> <br /> <!-- info_start --><br /> <div id="info"> {INFO}<br /> </div> <!-- info_end --><br /> <br /> <br /> <!-- stories_start --><br /> <div id="stories"> <h2>Stories</h2> {STORIES}<br /> </div> <!-- stories_end --><br /> <br /> <br /> <!-- articles_start --><br /> <div id="articles"> <h2>Articles</h2> {ARTICLES}<br /> </div> <!-- articles_end --><br /> <br /> <br /> <!-- poems_start --><br /> <div id="poems"> <h2>Poems</h2> {POEMS}<br /> </div> <!-- poems_end --><br /> <br /> <br /> <!-- journals_start --><br /> <div id="journals"> <h2>Journals</h2> {JOURNALS}<br /> </div> <!-- journals_end --><br /> <br /> <br /> <!-- photos_start --><br /> <div id="photos"> <h2>Photos</h2> {PHOTOS}<br /> </div> <!-- photos_end --><br /> <br /> <br /> <!-- friends_start --><br /> <div id="friends"> <h2>Friends</h2> {FRIENDS}<br /> </div> <!-- friends_end --><br /> <br /> </div><br /> <br /> <div id="about-section"> <br /> <!-- about_start --><br /> <div id="about"> <h2>About</h2> <div id="about-content"> {ABOUT}<br /> </div> </div> <!-- about_end --><br /> <br /> <br /> <!-- comments_start --><br /> <div id="comment-area"> <h2>Comments</h2> {COMMENTS}<br /> </div> <!-- comments_end --><br /> <br /> </div><br /> </div>
CSS Code
html body div #menu {<br /> font-family: georgia;<br /> font-size: 10px;<br /> }<br /> <br /> html body div #options {<br /> font-family: georgia;<br /> font-size: 10px;<br /> }<br /> <br /> body<br /> {<br /> background-image: url(http://www.backgroundlabs.com/backgrounds/42.jpg);<br /> background-repeat: fixed;<br /> font-family: georgia;<br /> font-size: 13px;<br /> }<br /> <br /> h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {<br /> font-size: 20px;<br /> }<br /> <br /> #main {<br /> background-image: none;<br /> overflow: hidden;<br /> }<br /> <br /> #info-section {<br /> border-style: none;<br /> border-width: 0 0 10px 0;<br /> }<br /> <br /> #about-content {<br /> line-height: 1.7em;<br /> }<br /> <br /> <br /> html body div #menu, #info-section {<br /> background-color: transparent;<br /> }<br /> <br /> #main, #info-section, #photos .photo, #friends img, #comment-list img {<br /> border-color: transparent;<br /> }<br /> <br /> <br /> #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 {<br /> background-color: transparent;<br /> }<br /> <br /> #image img {<br /> border-color: transparent;<br /> }<br /> <br /> body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {<br /> background-color: #ffffff;<br /> <br /> }<br /> <br /> .pages .info {<br /> color: #000000;<br /> }<br /> <br /> 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 {<br /> color: #000000;<br /> }<br /> <br /> #stories li span, #articles li span, #poems li span, #journals li span {<br /> color: #000000;<br /> }<br /> <br /> #articles li img {<br /> padding: 0;<br /> border-color: #fff;<br /> }

Mibba Layouts: Blue Clouds

normal mibba CSS Layout
HTML Code
<div id="main"><br /> <div id="info-section"><br /> <h1>{USERNAME}</h1><br /> <br /> <!-- image_start --><br /> <div id="image">{IMAGE}<br /> </div><!-- image_end --><br /> <br /> <br /> <!-- info_start --><br /> <div id="info">{INFO}<br /> </div><!-- info_end --><br /> <br /> <br /> <!-- stories_start --><br /> <div id="stories"><h2>Stories</h2>{STORIES}<br /> </div><!-- stories_end --><br /> <br /> <br /> <!-- articles_start --><br /> <div id="articles"><h2>Articles</h2>{ARTICLES}<br /> </div><!-- articles_end --><br /> <br /> <br /> <!-- poems_start --><br /> <div id="poems"><h2>Poems</h2>{POEMS}<br /> </div><!-- poems_end --><br /> <br /> <br /> <!-- journals_start --><br /> <div id="journals"><h2>Journals</h2>{JOURNALS}<br /> </div><!-- journals_end --><br /> <br /> <br /> <!-- photos_start --><br /> <div id="photos"><h2>Photos</h2>{PHOTOS}<br /> </div><!-- photos_end --><br /> <br /> <br /> <!-- friends_start --><br /> <div id="friends"><h2>Friends</h2>{FRIENDS}<br /> </div><!-- friends_end --><br /> <br /> </div><br /> <br /> <div id="about-section"><br /> <!-- about_start --><br /> <div id="about"><h2>About</h2><div id="about-content">{ABOUT}<br /> </div></div><!-- about_end --><br /> <br /> <br /> <!-- comments_start --><br /> <div id="comment-area"><h2>Comments</h2>{COMMENTS}<br /> </div><!-- comments_end --><br /> <br /> </div><br /> </div>
CSS Code
html body div #menu {<br /> font-family: verdana;<br /> font-size: 10px;<br /> }<br /> <br /> html body div #options {<br /> font-family: verdana;<br /> font-size: 10px;<br /> }<br /> <br /> body<br /> {<br /> background-image: url(http://www.backgroundlabs.com/backgrounds/204.jpg);<br /> background-repeat: fixed;<br /> font-family: verdana;<br /> font-size: 12px;<br /> }<br /> <br /> h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {<br /> font-size: 2em;<br /> }<br /> <br /> #main {<br /> background-image: none;<br /> overflow: hidden;<br /> }<br /> <br /> #info-section {<br /> border-style: none;<br /> border-width: 0 0 10px 0;<br /> }<br /> <br /> #about-content {<br /> line-height: 1.7em;<br /> }<br /> <br /> <br /> html body div #menu, #info-section {<br /> background-color: transparent;<br /> }<br /> <br /> #main, #info-section, #photos .photo, #friends img, #comment-list img {<br /> border-color: transparent;<br /> }<br /> <br /> <br /> #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 {<br /> background-color: transparent;<br /> }<br /> <br /> #image img {<br /> border-color: transparent;<br /> }<br /> <br /> body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {<br /> background-color: #ffffff;<br /> <br /> }<br /> <br /> .pages .info {<br /> color: #000000;<br /> }<br /> <br /> 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 {<br /> color: #000000;<br /> }<br /> <br /> #stories li span, #articles li span, #poems li span, #journals li span {<br /> color: #000000;<br /> }<br /> <br /> #articles li img {<br /> padding: 0;<br /> border-color: #fff;<br /> }

Mibba Layouts: Amy Can Flyy

HTML Code
<div class="table" style="position: absolute; top: 45px; left: 442px; width: 320px;"><img src="http://i38.tinypic.com/2wlvoci.jpg" /></div><div class="table" style="position: absolute; top: 365px; left: 442px; width: 320px;"><div class="header1">One, two, three and four</div><div class="header2">I came to the land of dinosaurs</div><br /> <br /> this is where you write all about yourself.<br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> <br /> <br /> <div class="header1">and I parked my time machine</div><div class="header2">behind the biggest tree that I could see</div><br /> <br /> <a href="STORYLINK">story title</a>/chapters/active<br /> <br /> <a href="STORYLINK">story title</a>/chapters/active<br /> <br /> <a href="STORYLINK">story title</a>/chapters/active<br /> <br /> <br /> <br /> <div class="header1">dinosaurs go RAWR</div><div class="header2">everybody knows that...</div><br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><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 {<br /> color: #000;<br /> background-color: transparent;<br /> font-family: tahoma;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #000;<br /> background-color: transparent;<br /> font-family: tahoma;<br /> font-size:9px<br /> }<br /> <br /> <br /> body<br /> {background-image:url('');<br /> background-color: #fff;<br /> line-height:150%;<br /> background-repeat: no-repeat;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #000; <br /> color: #fff; <br /> font-family: tahoma;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#ffff66;}<br /> i {color:#ff6666;}<br /> u {color:#ffff99; border-bottom: 1px dotted #000;}<br /> s{color:#ccff99;}<br /> <br /> <br /> a:link {text-decoration:none; color:#cc99cc; font-size:7pt; font-family: tahoma;}<br /> a:visited{text-decoration:none; color:#cc99cc; font-size:7pt; font-family: tahoma;}<br /> a:active {text-decoration:none; color:#cc99cc; font-size:7pt; font-family: tahoma;}<br /> a:hover {text-decoration: none; color:#66ff66; font-size:7pt; font-family: tahoma;}<br /> <br /> <br /> <br /> <br /> .header1 {background: #000; padding: 0px; font-family: tahoma; color: #66ff66; font-size:13pt; border-bottom: 0px dotted #fff; letter-spacing: 3px; text-align: right;}<br /> <br /> .header2 {background: #000; padding: 0px; font-family: tahoma; color: #fff; font-size:7pt; border-bottom: 1px dotted #fff; letter-spacing: 3px; text-align: left;}<br /> <br /> <br /> <br /> </style>

Mibba Layouts: Breakaway

HTML Code
<div class="table" style="position: absolute; top: -80px; left: 402px;"><img src="http://i35.tinypic.com/s27amx.jpg" /></div><div class="table" style="position: absolute; top: 307px; left: 498px; width: 267px;"><div class="header1">i'll spread my wings and I'll learn how to fly</div><br /> <br /> <b>updates</b>: story?poem?ect.<br /> <br /> <b>date:</b> d-m-y<br /> <br /> <br /> <br /> <br /> <br /> <div class="header1">i'll do what it takes til' I touch the sky</div><br /> <br /> <a href="link">story title</a>/characters/active<br /> <br /> <a href="link">story title</a>/characters/active<br /> <br /> <a href="link">story title</a>/characters/active<br /> <br /> <br /> <br /> <div class="header1">and I'll make a wish, take a chance, make a change and breakaway</div><br /> <br /> write about yourself here, pretties.<br /> <br /> <br /> <br /> <div class="header1">out of the darkness and into the sun, I won't forget the ones I love</div><br /> <br /> <a href="link">friend name</a> | <a href="link">friend name</a> | <a href="link">friend name</a> | <a href="link">friend name</a> | <a href="link">friend name</a> | <a href="link">friend name</a><br /> <br /> <br /> <br /> <div class="header1">buildings with a hundred floors, swinging around revolving doors</div><br /> <br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> don't steal.<br /> </div>
CSS Code
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {<br /> color: #000;<br /> background-color: transparent;<br /> font-family: times new roman;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #000;<br /> background-color: transparent;<br /> font-family: times new roman;<br /> font-size:9px<br /> }<br /> <br /> <br /> body<br /> {background-image:url('');<br /> background-color: #fff;<br /> line-height:150%;<br /> background-repeat: no-repeat;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: times new roman;<br /> font-size: 13px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#999;}<br /> i {color:#333;}<br /> u {color:#999; border-bottom: 1px dotted #000;}<br /> s{color:#222;}<br /> <br /> <br /> a:link {text-decoration:none; color:#990000; font-size:10pt; font-family: times new roman;}<br /> a:visited{text-decoration:none; color:#990000; font-size:10pt; font-family: times new roman;}<br /> a:active {text-decoration:none; color:#990000; font-size:10pt; font-family: times new roman;}<br /> a:hover {text-decoration: none; color:#ccc; font-size:10pt; font-family: times new roman;}<br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: small fonts; color: #000; font-size:7pt; border-bottom: 1px dotted #000; letter-spacing: 0px; text-align: left;}<br /> <br /> <br /> <br /> <br /> </style>

Mibba Layouts: Bulletproof

HTML Code
<div class="table" style="position: absolute; top: 65px; left: 495px; width: 0px;"><img src="http://i37.tinypic.com/2gy2kio.jpg" /></div><div class="table" style="position: absolute; top: 272px; left: 495px; width: 321px;"><div class="header1">I'll never let you sweep me off my feet</div><div class="header2">I won't let you in, these messages I tried to send.</div><br /> <br /> text.<b>bold</b><s>strike</s><u>uderline</u><i>italics</i><a href="link">link</a><br /> <br /> <br /> <br /> <div class="header1">My information's just not going in</div><div class="header2">I break away from something more, I'm not turned on to love until it's cheap</div><br /> <br /> <a href="story%20link%20here">story title</a>/chapters/active<br /> <br /> <a href="story%20link%20here">story title</a>/chapters/active<br /> <br /> <a href="story%20link%20here">story title</a>/chapters/active<br /> <br /> <br /> <br /> <div class="header1">This time, baby, I'll be bulletproof</div><div class="header2">I won't let you turn around and tell me now, I'm much too proud</div><br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</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 {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size:9px<br /> }<br /> <br /> <br /> <br /> body<br /> {background-image:url('');<br /> background-color: #000;<br /> line-height:150%;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#666;}<br /> i {color:#333;}<br /> u {color:#000000; border-bottom: 1px dashed #fff;}<br /> s{color: #ff3333;}<br /> <br /> <br /> a:link {text-decoration:none; color:#ff3333; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#ff3333; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#ff3333; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#ff3333; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: verdana; color: #; font-size:10pt; border-left: 0px solid #; letter-spacing: -1px; text-align: left;}<br /> .header2 {background: #fff; padding: 0px; font-family: verdana; color: #000; font-size:7pt; border-bottom: 2px dotted #ff9999; letter-spacing: -1px; text-align: right;}<br /> <br /> <br /> <br /> </style>

Mibba Layouts: Love The Way You Lie

HTML Code
<div class="table" style="position: absolute; top: 75px; left: 482px; width: 240px;"><img src="http://i33.tinypic.com/vxyd1s.jpg"><br /> <br /> </div><br /> <div class="table" style="position: absolute; top: 315px; left: 482px; width: 240px;"><br /> <div class="header1">username</div><div class="header2">just stand there and hear me cry?</div><br /> <br /> <br /> <br /> <br /> this is where you write all about yourself.<br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link"> this is a link</a><br /> <br /> <br /> <br /> <br /> <div class="header1">stories</div><div class="header2">come back, we're running right back, here we go again</div><br /> <br /> <br /> <a href="link">story title</a>|chapters|active<br /> <br /> <a href="link">story title</a>|chapters|active<br /> <br /> <a href="link">story title</a>|chapters|active<br /> <br /> <br /> <br /> <div class="header1">friends</div><div class="header2">well that's alright because I love the way you lie...</div><br /> <br /> <br /> <a href="friend url">friend</a> | <a href="friend url">friend</a> | <br /> <a href="friend url">friend</a> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div class="header1">credits</div><div class="header2">I snap, 'who's that dude?' I don't even know his name</div><br /> <br /> <br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> dont steal.<br /> <br /> <br /> <br /> </div><br />
CSS Code
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size:9px<br /> }<br /> <br /> <br /> body<br /> {background-image:url('');<br /> background-color: #000;<br /> line-height:150%;<br /> background-repeat: no-repeat;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#666;}<br /> i {color:#cc3333;}<br /> u {color:#999; border-bottom: 1px dotted #000;}<br /> s{color:#ff3333;}<br /> <br /> <br /> a:link {text-decoration:none; color:#990000; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#990000; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#990000; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#cc3333; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: verdana; color: #666; font-size:16pt; border-bottom: 0px dotted #000; letter-spacing: 3px; text-align: right;}<br /> .header2 {background: #fff; padding: 0px; font-family: small fonts; color: #990000; border-bottom: 1px dotted #000; text-align: left;}<br /> <br /> <br /> </style>

Mibba Layouts: Photographs

HTML Code
<div class="table" style="position: absolute; top: 45px; left: 400px; width: 0px;"><img src="http://30.media.tumblr.com/tumblr_kpice5jTdv1qzcso1o1_500.jpg" /></div><div class="table" style="position: absolute; top: 354px; left: 400px; width: 500px;"><h1>look at this photograph</h1><h2>updates</h2>this is where you write all about your updates.<br /> <br /> <b>bold</b><u>underline</u><s>strike</s><i>italics</i><br /> <br /> <br /> <br /> <h1>and this is where I grew up</h1><h2>stories</h2>you can put your stories here :)<br /> <h1>the second floor is hard for sneaking out</h1><h2>friends</h2><br /> <br /> <a href="likekee" class="nav">name</a> <a href="likekee" class="nav">name</a> <a href="likekee" class="nav">name</a> <a href="likekee" class="nav">name</a><br /> <br /> <br /> <br /> <a href="likekee" class="nav">name</a> <a href="likekee" class="nav">name</a> <a href="likekee" class="nav">name</a> <a href="likekee" class="nav">name</a><br /> <br /> <br /> <br /> <h1>remember the old arcade? Blew every dollar that we ever made</h1><h2>credits</h2>coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> don't steal.<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 {<br /> color: #444;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size: 10px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #444444;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size:10px;<br /> }<br /> <br /> <br /> body<br /> {background-image:url('http://i35.tinypic.com/2s01fk5.jpg');<br /> background-color: #885;<br /> line-height:150%;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #664; <br /> color: #949931; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#999;}<br /> i {color:#333;}<br /> u {color:#fff; border-bottom: 2px dashed #777;}<br /> s{color:#111;}<br /> <br /> <br /> a:link {text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#ccc; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;}<br /> <br /> .nav:link, .nav:active, .nav:visited{<br /> color: #ffcc66;font-family: verdana;text-align: right ;padding:4px;text-decoration:none; border-left:#99cccc 0px solid;border-right:#fff 5px solid;<br /> text-transform: lowercase ;font-size: 9px;letter-spacing: 1px;line-height: 10px;background-color:#885;}<br /> <br /> <br /> a.nav:hover{<br /> color: #ffcc66;font-family: verdana;border-left:#ffcc66 5px solid;border-right:#ffcc66 5px solid;text-align: center;padding:3px;<br /> text-transform: lowercase;font-size: 9px;letter-spacing: 1px;line-height: 10px;text-decoration:none;background-color:#885;}<br /> <br /> <br /> <br /> h1{<br /> color: #ccffff;<br /> font-family: verdana;<br /> font-size: 13pt;<br /> text-transform: case;<br /> text-align: center;<br /> font-weight: normal;<br /> background-color: transparent;<br /> <br /> }<br /> <br /> h2{<br /> color: #000;<br /> font-family: verdana;<br /> font-size: 9px;<br /> text-transform: uppercase;<br /> font-weight: normal;<br /> text-align: center;<br /> background-color: #ff8;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> </style>

Mibba Layouts: Batman

HTML Code
<div class="table" style="position: absolute; top: 45px; left: 400px; width: 0px;"><img src="http://i38.tinypic.com/1zv5rh0.jpg" /></div><div class="table" style="position: absolute; top: 414px; left: 416px; width: 484px;"><div class="header1">header</div><div class="header2">The true crimefighter always carries everything he needs in his utility belt, Robin.</div><br /> <br /> this is where you write all about your updates.<br /> <br /> <b>bold</b><u>underline</u><s>strike</s><i>italics</i><br /> <br /> <br /> <br /> <div class="header1">header</div><div class="header2">I think you should acquire a taste for opera, Robin, as one does for poetry and olives.</div><br /> <br /> here you can put your poetry and stories and anything else you decide to write about. someone will read it :p<br /> <br /> <br /> <br /> <div class="header1">header</div><div class="header2">Go back outside and calm the flower children.</div><br /> <br /> <a href="l">name</a> | <a href="l">name</a> | <a href="l">name</a> | <a href="l">name</a> | <a href="l">name</a><br /> <br /> <br /> <br /> <div class="header1">header</div><div class="header2">What were you hoping to prove? That, deep down, everyone's as ugly as you?</div><br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.<br /> </div>
CSS Code
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {<br /> color: #444;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size: 10px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #444444;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size:10px;<br /> }<br /> <br /> <br /> body<br /> {background-image:url('');<br /> background-color: #fff;<br /> line-height:150%;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #000; <br /> color: #444; <br /> font-family: verdana;<br /> font-size: 10px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#336699;}<br /> i {color:#0099cc;}<br /> u {color:#339999; border-bottom: 1px dashed #336699;}<br /> s{color:#3366cc;}<br /> <br /> <br /> a:link {text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#ccc; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;}<br /> <br /> .header1 {background: #; padding: 0px; font-family: verdana; color: #99ccff; font-size:15pt; border-left: 0px solid #ff6699; letter-spacing: 3px; text-align: left; text-transform: uppercase;}<br /> .header2 {background: #000; padding: 0px; font-family: verdana; color: #fff; font-size:7pt; border-bottom: 1px dotted #fff; letter-spacing: 3px; text-align: right;}<br /> <br /> <br /> <br /> <br /> <br /> </style>

Mibba Layouts: Lady and The Tramp

HTML Code
<div class="table" style="position: absolute; top: 80px; left: 400px; width: 352px;"><img src="http://29.media.tumblr.com/tumblr_l93uauFoOf1qazvyjo1_500.png" /></div><div class="table" style="position: absolute; top: 419px; left: 400px; width: 500px;"><div class="header1">about 'n' stuff</div><br /> <br /> this is where you write all about yourself.<br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> this is just a simple little layout for people who just want simple things.<br /> <br /> <br /> <br /> <div class="header1">credits 'n' stuff</div><br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.<br /> </div>
CSS Code
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size:9px<br /> }<br /> body<br /> {background-image:url('');<br /> background-color: #992923;<br /> line-height:150%;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#992923;}<br /> i {color:#cc3333;}<br /> u {color:#ff6666; border-bottom: 1px dotted #000;}<br /> s{color:#222;}<br /> <br /> a:link {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#992923; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;}<br /> <br /> <br /> <br /> <br /> <br /> </style>

Mibba Layouts: Feels Like Falling

HTML Code
<div class="table" style="position: absolute; top: 60px; left: 262px; width: 240px;"><br /> <br /> <img src="http://www.graphicpoetry.net/images/frames/vertigo-1.jpg" /><br /> <div class="header1">about</div>This is where you write all about yourself. You can use my tutorial for doing that text-wrap thing around a picture, whatever you want. No matter how much you type it'll continue going, ect.</div><div class="table" style="position: absolute; top: 60px; left: 562px; width: 240px;"><br /> <br /> <img src="http://www.graphicpoetry.net/images/frames/vertigo-2.jpg" /><br /> <div class="header1">content</div><b>Date:</b> 9-9-2010,<br /> <br /> <b>Updated:</b> Stories, Poems, Profile.<br /> <br /> <br /> <br /> This is where you write about your updates :)<br /> <br /> <br /> <br /> <br /> <br /> <b><a href="link">story title</a></b>|chapters|active<br /> <br /> <b><a href="link">story title</a></b>|chapters|active<br /> <br /> <b><a href="link">story title</a></b>|chapters|active<br /> <br /> <br /> <br /> <br /> </div><div class="table" style="position: absolute; top: 60px; left: 862px; width: 240px;"><br /> <br /> <img src="http://www.graphicpoetry.net/images/frames/vertigo-3.jpg" /><br /> <div class="header1">other stuff</div><a href="friend%20link">friend name</a>|<a href="friend%20link">friend name</a>|<a href="friend%20link">friend name</a><br /> <br /> <a href="friend%20link">friend name</a>|<a href="friend%20link">friend name</a>|<a href="friend%20link">friend name</a><br /> <br /> <br /> <br /> <br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.<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 {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size:9px<br /> }<br /> <br /> <br /> body<br /> {background-image:url('');<br /> background-color: #000;<br /> line-height:150%;<br /> background-repeat: no-repeat;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#ccc;}<br /> i {color:#333;}<br /> u {color:#999; border-bottom: 1px dotted #000;}<br /> s{color:#222;}<br /> <br /> <br /> a:link {text-decoration:none; color:#990000; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#990000; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#990000; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#ccc; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: verdana; color: #666; font-size:16pt; border-bottom: 1px dotted #000; letter-spacing: 3px; text-align: right;}<br /> <br /> <br /> <br /> </style><br /> <br /> <style type="text/css"> body {background-image:url(''); background-color: #000; line-height:150%; background-repeat: no-repeat; margin:0px; font-size: 8pt;} .table{ background-color: #fff; color: #000; font-family: verdana; font-size: 9px; text-align: center; padding: 0px;} b {color:#999;} i {color:#333;} u {color:#999; border-bottom: 1px dotted #000;} s{color:#222;} a:link {text-decoration:none; color:#990000; font-size:7pt; font-family: verdana;} a:visited{text-decoration:none; color:#990000; font-size:7pt; font-family: verdana;} a:active {text-decoration:none; color:#990000; font-size:7pt; font-family: verdana;} a:hover {text-decoration: none; color:#ccc; font-size:7pt; font-family: verdana;} .header1 {background: #fff; padding: 0px; font-family: verdana; color: #666; font-size:16pt; border-bottom: 0px dotted #000; letter-spacing: 3px; text-align: right;} </style>

Mibba Layouts: Love, Live, Life

HTML Code
<div class="table" style="position: absolute; top: 80px; left: 350px; width: 352px;"><img src="http://28.media.tumblr.com/tumblr_l88te4Uz1U1qbp6hgo1_500.jpg" /></div><div class="table" style="position: absolute; top: 349px; left: 350px; width: 500px;"><div class="header1">about 'n' stuff</div><br /> <br /> this is where you write all about yourself.<br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> this is just a simple little layout for people who just want simple things.<br /> <br /> <br /> <br /> <div class="header1">credits 'n' stuff</div><br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.<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 {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size:9px<br /> }<br /> <br /> body<br /> {background-image:url('');<br /> background-color: #992923;<br /> line-height:150%;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#992923;}<br /> i {color:#cc3333;}<br /> u {color:#ff6666; border-bottom: 1px dotted #000;}<br /> s{color:#222;}<br /> <br /> a:link {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#992923; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;}<br /> <br /> <br /> <br /> <br /> <br /> </style>

Mibba Layouts: My Fault

HTML Code
<div class="table" style="position: absolute; top: 65px; left: 432px; width: 400px;"><img src="http://30.media.tumblr.com/tumblr_laarh07PYH1qbf0pno1_400.jpg" /><br /> <div class="header1">site name</div><br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> <br /> <br /> <br /> <br /> <div class="header1"></div>© <a href="http://rehabregular.webs.com/">rehab regular</a><br /> <br /> do not steal.</div>
CSS Code
<div class="table" style="position: absolute; top: 65px; left: 432px; width: 400px;"><img src="http://30.media.tumblr.com/tumblr_laarh07PYH1qbf0pno1_400.jpg" /><br /> <div class="header1">site name</div><br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> <br /> <br /> <br /> <br /> <div class="header1"></div>coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.</div>

Mibba Layouts: Post-It Notes

HTML Code
<div class="table" style="position: absolute; top: 80px; left: 350px; width: 352px;"><img src="http://28.media.tumblr.com/tumblr_l8afy7TkpW1qbmwfio1_500.jpg" /></div><div class="table" style="position: absolute; top: 349px; left: 350px; width: 500px;"><div class="header1">about 'n' stuff</div><br /> <br /> this is where you write all about yourself.<br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> this is just a simple little layout for people who just want simple things.<br /> <br /> <br /> <br /> <div class="header1">credits 'n' stuff</div><br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.<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 {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size:9px<br /> }<br /> <br /> body<br /> {background-image:url('');<br /> background-color: #699999;<br /> line-height:150%;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#006666;}<br /> i {color:#333;}<br /> u {color:#6699cc; border-bottom: 1px dotted #000;}<br /> s{color:#222;}<br /> <br /> a:link {text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#669999; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;}<br /> <br /> <br /> <br /> <br /> <br /> </style>

Mibba Layouts: Ray of Sunshine

HTML Code
<div class="table" style="position: absolute; top: 80px; left: 400px; width: 352px;"><img src="http://24.media.tumblr.com/tumblr_l8pir90JsZ1qabcqqo1_500.jpg" /></div><div class="table" style="position: absolute; top:405px; left: 400px; width: 490px;"><div class="header1">about 'n' stuff</div><br /> <br /> this is where you write all about yourself.<br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> this is just a simple little layout for people who just want simple things.<br /> <br /> <br /> <br /> <div class="header1">credits 'n' stuff</div><br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.<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 {<br /> color: #000;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #000;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size:9px<br /> }<br /> body<br /> {background-image:url('');<br /> background-color: #FFFF66;<br /> line-height:150%;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#3399FF;}<br /> i {color:#;}<br /> u {color:#336666; border-bottom: 1px dashed #319292;}<br /> s{color:#9999cc;}<br /> <br /> a:link {text-decoration:none; color:#3399FF; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#3399FF; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#3399FF; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#3399FF; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;}<br /> <br /> <br /> <br /> <br /> <br /> </style>

Mibba Layouts: Remember Me

HTML Code
<div class="table" style="position: absolute; top: 80px; left: 350px; width: 352px;"><img src="http://29.media.tumblr.com/tumblr_l89rjg1eid1qaobbko1_500.jpg"></div><div class="table" style="position: absolute; top: 411px; left: 400px; width: 500px;"><div class="header1">about 'n' stuff</div><br /> <br /> this is where you write all about yourself.<br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> this is just a simple little layout for people who just want simple things.<br /> <br /> <br /> <br /> <div class="header1">credits 'n' stuff</div><br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.<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 {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size:9px<br /> }<br /> <br /> body<br /> {background-image:url('');<br /> background-color: #992923;<br /> line-height:150%;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#992923;}<br /> i {color:#cc3333;}<br /> u {color:#ff6666; border-bottom: 1px dotted #000;}<br /> s{color:#222;}<br /> <br /> a:link {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#992923; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;}<br /> <br /> <br /> <br /> <br /> <br /> </style>

Mibba Layouts: Split

HTML Code
<div class="table" style="position: absolute; top: 60px; left: 442px; width: 499px;"><img src="http://30.media.tumblr.com/tumblr_laaxvwKYLG1qa6ilbo1_500.jpg" /><br /> <div class="header1">mibba name</div><br /> <br /> this is where you write all about yourself.<br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> this is just a simple little layout for people who just want simple things.<br /> <br /> <br /> <br /> <div class="header1"></div>coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.</div>
CSS Code
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size:9px<br /> }<br /> <br /> <br /> body<br /> {background-image:url('');<br /> background-color: #000;<br /> line-height:150%;<br /> background-repeat: no-repeat;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#9999CC;}<br /> i {color:#3333ff;}<br /> u {color:#9933ff; border-bottom: 2px dotted #999;}<br /> s{color:#000;}<br /> <br /> <br /> a:link {text-decoration:none; color:#9999cc; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#9999cc; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#9999cc; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#444; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: verdana; color: #666; font-size:16pt; border-bottom: 1px dotted #000; letter-spacing: 3px; text-align: right;}<br /> <br /> <br /> <br /> </style>

Mibba Layouts: Windy

HTML Code
<div class="table" style="position: absolute; top: 60px; left: 442px; width: 475px;"><img src="http://i48.tinypic.com/23wmcd0.jpg" /><br /> <br /> <br /> <br /> <div class="header1">site name</div><br /> <br /> I absolutely adore this layout. It' based off of a layout I made for a story I wrote on mibba and the colors and the photo are just simply gorgeous.<br /> <br /> <br /> <br /> <b>bold</b><i>italics</i><s>strike</s><u>underline</u> <a href="link">link</a><br /> <br /> <br /> <br /> <div class="Header2"></div><br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.<br /> </div>
CSS Code
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #fff;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size:9px<br /> }<br /> <br /> <br /> body<br /> {background-image:url('');<br /> background-color: #333366;<br /> line-height:150%;<br /> background-repeat: no-repeat;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #000; <br /> color: #fff; <br /> font-family: georgia;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#666699;}<br /> i {color:#ff6666;}<br /> u {color:#ffffcc; border-bottom: 2px dotted #000;}<br /> s{color:#66ffcc;}<br /> <br /> <br /> a:link {text-decoration:none; color:#6699ff; font-size:7pt; font-family: georgia;}<br /> a:visited{text-decoration:none; color:#6699ff; font-size:7pt; font-family: georgia;}<br /> a:active {text-decoration:none; color:#6699ff; font-size:7pt; font-family: georgia;}<br /> a:hover {text-decoration: none; color:#6699ff; font-size:7pt; font-family: georgia;}<br /> <br /> <br /> <br /> <br /> .header1 {background: #000; padding: 0px; font-family: georgia; color: #ffcccc; font-size:16pt; border-bottom: 1px dotted #000; letter-spacing: 3px; text-align: center;}<br /> .header2 {background: #000; padding: 0px; font-family: georgia; color: #ffcccc; font-size:16pt; border-bottom: 1px dotted #fff; letter-spacing: 3px; text-align: center;}<br /> <br /> <br /> <br /> <br /> </style>

Mibba Layouts: You Choked

HTML Code
<div class="table" style="position: absolute; top: 80px; left: 430px; width: 352px;"><img src="http://24.media.tumblr.com/tumblr_l8lyogLukp1qzw2r9o1_500.jpg" /></div><div class="table" style="position: absolute; top: 414px; left: 430px; width: 500px;"><div class="header1">about 'n' stuff</div><br /> <br /> this is where you write all about yourself.<br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> this is just a simple little layout for people who just want simple things.<br /> <br /> <br /> <br /> <div class="header1">credits 'n' stuff</div><br /> <br /> coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.<br /> <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 {<br /> color: #000;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #000;<br /> background-color: transparent;<br /> font-family: georgia;<br /> font-size:9px<br /> }body<br /> {background-image:url('');<br /> background-color: #699999;<br /> line-height:150%;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#006666;}<br /> i {color:#333;}<br /> u {color:#6699cc; border-bottom: 1px dotted #000;}<br /> s{color:#222;}<br /> <br /> a:link {text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#669999; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;}<br /> <br /> <br /> <br /> <br /> <br /> </style>

Mibba Layouts: Criss Crossed Pink and Yellow

HTML Code
<div class="table" style="position: absolute; top: 60px; left: 462px; width: 352px;"><div class="header1">site name</div><br /> <br /> this is where you write all about yourself.<br /> <br /> <b>bold text</b><br /> <br /> <i>italicized text</i><br /> <br /> <u>underlined text</u><br /> <br /> <s>strike</s><br /> <br /> <a href="link">this is a link</a><br /> <br /> this is just a simple little layout for people who just want simple things.<br /> <br /> <br /> <br /> <div class="header1"></div>coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a><br /> <br /> do not steal.<br /> <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 {<br /> color: #000;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size: 9px;<br /> }<br /> <br /> html body div #options, html body div #options a, html body div #options span a, html body div #options span {<br /> color: #000;<br /> background-color: transparent;<br /> font-family: verdana;<br /> font-size:9px<br /> }<br /> <br /> body<br /> {background-image:url('http://i36.tinypic.com/20iua7n.jpg');<br /> background-color: #fff;<br /> line-height:150%;<br /> background-repeat: repeat;<br /> margin:0px;<br /> font-size: 8pt;}<br /> <br /> <br /> .table{<br /> background-color: #fff; <br /> color: #000; <br /> font-family: verdana;<br /> font-size: 9px;<br /> text-align: center; <br /> padding: 0px;}<br /> <br /> b {color:#ff9999;}<br /> i {color:#cc9900;}<br /> u {color:#000000; border-bottom: 2px dotted #000;}<br /> s{color:#ff9900;}<br /> <br /> <br /> a:link {text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;}<br /> a:visited{text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;}<br /> a:active {text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;}<br /> a:hover {text-decoration: none; color:#ff6633; font-size:7pt; font-family: verdana;}<br /> <br /> <br /> <br /> <br /> .header1 {background: #fff; padding: 0px; font-family: verdana; color: #ff6666; font-size:16pt; border-bottom: 1px dotted #000; letter-spacing: 3px; text-align: right;}<br /> <br /> <br /> <br /> </style>