When I started to write this code I wanted my profile to be YELLOW. I've changed since then but the code has not. You can get color codes from HERE. Art can be found HERE.
Have Fun!
#extendedProfileBody #header h1
{
background:
url(pic1)
no-repeat left center; border: none; color: #FFFF00;
}
#content
{
background-color: transparent;
}
Body
{
background: #FFFF00; position: absolute; left: 50%;margin-left: -385px;
}
#profile, #details, #wishlist, #about, #journal, #friends, #comments, #signature
{
background: #FFFF00;
}
#profile h2
{
background: url(pic2) top left no-repeat;
text-indent: 16px;font-size: 10pt;
}
#details h2
{
background: url(pic2) top left no-repeat;
text-indent: 90px;font-size: 10pt;
}
#wishlist h2
{
background: url(pic2) top left no-repeat;
text-indent: 90px;font-size: 10pt;
}
#about h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#friends h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#journal h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#multimedia h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#comments h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#signature h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#multimedia embed
{
height:395px; width:480px;
}
.caption:before, .caption:after, .caption2:before, .caption2:after
{
display:none;
}
#friends #friendGroup li img
{
background: #FFFF00 url(pic4) bottom center no-repeat;
}
#friends #friendGroup li
{
border: 1px solid #FFFF00;
}
#friends #friendGroup li
{
border-right: none;
}
#comments dl dt.avatar img
{
background: url(pic5) left top no-repeat;height:140px; width:100px;
}
#comments dl dt.avatar2 img
{
background: url(pic5) right top no-repeat; height:140px; width:100px;
}
a:link
{
color: #000000; font-weight: none; text-decoration: none
}
a:visited
{
color: #000000; font-weight: bold; text-decoration: none
}
a:active
{
color: #000000; font-weight: none; text-decoration: none
}
a:hover
{
color: #000000; font-weight: bold; text-decoration: underline
}
{
background:
url(pic1)
no-repeat left center; border: none; color: #FFFF00;
}
#content
{
background-color: transparent;
}
Body
{
background: #FFFF00; position: absolute; left: 50%;margin-left: -385px;
}
#profile, #details, #wishlist, #about, #journal, #friends, #comments, #signature
{
background: #FFFF00;
}
#profile h2
{
background: url(pic2) top left no-repeat;
text-indent: 16px;font-size: 10pt;
}
#details h2
{
background: url(pic2) top left no-repeat;
text-indent: 90px;font-size: 10pt;
}
#wishlist h2
{
background: url(pic2) top left no-repeat;
text-indent: 90px;font-size: 10pt;
}
#about h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#friends h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#journal h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#multimedia h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#comments h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#signature h2
{
background: url(pic3) top left no-repeat;
text-indent: 190px;font-size: 10pt;
}
#multimedia embed
{
height:395px; width:480px;
}
.caption:before, .caption:after, .caption2:before, .caption2:after
{
display:none;
}
#friends #friendGroup li img
{
background: #FFFF00 url(pic4) bottom center no-repeat;
}
#friends #friendGroup li
{
border: 1px solid #FFFF00;
}
#friends #friendGroup li
{
border-right: none;
}
#comments dl dt.avatar img
{
background: url(pic5) left top no-repeat;height:140px; width:100px;
}
#comments dl dt.avatar2 img
{
background: url(pic5) right top no-repeat; height:140px; width:100px;
}
a:link
{
color: #000000; font-weight: none; text-decoration: none
}
a:visited
{
color: #000000; font-weight: bold; text-decoration: none
}
a:active
{
color: #000000; font-weight: none; text-decoration: none
}
a:hover
{
color: #000000; font-weight: bold; text-decoration: underline
}