[GUIDE] Learn How To Code v2/Current Profiles

[Karebu Shimonu]

pandaninwiz

how can I change the color of the scroll bar on my scrollboxes on my comments and about panel?

is it impossible?
is it??

[Swell Sundae]

pandaninwiz

pandaninwiz

how can I change the color of the scroll bar on my scrollboxes on my comments and about panel?

is it impossible?

Yes, you can; and here is the explanation I gave earlier in the thread a few pages back. 3nodding

Swell Sundae

Kiwi-chan

Is there a way to change the color/look of the scroll bar in the panels?
Mine are still the default scroll bar for my browser and it's drving me crazy.
@_________@"

This page below will help you on making the scrollbars change color. 3nodding (Or at least give you a clearer explanation on what I'm saying below. sweatdrop )

Click here.

You can use the html, body, or the name of the specific panel you want to change the color of the scrollbars to. Here's an example of making the comments panel have different colored scrollbars. (Note, colored scrollbars show up in IE only)

Example
#id_comments{
scrollbar-arrow-color:#f22690;
scrollbar-track-color:#f22690;
scrollbar-face-color:#ffa2c3;
scrollbar-highlight-color:#ffa2c3;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-shadow-color:#ffa2c3;}

[Fairy~Nuff]

Just wanted to say thank you! This guide has saved my sanity (and my profile) this evening! xd I wish I'd found it weeks ago!

[Scientist Ritsuko Akagi]

Swell Sundae

Scientist Ritsuko Akagi

I've got some more questions/problems, could someone help me with them please?

1. I tried changing the text colour for my about and comments sections. It's worked for the comments, but the about section is still black.

#id_about {color: blue;}
#id_comments {color: blue;}

2. I added a background image (1-topsecretbnnr.png) and set it to the bottom, but it isn't at the very end of the screen. Why is this and can that image be positioned further down, or am I stuck with where it is?

3. I don't think this was mentioned in the guide, but thought I'd ask about this as well. ^^;

I had a go at putting padding in my about section, I can see a result for the left side, but the bottom bit isn't changing, the text goes straight down to the edge of the section which I don't want.

#id_about {padding: padding-bottom: 50px; padding-left:25px; padding-right:15px;}

1. You forgot the beginning part here (the red part), which is affecting the rest of the code for the color. /*CODE STARTS HERE*/

2. Replace the code you have for the body with this. Pretty much setting a height and then positioning it to the bottom. 3nodding (new parts in green)body{background: url(http://i326.photobucket.com/albums/k404/mooglepics/1-topsecretbnnr.png) repeat-x bottom;background-position: 0px 914px;height:946px;}

As for your 3rd problem, I'm working on that right now. ^_^'

Thank you! ^_^

[Electstatic]

I still need help on my problem,heh.
I'm quite confused on where I change the text from lowercase to uppercase.
I want to change it to lowercase but I can't seem to or was the code wrong?
Help please.

Craving for Demonic Anklets

[Swell Sundae]

toxiicraze

I still need help on my problem,heh.
I'm quite confused on where I change the text from lowercase to uppercase.
I want to change it to lowercase but I can't seem to or was the code wrong?
Help please.

Craving for Demonic Anklets

To change the text as such, you would be doing so with the text-transform. Here's an example of making all the gaiaonline navigation header link text to uppercase. arrow #gaia_header a{text-transform:uppercase!important;}

[Swell Sundae]

Scientist Ritsuko Akagi

Swell Sundae

Scientist Ritsuko Akagi

I've got some more questions/problems, could someone help me with them please?

1. I tried changing the text colour for my about and comments sections. It's worked for the comments, but the about section is still black.

#id_about {color: blue;}
#id_comments {color: blue;}

2. I added a background image (1-topsecretbnnr.png) and set it to the bottom, but it isn't at the very end of the screen. Why is this and can that image be positioned further down, or am I stuck with where it is?

3. I don't think this was mentioned in the guide, but thought I'd ask about this as well. ^^;

I had a go at putting padding in my about section, I can see a result for the left side, but the bottom bit isn't changing, the text goes straight down to the edge of the section which I don't want.

#id_about {padding: padding-bottom: 50px; padding-left:25px; padding-right:15px;}

1. You forgot the beginning part here (the red part), which is affecting the rest of the code for the color. /*CODE STARTS HERE*/

2. Replace the code you have for the body with this. Pretty much setting a height and then positioning it to the bottom. 3nodding (new parts in green)body{background: url(http://i326.photobucket.com/albums/k404/mooglepics/1-topsecretbnnr.png) repeat-x bottom;background-position: 0px 914px;height:946px;}

As for your 3rd problem, I'm working on that right now. ^_^'

Thank you! ^_^

You're welcome, and as for the 3rd question, I don't think you can fix that. But adding extra space in there through the About Me might give that effect at the bottom;. surprised (But I'm not totally sure if that'd work.)

[Electstatic]

Oh thank you Sundae.
I need help on this now.
The lines between the gaia header links.
I forgot the code as well.

[Brink Kale]

Possible solution to the third question for Scientist Ritsuko Akagi; If you add a list tag to your entire about me section you can control the content in that section then use css force it to stop short of the entire about section.

add

[list] [/list]

before and after everything in your about me section and use this code.

Code

#id_about
{ overflow: hidden; height: 145px;}

#id_about ul
{ overflow-x: hidden; overflow-y: auto; height: 120px;}

It should give you a result like this
Sample



Toxicraze, you can change the color of the lines between the links in the header using this code. Change the values as you see fit.

Code

#gaia_header #header_left, #gaia_header #header_right
{ color: #ff0000;}

[-I- Zombies -I-]

Hi, just wondering but in the friends section or in the recent visitors is there anyway to change the link color?

[Brink Kale]

For the friends section you can use.

Code

#id_friends a:link
{ color: #000000;}

For the recent visitors section you can use.

Code

#id_footprints a:link
{ color: #000000;}

Change the values as you see fit.

[Karebu Shimonu]

Swell Sundae

pandaninwiz

pandaninwiz

how can I change the color of the scroll bar on my scrollboxes on my comments and about panel?

is it impossible?

Yes, you can; and here is the explanation I gave earlier in the thread a few pages back. 3nodding

Swell Sundae

Kiwi-chan

Is there a way to change the color/look of the scroll bar in the panels?
Mine are still the default scroll bar for my browser and it's drving me crazy.
@_________@"

This page below will help you on making the scrollbars change color. 3nodding (Or at least give you a clearer explanation on what I'm saying below. sweatdrop )

Click here.

You can use the html, body, or the name of the specific panel you want to change the color of the scrollbars to. Here's an example of making the comments panel have different colored scrollbars. (Note, colored scrollbars show up in IE only)

Example
#id_comments{
scrollbar-arrow-color:#f22690;
scrollbar-track-color:#f22690;
scrollbar-face-color:#ffa2c3;
scrollbar-highlight-color:#ffa2c3;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-shadow-color:#ffa2c3;}

thanks!

[Karebu Shimonu]

Swell Sundae

pandaninwiz

pandaninwiz

how can I change the color of the scroll bar on my scrollboxes on my comments and about panel?

is it impossible?

Yes, you can; and here is the explanation I gave earlier in the thread a few pages back. 3nodding

Swell Sundae

Kiwi-chan

Is there a way to change the color/look of the scroll bar in the panels?
Mine are still the default scroll bar for my browser and it's drving me crazy.
@_________@"

This page below will help you on making the scrollbars change color. 3nodding (Or at least give you a clearer explanation on what I'm saying below. sweatdrop )

Click here.

You can use the html, body, or the name of the specific panel you want to change the color of the scrollbars to. Here's an example of making the comments panel have different colored scrollbars. (Note, colored scrollbars show up in IE only)

Example
#id_comments{
scrollbar-arrow-color:#f22690;
scrollbar-track-color:#f22690;
scrollbar-face-color:#ffa2c3;
scrollbar-highlight-color:#ffa2c3;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-shadow-color:#ffa2c3;}

thanks,but it just stinks they only show up on ie..why not f?lol 3nodding

[Brink Kale]

Controlling the color of scrollbars are not supported in Firefox. The only browsers that support coloring of the scrollbar are I.E and Opera. This is so because ( among other reasons) it is not a W3C supported standard. See here for reference.

[Fairy~Nuff]

Can someone help me please?

I'm trying to make a profile layout for a friend, it's all working but we can't get rid of the background he put in himself before. There's a gaial layout image stuck at the top! xp I know it's probably something really basic, I'm very new to this whole profile layout thing!

Stumblefoot's profile

Any ideas?