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 Layout: Pink Polka Dots

This layout is a simple one using CSS and only your about me. If you want your picture showing, you'd have to either change the HTML/Layout to the default(which I don't recommend)or use an image tag.

click here for preview
html code
<div id="main"><div id="info-section"></div><div id="about-section"><!-- about_start --><br /> <div id="about"><h2>{USERNAME}</h2><div id="about-content">{ABOUT}</div></div><!-- about_end --></div></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://i37.tinypic.com/2z6ys81.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 /> }<br /> <br /> #main {<br /> width: 575px;<br /> text-align: center;<br /> }<br /> <br /> #info dt {<br /> width: 170px;<br /> }<br /> <br /> #info dd {<br /> width: 260px;<br /> text-align: left;<br /> }<br /> <br /> #info-section {<br /> width: 175px;<br /> }<br /> <br /> #photos {<br /> padding: 10px 40px 30px 40px;<br /> }<br /> <br /> #about-section h2 {<br /> text-align: center;<br /> }<br /> <br /> #photos h2{<br /> margin-left: -75px;<br /> }