Profile Codes [Used with Kahime's new guide.] | First Page | Forum

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

Very!		46.0%	[ 1710 ]
I guess...		13.8%	[ 513 ]
No, not at all. x.x		5.4%	[ 200 ]
I'm raping your poll for the money.		34.8%	[ 1292 ]
Total Votes:	[ 3715 ]

Xxx_Genophobia

(?)Community Member

Offline

Post: 15795117_1 created on Wed, 19 Jul 2006 21:47:52 +0000
Posted: Wed, 19 Jul 2006 21:47:52 +0000

(This will be for Kahime's new thread about CSS and so everyone can still see and use the codes. An extention to it. All codes are her's and may not be sold for gold. Please ask all questions in her new thread.)

You can find the new thread
here.

Dictonary

This isn't exactly an area for codes at all. >< This is just where I tell you that some of the things I say on here mean.

**- When you see this in a section, you replace all the the asterics with the number of pixels you want the height, width, top, left, ect.
#section_name - The name of the section you want to change
Hex code- A color that has been coded to be used with CSS.

Everything else can be answered in the main thread.

Adding a Background.

body
{background: #000000 }
Adds a background to WHOLE profile.

body
{background: url(-Enter picture URL here-); }
Adds a background picture to the WHOLE profile.

#section_name .h2
{background: url(-Enter picture URL here-); }
Changes header of a certain commanded section.

Xxx_Genophobia

(?)Community Member

Offline

Report Post
Post: 15795117_2 created on Wed, 19 Jul 2006 21:49:37 +0000
Posted: Wed, 19 Jul 2006 21:49:37 +0000

-Headers-
#extendedProfileBody #header h1
{ background: url(-URL-);}
Adds the main header. (At the very top of the page.)

#section_name h2
{ background: url(-URL-) top left no-repeat;
text-indent: 150px; }
Adds a header to a certain section. (Journal, comments, details, ect.)

-The Comments-

#comments .caption
{ background: #000000; }
#comments .caption2
{ background: #000000; }
Changes the background color of your comment boxes.

.caption:before,.caption:after,.caption2:before,.caption2:after
{display:none;}
.caption. message,.caption2 .message
{background:none;}
Squares the comment boxes.

#comments dl dt.avatar img {display:none;}
#comments dl dt.avatar2 img {display: none;}
Removes commenters' avatars.

Xxx_Genophobia

(?)Community Member

Offline

Report Post
Post: 15795117_3 created on Wed, 19 Jul 2006 21:50:31 +0000
Posted: Wed, 19 Jul 2006 21:50:31 +0000

-The Friends-
#friends #friendGroup li{border-right:0px;}

Removes the white space between each friend.

#friends {filter: grey; stregnth: 5;}
Puts a filter over your friends.

#friends #friendGroup li{display: none;}
Removed your frends' pictures.

-The Journal-
(There's really barely anything you can do to this. sweatdrop )

#journal
{text-color: #-Hexcode-;}

Changes the text color of your journal. Anything else you might want to do with this can be found somewhere else in the guide. 3nodding

Xxx_Genophobia

(?)Community Member

Offline

Report Post
Post: 15795117_4 created on Wed, 19 Jul 2006 21:52:09 +0000
Posted: Wed, 19 Jul 2006 21:52:09 +0000

-The Profile Section-
(The section with your avatar and status bar.)

#profile .avatar
{ opacity:0;}
Deletes yolur avatar's picture.

#profile
{background: transparent;}
Sometimes when you delete your avatar, there's a big block of color, this is the code to get rid of it.

#profile .caption
{ background: transparent; }
Makes the quopte box transparent. (Ussually used when you have a background picture.)

.caption:before,.caption:after,.caption2:before,.caption2:after
{display:none;}
Squares quote box.

#profile #bar {opacity: 0}
Gets rid of the status bar completely.

#profile ul.items
{display:none;}
Gets rid of the itens under your avatar.

#profile
{background: transparent;}
Changes the background color of the profile section.

#profile
{background: url(-URL of picture-);}
Cahnges the background picture of the profile section only.
(You can't have both a background image and color for this section.)

-Resizing/Moving/Scrolling sections-
#section_name
{top: **; left: **;}
Moves any given section.

#section_name
{height: **; width: **; overflow: auto;}
Puts a scroll bar on any given section. (Also resizes it.)

Even though these are two seperate codes, they're ussually put together and look like this:
#section_name
{height: **: width: *; overflow: auto; top: **; left: **;}

Xxx_Genophobia

(?)Community Member

Offline

Report Post
Post: 15795117_5 created on Wed, 19 Jul 2006 21:53:45 +0000
Posted: Wed, 19 Jul 2006 21:53:45 +0000

-Signature-
(Just like the journal, not much to say. sweatdrop )
Mosdtly anything you want to do with this can be found elsewhere int he thread. xP

-Links-
#profile
{ a:link (color:#FFFFFF; font-weight: bold; text-decoration: none);
a:visited (color: #FFFFFF; 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):}
Changes link font, decoration, and colors. (Before and after each visit by the person.)

#section_name .links
{display: none;}
Removes the links in any section you want. (If any.)

-Removing sections/ Headers-
#section_name
{display: none;}
Removes a section.

.section h2 {text-indent: -5000px;}
Removes all headers.

#section_name {text-indent: -5000px;}
Removes any one header you want gone.

Xxx_Genophobia

(?)Community Member

Offline

Report Post
Post: 15795117_6 created on Wed, 19 Jul 2006 22:02:53 +0000
Posted: Wed, 19 Jul 2006 22:02:53 +0000

-About Section-
You can do basically anything to this section, so all codes are/have been listed. Top do what you want to this section, just look in one of the area above.

-"Other" codes-
table, #profile, #header, #content, #details, #main, #journal, #multimedia, #signature, #wishlist, #comments{background: transparent;}
Makes all tables transparent. (Feel free to remove any sections that you don't want transparent.)

#multimedia embed{height: 200px; width:200px;}
Makes the Multimedia smaller.

.section
{color: #-Hexhere-;}
Changes ALL text colors to one single color.

scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color:#000000;
Changes scroll-bar color.

#profile #bar { background: none; }
#profile #bar #onlineButton { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #offlineButton { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #hiddenButton { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #addButton { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #msgButton { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #tradeButton { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #ignoreButton { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #addButton a { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #msgButton a { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #tradeButton a { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #ignoreButton a { background: url( image URL goes here ) no-repeat; height: **; width: **;}
Changes the appearence and size of the status bar buttons. (Long, lon code. x.x;; )

Xxx_Genophobia

(?)Community Member

Offline

Report Post
Post: 15795117_7 created on Wed, 19 Jul 2006 22:53:59 +0000
Posted: Wed, 19 Jul 2006 22:53:59 +0000

-Reserved-

And just to remind you, this a thread for CODES ONLY! All questions are asked in Kahime's thread here!
This thread is used for those that don't know the codes, are too lazt to type, or just forgot one. In this thread you post and share profile codes for version one profiles. (Ones that I forgot, ones that just aren't here, ones that you made up and that work, ect.)

Also, any thread elpers in Kahime's thread are also helpers in this one. Please respect them and be patient. We may be good with CSS, but we can't answer millions of questions at once. We're poeple too, so we won't know everything. (There is: Kahime, [.BrokenWings.], Eddafred, and Georagenhoff. Too be a thread helper, PM Kahime, this is the ONLY time you may PM her.)

ON another note, do NOT advertise any other CSS threads in this one, its not that we want the lime light (xD) its that in the main thread, Kahime has a whole list of other tutorials. (And here it is. xD)

ON the front page, she also has a whole list of any other helpful sites and threads, so be sure to check them out. )

If you ahve any questions or don't understand something on here, please read the main tutorial and then check this out. If you still have questions, there are websites that help with CSS coding like this one. If you still need help after that, then ask away, but do NOT do it on this thread. (I've said that a ton of times, you get it now, right?)