Welcome to Gaia! :: CSS Profile Codes Tutorial -- A Comprehensive Guide | Forum

Register FaceBook Login Login

 

 
GST

Welcome to Gaia's forums, where millions of members gather to discuss random stuff, make new friends,
complain about life, argue about nothing, laugh at dumb pictures, discuss serious issues and/or curse like sailors.

Lurking is creepy. Quit skulking in the shadows and join the conversation!

Register to reply

Advertisement

How do you like the new tutorial???

Excellent! 0.38942811256197 38.9% [ 5577 ]
Good! 0.11591369317785 11.6% [ 1660 ]
Okay 0.085049926681098 8.5% [ 1218 ]
Not so bad :( 0.03149221423085 3.1% [ 451 ]
Horrible :( :( :( 0.055443055652538 5.5% [ 794 ]
:ninja: .......GOLD!!! 0.32267299769569 32.3% [ 4621 ]
Total Votes: 14321
Share:  
forum:92, topic:15730229
< 1 2 3 4 5 6 7 8 ... 558 559 560 > >> >>> »|
BLACKLIST


Do NOT do NOT do NOT take anyone's profile w/out their permission!
If you do you will be blacklisted here and possibly reported.

It is not kind, it is not thoughtful, and no one will give you credit for a stolen profile!!!


You can also get blacklisted for excessive spamming/trolling/flaming of the thread or the people who visit the thread.


| 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 |
 
     
 
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 |
     
reserved
 
     
 
reserved
     
reserved
 
     
 
reserved
     
reserved
 
     
 
reserved
     
reserved
 
     
 
reserved
     
reserved
 
     
 
reserved
     
reserved
 
     
 
reserved
     
reserved
 
     
< 1 2 3 4 5 6 7 8 ... 558 559 560 > >> >>> »|

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

We will be phasing out support for your browser soon.

Please upgrade to one of these more modern browsers.