Why did people forget good old blink-182?
[/url]-->
CSS:
/*
Colors:
6e645b - light gray
776e67 - lil lighter
*/
body, .bodyContent
{
background-color: #930d18;
}
/* privacy */
/* Name,Age,Location,Join Date */
#info {/* display: none; */}
/* privacy */
/* menu */
#menu
{
background-color: #930d18;
color:black;
}
#options
{
background-color: #930d18;
color:black;
}
#options a
{
color:white;
}
#options span a
{
color: #6e645b;
}
#main-pd
{
position:absolute;
top: 0px;
left: 50%;
}
#main-frame
{
width: 900px;
max-height: 8000px;
background-color:#930d18;
position:absolute;
left: -450px;
top: 100px;
}
#top-frame
{
position:relative;
top: 0px;
left: 0px;
text-align: center;
width: 900px;
background-color: #930d18;
float: left;
}
#left-frame
{
margin: 5px;
width: 195px;
height: 800px;
background-color:#930d18;
float: left;
}
/* Middle Frame */
#middle-frame
{
margin: 5px;
width: 480px;
max-height: 8000px;
background-color:#930d18;
float: left;
}
#image
{
text-align:center;
}
#info
{
}
#info dl
{
margin-left: 70px;
}
#about
{
width: 450px;
text-align: center;
overflow: hidden;
background-color: green;
}
#about h2
{
width: 466px;
}
#about-content
{
overflow:auto;
background-color: blue;
text-align: left;
padding: 10px;
width: 420px;
background-color: #930d18;
border-width: 1px;
border-style: solid;
border-color: white;
color: white;
max-height: 500px;
}
#right-frame
{
margin: 5px;
width: 195px;
height: 800px;
background-color: #930d18;
float: right;
}
h2
{
text-align: center;
background-color: #930d18;
}
#comment-area
{
background-color: #930d18;
padding-bottom:10px;
}
#poems h2,#stories h2,#articles h2,#photos h2,#friends h2,#about h2,#comment-area h2,#journals h2, #image h2{
background-color: #930d18;
color:white;
font-family: Chiller;
font-size: 2em;}
#poems li,#stories li,#articles li,#info dd,#info dt,#articles img,#photos .photo,#friends img,#about li,#journals li, #image img,#articles li img
{
background-color: #930d18;
border-width: 1px;
border-style: solid;
border-color: white;
}
#friends a:hover img
{
background-color:#930d18;
border-style: solid;
}
#friends img
{
padding: 0px;
}
#photos .photo div{
background-color: #930d18;
}
#poems,#stories,#articles,#photos,#friends,#about ,#journals, #image
{
background-color:#930d18;
}
#friends div
{
font-size: 0em;
color: white;
}
#info
{
background-color: #930d18;
}
#comment-area .comment-add
{
color: white;
}
#comment-area .options
{
background-color: #930d18;
}
#comments
{
color: white;
}
#comments .pages
{
background-color: #930d18;
border-width: 1px;
border-style: solid;
border-color: white;
color: white;
}
#comments .pages a, #comments .info
{
color: white;
}
#comment-list li, #comment-list img
{
background-color: #930d18;
border-width: 1px;
border-style: solid;
border-color: white;
}
/* YOU MAY NOT EDIT OR REMOVE THIS */
#credit-pd
{
height: 0px;
width: 0px;
position:fixed;
left: 100%;
top: 100%;
}
#credit
{
background-color: #930d18;
border-width: 1px;
border-style: solid;
border-color: white;
position:relative;
left:-60px;
top:-15px;
width: 60px;
color:white;
font-size:.5em;
}
/* YOU MAY NOT EDIT OR REMOVE THIS */
HTML:
<div id="main-pd">
<div id="main-frame">
<div id="top-frame"><img src="http://img50.imageshack.us/img50/4531/800x600fondospantallaswdy9.jpg" width="800" height="600" /></div>
<div id="left-frame">
<div id="poems">
<h2>Poems</h2>
{POEMS}
</div>
<div id="friends">
<h2>Friends</h2>
{FRIENDS}
</div>
<div id="photos">
<h2>Photos</h2>
{PHOTOS}
</div>
</div>
<div id="middle-frame">
<div id="image">
<h2>{USERNAME}</h2>
{IMAGE}
</div>
<div id="info">
{INFO}
</div>
<div id="about">
<h2>About</h2>
<div id="about-content">
{ABOUT}
</div>
</div>
<div id="comment-area">
<h2>Comments</h2>
{COMMENTS}
</div>
</div>
<div id="right-frame">
<div id="articles">
<h2>Articles</h2>
{ARTICLES}
</div>
<div id="stories">
<h2>Stories</h2>
{STORIES}
</div>
<div id="journals">
<h2>Journals</h2>
{JOURNALS}
</div>
</div>
</div>
</div>
<!-- You May Not Remove Or Edit This -->
<div id="credit-pd">
<div id="credit">
<span>
Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
</span>
</div>
</div>
<!-- You May Not Remove Or Edit This -->
Copy the Code after "CSS:" to:
http://www.mibba.com/users/profile/css/
Copy the Code after "HTML:" to:
http://www.mibba.com/users/profile/layout/
Replace any existing codes, Have fun!
I'd appreciate a PM if you're going to use it, but if you don't it's cool.
[/url]-->
CSS:
/*
Colors:
6e645b - light gray
776e67 - lil lighter
*/
body, .bodyContent
{
background-color: #930d18;
}
/* privacy */
/* Name,Age,Location,Join Date */
#info {/* display: none; */}
/* privacy */
/* menu */
#menu
{
background-color: #930d18;
color:black;
}
#options
{
background-color: #930d18;
color:black;
}
#options a
{
color:white;
}
#options span a
{
color: #6e645b;
}
#main-pd
{
position:absolute;
top: 0px;
left: 50%;
}
#main-frame
{
width: 900px;
max-height: 8000px;
background-color:#930d18;
position:absolute;
left: -450px;
top: 100px;
}
#top-frame
{
position:relative;
top: 0px;
left: 0px;
text-align: center;
width: 900px;
background-color: #930d18;
float: left;
}
#left-frame
{
margin: 5px;
width: 195px;
height: 800px;
background-color:#930d18;
float: left;
}
/* Middle Frame */
#middle-frame
{
margin: 5px;
width: 480px;
max-height: 8000px;
background-color:#930d18;
float: left;
}
#image
{
text-align:center;
}
#info
{
}
#info dl
{
margin-left: 70px;
}
#about
{
width: 450px;
text-align: center;
overflow: hidden;
background-color: green;
}
#about h2
{
width: 466px;
}
#about-content
{
overflow:auto;
background-color: blue;
text-align: left;
padding: 10px;
width: 420px;
background-color: #930d18;
border-width: 1px;
border-style: solid;
border-color: white;
color: white;
max-height: 500px;
}
#right-frame
{
margin: 5px;
width: 195px;
height: 800px;
background-color: #930d18;
float: right;
}
h2
{
text-align: center;
background-color: #930d18;
}
#comment-area
{
background-color: #930d18;
padding-bottom:10px;
}
#poems h2,#stories h2,#articles h2,#photos h2,#friends h2,#about h2,#comment-area h2,#journals h2, #image h2{
background-color: #930d18;
color:white;
font-family: Chiller;
font-size: 2em;}
#poems li,#stories li,#articles li,#info dd,#info dt,#articles img,#photos .photo,#friends img,#about li,#journals li, #image img,#articles li img
{
background-color: #930d18;
border-width: 1px;
border-style: solid;
border-color: white;
}
#friends a:hover img
{
background-color:#930d18;
border-style: solid;
}
#friends img
{
padding: 0px;
}
#photos .photo div{
background-color: #930d18;
}
#poems,#stories,#articles,#photos,#friends,#about ,#journals, #image
{
background-color:#930d18;
}
#friends div
{
font-size: 0em;
color: white;
}
#info
{
background-color: #930d18;
}
#comment-area .comment-add
{
color: white;
}
#comment-area .options
{
background-color: #930d18;
}
#comments
{
color: white;
}
#comments .pages
{
background-color: #930d18;
border-width: 1px;
border-style: solid;
border-color: white;
color: white;
}
#comments .pages a, #comments .info
{
color: white;
}
#comment-list li, #comment-list img
{
background-color: #930d18;
border-width: 1px;
border-style: solid;
border-color: white;
}
/* YOU MAY NOT EDIT OR REMOVE THIS */
#credit-pd
{
height: 0px;
width: 0px;
position:fixed;
left: 100%;
top: 100%;
}
#credit
{
background-color: #930d18;
border-width: 1px;
border-style: solid;
border-color: white;
position:relative;
left:-60px;
top:-15px;
width: 60px;
color:white;
font-size:.5em;
}
/* YOU MAY NOT EDIT OR REMOVE THIS */
HTML:
<div id="main-pd">
<div id="main-frame">
<div id="top-frame"><img src="http://img50.imageshack.us/img50/4531/800x600fondospantallaswdy9.jpg" width="800" height="600" /></div>
<div id="left-frame">
<div id="poems">
<h2>Poems</h2>
{POEMS}
</div>
<div id="friends">
<h2>Friends</h2>
{FRIENDS}
</div>
<div id="photos">
<h2>Photos</h2>
{PHOTOS}
</div>
</div>
<div id="middle-frame">
<div id="image">
<h2>{USERNAME}</h2>
{IMAGE}
</div>
<div id="info">
{INFO}
</div>
<div id="about">
<h2>About</h2>
<div id="about-content">
{ABOUT}
</div>
</div>
<div id="comment-area">
<h2>Comments</h2>
{COMMENTS}
</div>
</div>
<div id="right-frame">
<div id="articles">
<h2>Articles</h2>
{ARTICLES}
</div>
<div id="stories">
<h2>Stories</h2>
{STORIES}
</div>
<div id="journals">
<h2>Journals</h2>
{JOURNALS}
</div>
</div>
</div>
</div>
<!-- You May Not Remove Or Edit This -->
<div id="credit-pd">
<div id="credit">
<span>
Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
</span>
</div>
</div>
<!-- You May Not Remove Or Edit This -->
Copy the Code after "CSS:" to:
http://www.mibba.com/users/profile/css/
Copy the Code after "HTML:" to:
http://www.mibba.com/users/profile/layout/
Replace any existing codes, Have fun!
I'd appreciate a PM if you're going to use it, but if you don't it's cool.
May 30th, 2008 at 05:19pm