Welcome to Gaia! :: View User's Journal | Gaia Journals

 
 

View User's Journal

CSS Profile Codes
This is a basic and advanced tutorial on how to CSS profiles.
Helpful Codes
Helpful Codes That Everyone Asks For
Centering The Profile
#site { margin-left: auto; margin-right: auto; }

Removing The Border Between Friends
#friends #friendGroup li { border: none; }

Removing The Border to the Right of the Profile
#extendedProfileBody #header, #content { border-right: 0px; }
#content { border-right: 0px; }
#content { border-right: none; ]

Theoretically all of these should work, but sometimes they're finicky.
So if one's not working, try another.


"Replacing" The Avatar
#profile .avatar { display: none; }
#profile { background: url('xxx'); height: 0px; width: 0px; }

This code does not really REPLACE your avatar, it simply puts your new "avatar" picture into the profile sections background.

This means you must have an idea of its approximate position when creating the image. You may have to mess around a few times to get it to work.

Be sure to give it height and width values, otherwise when the avatar disappears it will sometimes shorten the space that you need for the new picture.


Flipping Your Profile
#content #sidebar { left: 520px; width: 230px }
#content #main { margin-left: -10px; width: 500px; }

This will flip the contents of your profile so that your 'about' side and your 'profile' side (and everything that goes under them) are flipped.





 
 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum