Even In Madness
Thursday, January 20, 2011
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 /> }
No comments:
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment