Welcome to Gaia! ::

Somehow tutorials don't work for me. I need to study premade layouts to figure out how do to things. I learned html from neopets and css from gaia by experementing. biggrin You can create your own colors. #000000 is the key. the digits are (arranged by value) 0 1 2 3 4 5 6 7 8 9 a b c d e f.
Experiment to find colors you like.

well, i tried to do this, but i totally messed it up! Can u maybe take a look at it and PM me bac wat i did wrong?#extendedProfileBody #header h1
{
background: url('IMAGE URL');
}
#bar
{
background: none top left no-repeat;

}

#bar #onlineButton
{
background: transparent url(ONLINE STATUS IMAGE URL);
color: transparent;
}

#bar #offlineButton
{
background: transparent url(OFFLINE STATUS IMAGE URL) no-repeat;
color: transparent;
}

#bar #hiddenButton
{
background: transparent url(HIDDEN STATUS IMAGE URL) no-repeat;
color: transparennt;
}

#bar #addButton
{
background: transparent url(ADD IMAGE URL) no-repeat;
}

#bar #msgButton
{
background: transparent url(PM IMAGE URL) no-repeat;
}

#bar #tradeButton
{
background: transparent url(TRADE IMAGE URL) no-repeat;
}

#bar #ignoreButton
{
background: transparent url(BLOCK/IGNORE IMAGE URL) 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(ADD IMAGE URL) -22px -90px no-repeat;}
#bar #msgButton a {width: 29px; background: transparent url(PM IMAGE URL) -22px -90px no-repeat;}
#bar #tradeButton a {width: 28px; background: transparent url(TRADE IMAGE URL) -22px -90px no-repeat;}
#bar #ignoreButton a {width: 34px; background: transparent url(BLOCK/IGNORE IMAGE URL) -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: #ffffff
url(http://media.photobucket.com/image/avatar the last airbender banner/threedayslove/Unavngiven-1.jpg) no-repeat top left;
color: #FFF;
text-indent: 10px;
}
#profile
{
background: #FFF
url(http://i93.photobucket.com/albums/l69/rebel_runner21/avatar stuff/aang-chao4.gif)
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
#profile .avatar
{
url('XXX');
background: url('XXX') no-repeat top left;
}
#details H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}
#details
{
background: #FFF
url(http://i289.photobucket.com/albums/ll206/kayteeXlovesXya/Avatar the Last Airbender/RKtaangkissfullpost.png)
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}#wishlist H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}#wishlist
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}#about H2{
background: #ffffff
url(http://i289.photobucket.com/albums/ll206/kayteeXlovesXya/Avatar the Last Airbender/Request18TTAvatarfanSig.png) no-repeat top left;
color: #000;
text-indent: 10px;
}
#about
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}#friends H2{
background: #ffffff
url(http://i289.photobucket.com/albums/ll206/kayteeXlovesXya/Avatar the Last Airbender/10758826-1.jpg) no-repeat top left;
color: #000;
text-indent: 10px;
}#friends #friendGroup li img
{
background: url(http://i289.photobucket.com/albums/ll206/kayteeXlovesXya/Avatar the Last Airbender/10758826-1.jpg) no-repeat top right;
}
#friends
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}#multimedia H2{
background: #ffffff
url(http://i93.photobucket.com/albums/l69/rebel_runner21/avatar stuff/katara-chao4.gif) no-repeat top left;
color: #000;
text-indent: 10px;
}#multimedia
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}#signature H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}#signature
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}#comments H2{
background: #ffffff
url(http://i93.photobucket.com/albums/l69/rebel_runner21/avatar stuff/sokka-chao4.gif) no-repeat top left;
color: #000;
text-indent: 10px;
}
#comments
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
#comments dl dt.avatar img
{
background: url('http://img.photobucket.com/albums/v148/suiki/avback.png')

no-repeat top left;
}

#comments dl dt.avatar2 img
{
background: url('http://img.photobucket.com/albums/v148/suiki/avback2.png')
no-repeat top right;
}
.caption {
font-size: 11px;
border: 1px solid #000000;
background: #FFF;
}

.caption2 {
border: 1px solid #000000;
background: #FFF;
}.caption:before {
content: url(TOP LEFT);
background: url(TOP RIGHT) top right no-repeat;
}

.caption:after {
content: url(BOTTOM LEFT);
background: url(BOTTOM RIGHT) bottom right no-repeat;
}

.caption2:before {
content: url(TOP LEFT);
background: url(TOP RIGHT) top right no-repeat;
}

.caption2:after {
content: url(BOTTOM LEFT);
background: url(BOTTOM RIGHT) bottom right no-repeat;
}.caption .message {
background: url(IMAGE URL) top left no-repeat;
font-size: 11px;
}

.caption2 .message {
background: url(IMAGE URL) top right no-repeat;
font-size: 11px;
}#content #main
{
border-left: 0;
padding-left: 10px;
}
#content
{
background: #FFFFFF
url(http://i289.photobucket.com/albums/ll206/kayteeXlovesXya/Avatar the Last Airbender/aangandkatarakiss.jpg) no-repeat left bottom;
border: none;
}#site
{
margin-left: auto; margin-right: auto;
}







Yay. its long but i tried. I probably messed up everything. o well! I tried! Please pm BAC! ^_^

I made the codes, but it still wont work. sweatdrop