
This is where you can get CSS help. Because I know sometimes it can confuse the 'ell outa ya. Well we are here to help, well at least try. And if we can't help there are links below that you can go to that might help. And we just have nifty CSS tips.
][ CSS Whores ][
- Atasuke Chikanatsu
- Producerman
- Ur_Pill
- Shady Tradesman - PM's OK.
- Kobreck - PM's OK.
- [. raiz .]
- ShadyPrincess
- Leviathan `
- Dregnar
][ Semi-CSS Whores ][
-Disposable Angel -
- Coerul -

][ To be filled shortly. ][

Nifty CSS Tips 
[ Codes below are from Disposable Angel ]
Filters Avatar in the header. Other filters are down below in the links section under xpressHTML.
#avatar
{
filter: wave (color=#FFFFFF, strength=10)
}
---------------
- Centering certain things. -
Centers your about links.
#about
{text-align: center;}
----------
Centers your friends links.
#friends
{text-align: center;}
----------
Centers your journal links.
#journal
{text-align: center;}
----------
Centers your comment links.
#comments .links{text-align: center;}
#comments .date{text-align:center;}
}
This code changes the Gaia logo part. I wouldn't suggest doing it unless you like possibly getting your profile deleted. sweatdrop DO NOT mess around with the logo but only the color. The only color you can do without messing with it too much is Gray, Xray, and Inverse! Only use those!
#site #gaiaLogo
{filter: Gray; -moz-opacity:0.60; opacity: 0.60;;}
.gaiaNav
{filter: Gray; -moz-opacity:0.60; opacity: 0.60;}
#site { margin-left: auto; margin-right: auto; width: 760px; }
#content {border-bottom: 1px solid black;}
}
This code will effect weather or not you want all the linked items to be filtered.
a:link img {filter:gray;}
a:visited img {filter:gray;}
a:hover img {filter:#gray;}
a:hover {cursor:crosshair;}

[ All CSS below is by Atasuke Chikanatsu ]
This code centers your profile:
#site {margin: 0 auto;}
This code changes the background of your profile:
body {background: #000000 url(XXX) fixed center;}
This code changes your Font and Links:
TD, FONT, P, BR, BODY, H1, H2, I, B {font-family:lucida sans; font-size:10pt; color: #FFFFFF;}
a:link { color: #CC0000; font-weight: bold; text-decoration: none}
a:visited { color: #CC0000; font-weight: bold; text-decoration: none}
a:active { color: #FFFFFF; font-weight: bold; text-decoration: none }
a:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline}
This code changes the Gaia banner at the top of the page:
#extendedProfileBody #header h1 {background: url(XXX)}
#header {position: relative; border-right: 0px;}
This code makes your equipped items dissapear:
#profile ul.items {display:none;}
This code makes your Avatar invisible:
#profile .avatar {filter:alpha(opacity=0) opacity:0;}
This code changes the Status Bar:
/* Online, Ofline and Hidden Graphics */
#bar #onlineButton {width: 60px; background: transparent url(XXX) no-repeat; text-indent: -5000px; height: 22px;}
#bar #offlineButton {width: 60px; background: transparent url(XXX) no-repeat; text-indent: -5000px; height: 22px;}
#bar #hiddenButton {width: 60px; background: transparent url(XXX) no-repeat; text-indent: -5000px; height: 22px;}
/* Add, PM, Trade and Ignore Grpahics */
#bar #addButton {background: transparent url(XXX) no-repeat;}
#bar #msgButton {background: transparent url(XXX) no-repeat;}
#bar #tradeButton {background: transparent url(XXX) no-repeat;}
#bar #ignoreButton {background: transparent url(XXX) no-repeat;}
/* Add, PM, Trade and Ignore MouseOver Grpahics */
#bar #addButton a {width: 33px; background: transparent url(XXX) -22px -90px no-repeat;}
#bar #msgButton a {width: 29px; background: transparent url(XXX) -22px -90px no-repeat;}
#bar #tradeButton a {width: 28px; background: transparent url(XXX) -22px -90px no-repeat;}
#bar #ignoreButton a {width: 34px; background: transparent url(XXX) -22px -90px no-repeat;}
This code changes the Headers for each section:
#profile H2 {background: url(XXX) no-repeat; text-indent: -1000px;}
#friends H2 {background: url(XXX) no-repeat; text-indent: -2000px;}
#details H2 {background: url(XXX) no-repeat; text-indent: -1000px;}
#multimedia H2 {background: url(XXX) no-repeat; text-indent: -2000px;}
#comments H2 {background: url(XXX) no-repeat; text-indent: -2000px;}
#about H2 {background: url(XXX) no-repeat; text-indent: -2000px;}
#wishlist H2 {background: url(XXX) no-repeat; text-indent: -1000px;}
#signature H2 {background: url(XXX) no-repeat; text-indent: -2000px;}
#journal H2 {background: url(XXX) no-repeat; text-indent: -2000px;}
This code changes the Background and Borders of each section:
#profile {background: #000000 url(XXX) no-repeat left top; border: 1px dashed #000000; margin-bottom: 7px;}
#details {background: #000000 url(XXX) no-repeat left top; border: 1px dashed #000000; margin-bottom: 7px;}
#wishlist {background: #000000 url(XXX) no-repeat left top; border: 1px dashed #000000; margin-bottom: 7px;}
#about {background: #000000 url(XXX) no-repeat left top; border: 1px dashed #000000; margin-bottom: 7px;}
#friends {background: #000000 url(XXX) no-repeat left top; border: 1px dashed #000000; margin-bottom: 7px;}
#journal {background: #000000 url(XXX) no-repeat left top; border: 1px dashed #000000; margin-bottom: 7px;}
#multimedia {background: #000000 url(XXX) no-repeat left top; border: 1px dashed #000000; margin-bottom: 7px;}
#signature {background: #000000 url(XXX) no-repeat left top; border: 1px dashed #000000; margin-bottom: 7px;}
#comments {background: #000000 url(XXX) no-repeat left top; border: 1px dashed #000000; margin-bottom: 7px;}
This code changes the Wishlist icons (questing, donated and bought):
#wishlist .questing {background: url(XXX) top right no-repeat;}
#wishlist .donated {background: url(XXX) top right no-repeat;}
#wishlist .bought {background: urlXXX) top right no-repeat;}
This code removes the extra border from the Friends list and adds an image behind your Friends:
#friends #friendGroup li{border-right:0px;}
#friends #friendGroup li img{background: url(XXX) no-repeat center;}
This code removes the white line on the right side of the profile:
#content {background: none; border-right: 0px}
#content #main {padding-left: 7px;}
This code affects the Captions in your profile:
#content .caption:after {background: #000000; content: '';}
#content .caption:before {background: #000000; content: '';}
#content .caption2:after {background: #000000; content: '';}
#content .caption2:before {background: #000000; content: '';}
#profile .caption {background: #000000; border: 1px dashed #000000; margin-bottom: 5px;}
.caption {position: relative;left:10px; background: #000000; border: 1px dashed #000000; margin-bottom: 7px;}
.caption2 {position: relative;left:10px; background: #000000; border: 1px dashed #000000; margin-bottom: 7px;}
.caption .message {position: relative; left: -22px; padding: 0 0 0 32px; min-height: 45px; margin: 0 -12px 0 0; background: none;}
.caption2 .message {position: relative; right: -22px; padding: 0 32px 0 0; min-height: 45px; margin: 0 0 0 -12px; background: none;}
This code will affect the Footer in your profile:
#extendedProfileBody #footer {background: #000000 url(XXX) border: 1px dashed #000000;}

xpresshtml
CSS Profile Codes Tutorial
[Simple tutorial] Gaia Extended profiles - Custom CSS
The OFFICIAL CSS Code List
CODED
.: Making Custom Profiles :. Everything You Need To Know

[_.NaVi._]
][1.NaVi.About.][2.Updates.][3.Crew.Crew positions.Joining.][
4.Profile Creators.Link Ups.][5.CSS Tips.Help.Link Ups.][6.Profile Rates.Advice.Link Ups.][7.Awards.Link Ups.][8.Contests.Link Ups.][9.Multimedia Section.Link Ups.][10.About Your Helpers.][11.Links.][12.Thankyous.Donations.][13.Black List.Grey List.][14.-Space-][15.-Space-][