Even In Madness: html

Showing posts with label html. Show all posts

Sunday, January 23, 2011

Mibba Layouts: Swirls

HTML Code

<div id="main"> 
 <div id="info-section"> 
 <h1>{USERNAME}</h1> 
 
  
 <div id="image"> {IMAGE} 
 </div>  
 
 
  
 <div id="info"> {INFO} 
 </div>  
 
 
  
 <div id="stories"> <h2>Stories</h2> {STORIES} 
 </div>  
 
 
  
 <div id="articles"> <h2>Articles</h2> {ARTICLES} 
 </div>  
 
 
  
 <div id="poems"> <h2>Poems</h2> {POEMS} 
 </div>  
 
 
  
 <div id="journals"> <h2>Journals</h2> {JOURNALS} 
 </div>  
 
 
  
 <div id="photos"> <h2>Photos</h2> {PHOTOS} 
 </div>  
 
 
  
 <div id="friends"> <h2>Friends</h2> {FRIENDS} 
 </div>  
 
 </div> 
 
 <div id="about-section"> 
  
 <div id="about"> <h2>About</h2> <div id="about-content"> {ABOUT} 
 </div> </div>  
 
 
  
 <div id="comment-area"> <h2>Comments</h2> {COMMENTS} 
 </div>  
 
 </div> 
</div>

CSS Code

html body div #menu { 
font-family: georgia; 
font-size: 10px; 
} 
 
html body div #options { 
font-family: georgia; 
font-size: 10px; 
} 
 
body 
{ 
background-image: url(http://www.backgroundlabs.com/backgrounds/42.jpg); 
background-repeat: fixed; 
font-family: georgia; 
font-size: 13px; 
} 
 
h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 { 
font-size: 20px; 
} 
 
#main { 
background-image: none; 
overflow: hidden; 
} 
 
#info-section { 
border-style: none; 
border-width: 0 0 10px 0; 
} 
 
#about-content { 
line-height: 1.7em; 
} 
 
 
html body div #menu, #info-section { 
background-color: transparent; 
} 
 
#main, #info-section, #photos .photo, #friends img, #comment-list img { 
border-color: transparent; 
} 
 
 
#photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { 
background-color: transparent; 
} 
 
#image img { 
border-color: transparent; 
} 
 
body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { 
background-color: #ffffff; 
 
} 
 
.pages .info { 
color: #000000; 
} 
 
h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a { 
color: #000000; 
} 
 
#stories li span, #articles li span, #poems li span, #journals li span { 
color: #000000; 
} 
 
#articles li img { 
padding: 0; 
border-color: #fff; 
}

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> 
 
this is where you write all about yourself. 
 
bold text 
 
italicized text 
 
underlined text 
 
<s>strike</s> 
 
<a href="link">this is a link</a> 
 
 
 
<div class="header1">and I parked my time machine</div><div class="header2">behind the biggest tree that I could see</div> 
 
<a href="STORYLINK">story title</a>/chapters/active 
 
<a href="STORYLINK">story title</a>/chapters/active 
 
<a href="STORYLINK">story title</a>/chapters/active 
 
 
 
<div class="header1">dinosaurs go RAWR</div><div class="header2">everybody knows that...</div> 
 
coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a> 
 
</div>

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #000; 
background-color: transparent; 
font-family: tahoma; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #000; 
background-color: transparent; 
font-family: tahoma; 
font-size:9px 
} 
 
 
body 
{background-image:url(''); 
background-color: #fff; 
line-height:150%; 
background-repeat: no-repeat; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #000; 
color: #fff; 
font-family: tahoma; 
font-size: 9px; 
text-align: center; 
padding: 0px;} 
 
b {color:#ffff66;} 
i {color:#ff6666;} 
u {color:#ffff99; border-bottom: 1px dotted #000;} 
s{color:#ccff99;} 
 
 
a:link {text-decoration:none; color:#cc99cc; font-size:7pt; font-family: tahoma;} 
a:visited{text-decoration:none; color:#cc99cc; font-size:7pt; font-family: tahoma;} 
a:active {text-decoration:none; color:#cc99cc; font-size:7pt; font-family: tahoma;} 
a:hover {text-decoration: none; color:#66ff66; font-size:7pt; font-family: tahoma;} 
 
 
 
 
.header1 {background: #000; padding: 0px; font-family: tahoma; color: #66ff66; font-size:13pt; border-bottom: 0px dotted #fff; letter-spacing: 3px; text-align: right;} 
 
.header2 {background: #000; padding: 0px; font-family: tahoma; color: #fff; font-size:7pt; border-bottom: 1px dotted #fff; letter-spacing: 3px; text-align: left;} 
 
 
 
</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> 
 
updates: story?poem?ect. 
 
date: d-m-y 
 
 
 
 
 
<div class="header1">i'll do what it takes til' I touch the sky</div> 
 
<a href="link">story title</a>/characters/active 
 
<a href="link">story title</a>/characters/active 
 
<a href="link">story title</a>/characters/active 
 
 
 
<div class="header1">and I'll make a wish, take a chance, make a change and breakaway</div> 
 
write about yourself here, pretties. 
 
 
 
<div class="header1">out of the darkness and into the sun, I won't forget the ones I love</div> 
 
<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> 
 
 
 
<div class="header1">buildings with a hundred floors, swinging around revolving doors</div> 
 
 
coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a> 
 
don't steal. 
</div>

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #000; 
background-color: transparent; 
font-family: times new roman; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #000; 
background-color: transparent; 
font-family: times new roman; 
font-size:9px 
} 
 
 
body 
{background-image:url(''); 
background-color: #fff; 
line-height:150%; 
background-repeat: no-repeat; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #fff; 
color: #000; 
font-family: times new roman; 
font-size: 13px; 
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:10pt; font-family: times new roman;} 
a:visited{text-decoration:none; color:#990000; font-size:10pt; font-family: times new roman;} 
a:active {text-decoration:none; color:#990000; font-size:10pt; font-family: times new roman;} 
a:hover {text-decoration: none; color:#ccc; font-size:10pt; font-family: times new roman;} 
 
 
 
.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;} 
 
 
 
 
</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> 
 
text.bold<s>strike</s>uderlineitalics<a href="link">link</a> 
 
 
 
<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> 
 
<a href="story%20link%20here">story title</a>/chapters/active 
 
<a href="story%20link%20here">story title</a>/chapters/active 
 
<a href="story%20link%20here">story title</a>/chapters/active 
 
 
 
<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> 
 
coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a> 
 
 
</div>

CSS Code

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

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #fff; 
background-color: transparent; 
font-family: verdana; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #fff; 
background-color: transparent; 
font-family: verdana; 
font-size:9px 
} 
 
 
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:#666;} 
i {color:#cc3333;} 
u {color:#999; border-bottom: 1px dotted #000;} 
s{color:#ff3333;} 
 
 
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:#cc3333; 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;} 
.header2 {background: #fff; padding: 0px; font-family: small fonts; color: #990000; border-bottom: 1px dotted #000; text-align: left;} 
 
 
</style>

Saturday, January 22, 2011

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. 
 
boldunderline<s>strike</s>italics 
 
 
 
<h1>and this is where I grew up</h1><h2>stories</h2>you can put your stories here :) 
<h1>the second floor is hard for sneaking out</h1><h2>friends</h2> 
 
<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> 
 
 
 
<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> 
 
 
 
<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> 
 
don't steal. 
 
 
</div>

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #444; 
background-color: transparent; 
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: #444444; 
background-color: transparent; 
font-family: verdana; 
font-size:10px; 
} 
 
 
body 
{background-image:url('http://i35.tinypic.com/2s01fk5.jpg'); 
background-color: #885; 
line-height:150%; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #664; 
color: #949931; 
font-family: verdana; 
font-size: 9px; 
text-align: center; 
padding: 0px;} 
 
b {color:#999;} 
i {color:#333;} 
u {color:#fff; border-bottom: 2px dashed #777;} 
s{color:#111;} 
 
 
a:link {text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#ccc; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;} 
 
.nav:link, .nav:active, .nav:visited{ 
color: #ffcc66;font-family: verdana;text-align: right ;padding:4px;text-decoration:none; border-left:#99cccc 0px solid;border-right:#fff 5px solid; 
text-transform: lowercase ;font-size: 9px;letter-spacing: 1px;line-height: 10px;background-color:#885;} 
 
 
a.nav:hover{ 
color: #ffcc66;font-family: verdana;border-left:#ffcc66 5px solid;border-right:#ffcc66 5px solid;text-align: center;padding:3px; 
text-transform: lowercase;font-size: 9px;letter-spacing: 1px;line-height: 10px;text-decoration:none;background-color:#885;} 
 
 
 
h1{ 
color: #ccffff; 
font-family: verdana; 
font-size: 13pt; 
text-transform: case; 
text-align: center; 
font-weight: normal; 
background-color: transparent; 
 
} 
 
h2{ 
color: #000; 
font-family: verdana; 
font-size: 9px; 
text-transform: uppercase; 
font-weight: normal; 
text-align: center; 
background-color: #ff8; 
 
 
} 
 
 
 
</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> 
 
this is where you write all about your updates. 
 
boldunderline<s>strike</s>italics 
 
 
 
<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> 
 
here you can put your poetry and stories and anything else you decide to write about. someone will read it :p 
 
 
 
<div class="header1">header</div><div class="header2">Go back outside and calm the flower children.</div> 
 
<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> 
 
 
 
<div class="header1">header</div><div class="header2">What were you hoping to prove? That, deep down, everyone's as ugly as you?</div> 
 
coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a> 
 
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 { 
color: #444; 
background-color: transparent; 
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: #444444; 
background-color: transparent; 
font-family: verdana; 
font-size:10px; 
} 
 
 
body 
{background-image:url(''); 
background-color: #fff; 
line-height:150%; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #000; 
color: #444; 
font-family: verdana; 
font-size: 10px; 
text-align: center; 
padding: 0px;} 
 
b {color:#336699;} 
i {color:#0099cc;} 
u {color:#339999; border-bottom: 1px dashed #336699;} 
s{color:#3366cc;} 
 
 
a:link {text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#ccc; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#ccc; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;} 
 
.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;} 
.header2 {background: #000; padding: 0px; font-family: verdana; color: #fff; font-size:7pt; border-bottom: 1px dotted #fff; letter-spacing: 3px; text-align: right;} 
 
 
 
 
 
</style>

Mibba Layouts: Lady and The Tramp

HTML Code

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #fff; 
background-color: transparent; 
font-family: georgia; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #fff; 
background-color: transparent; 
font-family: georgia; 
font-size:9px 
} 
body 
{background-image:url(''); 
background-color: #992923; 
line-height:150%; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #fff; 
color: #000; 
font-family: verdana; 
font-size: 9px; 
text-align: center; 
padding: 0px;} 
 
b {color:#992923;} 
i {color:#cc3333;} 
u {color:#ff6666; border-bottom: 1px dotted #000;} 
s{color:#222;} 
 
a:link {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#992923; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;} 
 
 
 
.header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;} 
 
 
 
 
 
</style>

Mibba Layouts: Feels Like Falling

HTML Code

<div class="table" style="position: absolute; top: 60px; left: 262px; width: 240px;"> 
 
<img src="http://www.graphicpoetry.net/images/frames/vertigo-1.jpg" /> 
<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;"> 
 
<img src="http://www.graphicpoetry.net/images/frames/vertigo-2.jpg" /> 
<div class="header1">content</div>Date: 9-9-2010, 
 
Updated: Stories, Poems, Profile. 
 
 
 
This is where you write about your updates :) 
 
 
 
 
 
<a href="link">story title</a>|chapters|active 
 
<a href="link">story title</a>|chapters|active 
 
<a href="link">story title</a>|chapters|active 
 
 
 
 
</div><div class="table" style="position: absolute; top: 60px; left: 862px; width: 240px;"> 
 
<img src="http://www.graphicpoetry.net/images/frames/vertigo-3.jpg" /> 
<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> 
 
<a href="friend%20link">friend name</a>|<a href="friend%20link">friend name</a>|<a href="friend%20link">friend name</a> 
 
 
 
 
 
coding © <a href="http://even-in-madness.blogspot.com/">Even In Madness</a> 
 
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 { 
color: #fff; 
background-color: transparent; 
font-family: verdana; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #fff; 
background-color: transparent; 
font-family: verdana; 
font-size:9px 
} 
 
 
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:#ccc;} 
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: 1px dotted #000; letter-spacing: 3px; text-align: right;} 
 
 
 
</style> 
 
<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

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #fff; 
background-color: transparent; 
font-family: georgia; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #fff; 
background-color: transparent; 
font-family: georgia; 
font-size:9px 
} 
 
body 
{background-image:url(''); 
background-color: #992923; 
line-height:150%; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #fff; 
color: #000; 
font-family: verdana; 
font-size: 9px; 
text-align: center; 
padding: 0px;} 
 
b {color:#992923;} 
i {color:#cc3333;} 
u {color:#ff6666; border-bottom: 1px dotted #000;} 
s{color:#222;} 
 
a:link {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#992923; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;} 
 
 
 
.header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;} 
 
 
 
 
 
</style>

Mibba Layouts: My Fault

HTML Code

CSS Code

Mibba Layouts: Post-It Notes

HTML Code

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #fff; 
background-color: transparent; 
font-family: georgia; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #fff; 
background-color: transparent; 
font-family: georgia; 
font-size:9px 
} 
 
body 
{background-image:url(''); 
background-color: #699999; 
line-height:150%; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #fff; 
color: #000; 
font-family: verdana; 
font-size: 9px; 
text-align: center; 
padding: 0px;} 
 
b {color:#006666;} 
i {color:#333;} 
u {color:#6699cc; border-bottom: 1px dotted #000;} 
s{color:#222;} 
 
a:link {text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#669999; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;} 
 
 
 
.header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;} 
 
 
 
 
 
</style>

Mibba Layouts: Ray of Sunshine

HTML Code

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #000; 
background-color: transparent; 
font-family: georgia; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #000; 
background-color: transparent; 
font-family: georgia; 
font-size:9px 
} 
body 
{background-image:url(''); 
background-color: #FFFF66; 
line-height:150%; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #fff; 
color: #000; 
font-family: verdana; 
font-size: 9px; 
text-align: center; 
padding: 0px;} 
 
b {color:#3399FF;} 
i {color:#;} 
u {color:#336666; border-bottom: 1px dashed #319292;} 
s{color:#9999cc;} 
 
a:link {text-decoration:none; color:#3399FF; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#3399FF; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#3399FF; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#3399FF; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;} 
 
 
 
.header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;} 
 
 
 
 
 
</style>

Mibba Layouts: Remember Me

HTML Code

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #fff; 
background-color: transparent; 
font-family: georgia; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #fff; 
background-color: transparent; 
font-family: georgia; 
font-size:9px 
} 
 
body 
{background-image:url(''); 
background-color: #992923; 
line-height:150%; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #fff; 
color: #000; 
font-family: verdana; 
font-size: 9px; 
text-align: center; 
padding: 0px;} 
 
b {color:#992923;} 
i {color:#cc3333;} 
u {color:#ff6666; border-bottom: 1px dotted #000;} 
s{color:#222;} 
 
a:link {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#992923; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#992923; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;} 
 
 
 
.header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;} 
 
 
 
 
 
</style>

Mibba Layouts: Split

HTML Code

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #fff; 
background-color: transparent; 
font-family: verdana; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #fff; 
background-color: transparent; 
font-family: verdana; 
font-size:9px 
} 
 
 
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:#9999CC;} 
i {color:#3333ff;} 
u {color:#9933ff; border-bottom: 2px dotted #999;} 
s{color:#000;} 
 
 
a:link {text-decoration:none; color:#9999cc; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#9999cc; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#9999cc; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#444; font-size:7pt; font-family: verdana;} 
 
 
 
 
.header1 {background: #fff; padding: 0px; font-family: verdana; color: #666; font-size:16pt; border-bottom: 1px dotted #000; letter-spacing: 3px; text-align: right;} 
 
 
 
</style>

Mibba Layouts: Windy

HTML Code

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #fff; 
background-color: transparent; 
font-family: georgia; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #fff; 
background-color: transparent; 
font-family: georgia; 
font-size:9px 
} 
 
 
body 
{background-image:url(''); 
background-color: #333366; 
line-height:150%; 
background-repeat: no-repeat; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #000; 
color: #fff; 
font-family: georgia; 
font-size: 9px; 
text-align: center; 
padding: 0px;} 
 
b {color:#666699;} 
i {color:#ff6666;} 
u {color:#ffffcc; border-bottom: 2px dotted #000;} 
s{color:#66ffcc;} 
 
 
a:link {text-decoration:none; color:#6699ff; font-size:7pt; font-family: georgia;} 
a:visited{text-decoration:none; color:#6699ff; font-size:7pt; font-family: georgia;} 
a:active {text-decoration:none; color:#6699ff; font-size:7pt; font-family: georgia;} 
a:hover {text-decoration: none; color:#6699ff; font-size:7pt; font-family: georgia;} 
 
 
 
 
.header1 {background: #000; padding: 0px; font-family: georgia; color: #ffcccc; font-size:16pt; border-bottom: 1px dotted #000; letter-spacing: 3px; text-align: center;} 
.header2 {background: #000; padding: 0px; font-family: georgia; color: #ffcccc; font-size:16pt; border-bottom: 1px dotted #fff; letter-spacing: 3px; text-align: center;} 
 
 
 
 
</style>

Mibba Layouts: You Choked

HTML Code

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #000; 
background-color: transparent; 
font-family: georgia; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #000; 
background-color: transparent; 
font-family: georgia; 
font-size:9px 
}body 
{background-image:url(''); 
background-color: #699999; 
line-height:150%; 
margin:0px; 
font-size: 8pt;} 
 
 
.table{ 
background-color: #fff; 
color: #000; 
font-family: verdana; 
font-size: 9px; 
text-align: center; 
padding: 0px;} 
 
b {color:#006666;} 
i {color:#333;} 
u {color:#6699cc; border-bottom: 1px dotted #000;} 
s{color:#222;} 
 
a:link {text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#669999; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#669999; border-bottom: 0px dashed #456814; font-size:7pt; font-family: verdana;} 
 
 
 
.header1 {background: #fff; padding: 0px; font-family: georgia; color: #666; font-size:19pt; border-bottom: 1px solid #000; letter-spacing: 3px; text-align: right;} 
 
 
 
 
 
</style>

Mibba Layouts: Criss Crossed Pink and Yellow

HTML Code

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #000; 
background-color: transparent; 
font-family: verdana; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #000; 
background-color: transparent; 
font-family: verdana; 
font-size:9px 
} 
 
body 
{background-image:url('http://i36.tinypic.com/20iua7n.jpg'); 
background-color: #fff; 
line-height:150%; 
background-repeat: 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:#ff9999;} 
i {color:#cc9900;} 
u {color:#000000; border-bottom: 2px dotted #000;} 
s{color:#ff9900;} 
 
 
a:link {text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#ff6633; font-size:7pt; font-family: verdana;} 
 
 
 
 
.header1 {background: #fff; padding: 0px; font-family: verdana; color: #ff6666; font-size:16pt; border-bottom: 1px dotted #000; letter-spacing: 3px; text-align: right;} 
 
 
 
</style>

Mibba Layouts: Orange Stripes

HTML Code

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #fff; 
background-color: transparent; 
font-family: verdana; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #fff; 
background-color: transparent; 
font-family: verdana; 
font-size:9px 
} 
 
body 
{background-image:url('http://i33.tinypic.com/34npp20.jpg'); 
background-color: #99ccff; 
line-height:150%; 
background-repeat: 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:#ffcc00;} 
i {color:#cc9900;} 
u {color:#000000; border-bottom: 2px dotted #000;} 
s{color:#ff9900;} 
 
 
a:link {text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#ff6633; font-size:7pt; font-family: verdana;} 
 
 
 
 
.header1 {background: #fff; padding: 0px; font-family: verdana; color: #ffcc33; font-size:16pt; border-bottom: 1px dotted #000; letter-spacing: 3px; text-align: right;} 
 
 
 
</style>

Mibba Layouts: Polka Dots

HTML Code

CSS Code

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { 
color: #000; 
background-color: transparent; 
font-family: verdana; 
font-size: 9px; 
} 
 
html body div #options, html body div #options a, html body div #options span a, html body div #options span { 
color: #000; 
background-color: transparent; 
font-family: verdana; 
font-size:9px 
} 
 
body 
{background-image:url('http://i37.tinypic.com/2z6ys81.jpg'); 
background-color: #fff; 
line-height:150%; 
background-repeat: 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:#ff9999;} 
i {color:#cc9900;} 
u {color:#000000; border-bottom: 2px dotted #000;} 
s{color:#ff9900;} 
 
 
a:link {text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;} 
a:visited{text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;} 
a:active {text-decoration:none; color:#ff6633; font-size:7pt; font-family: verdana;} 
a:hover {text-decoration: none; color:#ff6633; font-size:7pt; font-family: verdana;} 
 
 
 
 
.header1 {background: #fff; padding: 0px; font-family: verdana; color: #ff6666; font-size:16pt; border-bottom: 1px dotted #000; letter-spacing: 3px; text-align: right;} 
 
 
 
</style>