I just went through the guide here in this forum (the sticky), and did the copy past after making my own graphic.
Now, the thing is that I seem to not be able to get it in my profile :s I've double checked so I have 'old school' and 'custom' in, and copied the entire code from my wordpad. But id does not work. It's all rather confusing and very frustrating.
#extendedProfileBody #header h1
{
background: url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/header.png')
}
#bar
{
background: none top left no-repeat;
}
#bar #onlineButton
{
background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/online.png)
color: transparent;
}
#bar #offlineButton
{
background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/offline.png) no-repeat;
color: transparent;
}
#bar #hiddenButton
{
background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/hidden.png) no-repeat;
color: transparennt;
}
#bar #addButton
{
background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/add.png) no-repeat;
}
#bar #msgButton
{
background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/pm.png) no-repeat;
}
#bar #tradeButton
{
background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/trade.png) no-repeat;
}
#bar #ignoreButton
{
background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/ignore.png) no-repeat;
}
#bar a
{
filter: alpha(opacity=0)
opacity:0;
}
#bar a:hover
{
filter: alpha(opacity=0)
opacity:0;
}
#bar a {display: block; height: 0; padding-top: 22px; color: #000; overflow: hidden;}
* html #bar a:link, * html #bar a:visited {height: 22px; height: 0;}
#bar #addButton a {width: 33px; background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/add.png) -22px -90px no-repeat;}
#bar #msgButton a {width: 29px; background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/pm.png) -22px -90px no-repeat;}
#bar #tradeButton a {width: 28px; background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/trade.png) -22px -90px no-repeat;}
#bar #ignoreButton a {width: 34px; background: transparent url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/ignore.png) -22px -90px no-repeat;}
#bar #addButton a:hover {background-position: 0 0; z-index: 50;}
#bar #msgButton a:hover {background-position: 0 0; z-index: 50;}
#bar #tradeButton a:hover {background-position: 0 0; z-index: 50;}
#bar #ignoreButton a:hover {background-position: 0 0; z-index: 50;}
* html #bar a:hover {height: 22px; height: 0;}
#profile H2{
background: #eff9c4
url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/about.png) no-repeat top left;
color: #eff9c4;
text-indent: 0px;
}
#profile
{
background: #414620
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/avatar.png')
no-repeat left bottom;
border: 1px solid #bbc57c;
margin-bottom: 10px;
}
#profile .avatar
{
background: url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/BG2.png') no-repeat top left;
}
#details H2{
background: #414620
url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/details.png) no-repeat top left;
color: #bbc57c;
text-indent: 10px;
}
#details
{
background: #FFF
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/BG2.png')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
#wishlist H2{
background: #ffffff
url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/wishlist.png) no-repeat top left;
color: #000;
text-indent: 10px;
}
#wishlist
{
background: #FFF
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/BG2.png')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
#about H2{
background: #ffffff
url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/about.png) no-repeat top left;
color: #000;
text-indent: 10px;
}
#about
{
background: #FFF
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/BG.png')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
#friends H2{
background: #ffffff
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/friends.png') no-repeat top left;
color: #000;
text-indent: 10px;
}
#friends #friendGroup li img
{
background: url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/BG2.png') no-repeat top right;
}
#friends
{
background: #FFF
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/BG.png')
no-repeat left bottom;
border: 1px solid #414620;
margin-bottom: 10px;
}
#journal H2{
background: #ffffff
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/journal.png') no-repeat top left;
color: #000;
text-indent: 10px;
}
#journal
{
background: #FFF
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/BG.png')
no-repeat left bottom;
border: 1px solid #414620;
margin-bottom: 10px;
}
#multimedia H2{
background: #ffffff
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/multimedia.png') no-repeat top left;
color: #000;
text-indent: 10px;
}
#multimedia
{
background: #FFF
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/BG')
no-repeat left bottom;
border: 1px solid #414620;
margin-bottom: 10px;
}
#signature H2{
background: #ffffff
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/siggy.png') no-repeat top left;
color: #000;
text-indent: 10px;
}
#signature
{
background: #FFF
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/BG.png')
no-repeat left bottom;
border: 1px solid #414620;
margin-bottom: 10px;
}
#comments H2{
background: #ffffff
url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/comments.png) no-repeat top left;
color: #000;
text-indent: 10px;
}
#comments
{
background: #FFF
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/BG.png')
no-repeat left bottom;
border: 1px solid #414620;
margin-bottom: 10px;
}
#comments dl dt.avatar img
{
background: url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/bodybg.png')
no-repeat top left;
}
#comments dl dt.avatar2 img
{
background: url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/bodybg.png')
no-repeat top right;
}
.caption {
font-size: 11px;
border: 1px solid #414620;
background: #FFF;
}
.caption2 {
border: 1px solid #414620;
background: #FFF;
}
.caption:before {
content: url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/cb.png)
background: url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/cb.png) top right no-repeat;
}
.caption:after {
content: url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/cb.png)
background: url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/cb.png) bottom right no-repeat;
}
.caption2:before {
content: url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/cb.png)
background: url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/cb.png) top right no-repeat;
}
.caption2:after {
content: url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/cb.png)
background: url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/cb.png) bottom right no-repeat;
}
.caption .message {
background: url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/left.png) top left no-repeat;
font-size: 11px;
}
.caption2 .message {
background: url(http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/right.png) top right no-repeat;
font-size: 11px;
}
#content #main
{
border-left: url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/bodybg.png')
padding-left: 10px;
}
#content
{
background: #FFFFFF
url('http://i34.photobucket.com/albums/d137/Nearicatiora/Profile/Mine/greeny/bodybg.png') no-repeat left bottom;
border: none;
}
So....there is the code if anyone at all feels the urge to take a looksie and see where I went wrong...because obviously I did something wrong with it sweatdrop
Any help appreciated! Html is easy compared to css!
Thank you in advance!
~Nea.
