CSS Profile Codes Tutorial -- A Comprehensive Guide | Page 3 | Forum

Gaia Forums » GAIA Online » Questions & Assistance » Gaia Guides and Resources

Excellent!		38.4%	[ 6795 ]
Good!		11.3%	[ 1999 ]
Okay		8.8%	[ 1562 ]
Not so bad :(		3.3%	[ 587 ]
Horrible :( :( :(		5.9%	[ 1050 ]
:ninja: .......GOLD!!!		32.2%	[ 5690 ]
Total Votes:	[ 17683 ]

Kahime

Offline

Quote
Report Post
Post: 15730229_31 created on Tue, 18 Jul 2006 01:58:52 +0000
Posted: Tue, 18 Jul 2006 01:58:52 +0000

Kahime

5,700 Points

Offline

Quote
Report Post
Post: 15730229_32 created on Tue, 18 Jul 2006 01:59:51 +0000
Posted: Tue, 18 Jul 2006 01:59:51 +0000

Make A Quick, Basic Profile

Notes::

Anything in orange is a note, do NOT put it in your profile!!!

Codes are NOT explained in this post, read other posts for explanation.

Replace these things::

#section_name { color: XXXpx; background: color url('xxx'); }

XXXpx with a hex code or web-safe color name.
'color' (after 'background') with a hex code or web-safe color name.
xxx (in the 'url('xxx')') with the image url.

Erase all codes you are NOT using 3nodding

the 'color' after 'background' can be replaced with 'transparent' if you want it see-through.

Codes::

#site { margin-left: auto; margin-right: auto; } (remove this code to have your profile on the default left side.)

#body { background: color url('xxx'); }

#extendedProfileBody #header h1 { background: color url('xxx'); }

#content { background: color url('xxx'); border: 0px; border-right: 0px; }

a:link { color: XXXpx; }
a:active { color: XXXpx; }
a:hover { color: XXXpx; }
a:visited { color: XXXpx; }

#profile h2 { background: color url('xxx'); }

#profile { color: XXXpx; background: color url('xxx'); }

#details h2 { background: color url ('xxx'); }

#details { color: XXXpx; background: color url('xxx'); }

#wishlist h2 { background: color url('xxx'); }

#wishlist { color: XXXpx; background: color url('xxx'); }

#about h2 { background: color url('xxx'); }

#about { color: XXXpx; background: color url('xxx'); }

#friends h2 { background: color url('xxx'); }

#friends { color: XXXpx; background: color url('xxx'); }

#friends #friendGroup li { border: none; } (removes border between friends. Delete this code if you want the border.)

#multimedia h2 { background: color url('xxx'); }

#multimedia { background: color url('xxx'); }

#journal h2 { background: color url('xxx'); }

#journal { color: XXXpx; background: color url('xxx'); }

#comments h2 { background: color url('xxx'); }

#comments { color: XXXpx; background: color url('xxx'); }

#comments .caption:before { display: none; } (removes rounded corner)

#comments .caption:after { display: none; } (removes rounded corner)

#comments .caption2:before { display: none; } (removes rounded corner)

#comments .caption2:after { display: none; } (removes rounded corner)

#comments .message { background-image: none; } (removes the arrow before comments)

#signature h2 { background: color url('xxx'); }

#signature { color: XXXpx; background: color url('xxx'); }

| WELCOME | RULES/T.O.C. | THREAD HELPERS/THREAD KEY | SECTIONS --> CLASSES & IDS/EXPLANATIONS | LAYERS | UNIVERSAL CODES | SECTIONS | BACKGROUNDS | FONTS | BORDERS | ADVANCED CODES | FILTERS & OPACITY | SCROLLBARS | CURSORS | COMMENTS/QUOTE BOXES | CUSTOM SECTIONS | MISC. ADVANCED CODES | HELPFUL CODES EVERYONE ASKS FOR | F.A.Q. | RELATED THREADS | PROFILE CODES RELATED | PROFILE HELP RELATED | PROFILE 2.0 RELATED | CSS RELATED | PROFILE GUILDS | GENERAL PROFILE RELATED | FREE PROFILE THEMES SITES | COLOR CODES SITES | AFFILIATES | KAHIMES PROFILES | BLACKLIST | QUICK/BASIC PROFILE |

Kahime

5,700 Points