[GUIDE] Learn How To Code v2/Current Profiles

[radiocarbonn]

Monblanc

Tilde Abuse

iAldwa

How do I make a third collum so that I can put my wishlist there?

You just drag it into the area for a third column, like you would drag panels into the first and second column.

If you are unable to drag it, then your computer's resolution is too small to handle adding a third column.

- Kayley FC

@ Monblanc - You cannot add images as borders. There is a certain way to center content; I'll post more about it once I finish the layout that I'm working on (which should be tonight or tomorrow).

@ Kasaiyuri - Thank you. <3333333
KHR is the bestest anime in the world. It's so good that it can be described with words that aren't even real. ;D

Damn.. that would have been epic.. sweatdrop
Thanks. *waits patiently for content centering info* dramallama

You can use this:

#id_friends .style1{margin-left:auto; margin-right:auto; width:190px;}

But if you change the width of your friends panel, you'll have to change the width of that too.

[undressyourbones]

Ack, I need help. gonk

I'm trying to position my about me section && it was working,
until I wanted it to go higher, {into the negatives, -100} it
would be blacked out Dx

If you look right now, you'll see that a part of it is cut off.

Anyway to fix this?

[Kasaiyuri]

Tilde Abuse

iAldwa

How do I make a third collum so that I can put my wishlist there?

You just drag it into the area for a third column, like you would drag panels into the first and second column.

If you are unable to drag it, then your computer's resolution is too small to handle adding a third column.

- Kayley FC

@ Monblanc - You cannot add images as borders. There is a certain way to center content; I'll post more about it once I finish the layout that I'm working on (which should be tonight or tomorrow).

@ Kasaiyuri - Thank you. <3333333
KHR is the bestest anime in the world. It's so good that it can be described with words that aren't even real. ;D

-nods-
Agreed, my dear friend. :'D<3
KHR = Love

[KayleyV2]

T h e e KiNG

Ack, I need help. gonk

I'm trying to position my about me section && it was working,
until I wanted it to go higher, {into the negatives, -100} it
would be blacked out Dx

If you look right now, you'll see that a part of it is cut off.

Anyway to fix this?

The problem is that the first column is not wide enough. You were on track with one of your codes, but you need to make a tiny adjustment.

You have this:
#column_#{width: 730px;}

If you want that to affect the first column, it needs to be this:
#column_1{width: 730px;}

Also, I wanted to point out one other thing in your code. There is an extra bracket, which can mess stuff up:
a:link {color: #000000; font-weight: bold; text-decoration: none}
a:visited {color: #000000; font-weight: bold; text-decoration: none}
a:active {color: #000000; font-weight: bold; text-decoration: none }
a:hover {color: #000000; font-weight: bold; text-decoration: underline}
}

h2 {
background: #FFFFFF!important;
}

Monblanc - Since Radio already answered your question, I won't post the center thing (as it's already been posted).

[xDimensionx]

My friend's contact panel has add comment, veiw comments, message, trade, add to friends/ignored.
I want mine to be like that too but I dont know how to?

[KayleyV2]

xDimensionx

My friend's contact panel has add comment, veiw comments, message, trade, add to friends/ignored.
I want mine to be like that too but I dont know how to?

They must have use a custom panel instead of actual contact panel, or they added padding and moved the comment links.

The easiest way is the first way; just create a custom panel and put the links for everything in with BBCode. You can just copy and paste this into the custom panel, I already put all of your info:

[url=http://www.gaiaonline.com/profiles/?mode=addcomment&u=14116978]Add Comment[/url]
[url=http://www.gaiaonline.com/profiles/?mode=comments&u=14116978]View All Comments[/url]
[url=http://www.gaiaonline.com/profile/friendlist.php?hook=14116978]Add to Friends/Ignored[/url]
[url=http://www.gaiaonline.com/profile/privmsg.php?mode=post&u=14116978]Send Message[/url]
[url=http://www.gaiaonline.com/gaia/bank.php?mode=trade&uid=14116978]Trade Items[/url]

[xDimensionx]

Kayley FC

xDimensionx

My friend's contact panel has add comment, veiw comments, message, trade, add to friends/ignored.
I want mine to be like that too but I dont know how to?

They must have use a custom panel instead of actual contact panel, or they added padding and moved the comment links.

The easiest way is the first way; just create a custom panel and put the links for everything in with BBCode. You can just copy and paste this into the custom panel, I already put all of your info:

[url=http://www.gaiaonline.com/profiles/?mode=addcomment&u=14116978]Add Comment[/url]
[url=http://www.gaiaonline.com/profiles/?mode=comments&u=14116978]View All Comments[/url]
[url=http://www.gaiaonline.com/profile/friendlist.php?hook=14116978]Add to Friends/Ignored[/url]
[url=http://www.gaiaonline.com/profile/privmsg.php?mode=post&u=14116978]Send Message[/url]
[url=http://www.gaiaonline.com/gaia/bank.php?mode=trade&uid=14116978]Trade Items[/url]

Thanks!^^By the way your pro is awesome!

[Monblanc]

Thanks a lot guys!

Now for my next question. (Hope I don't become a bother.. sweatdrop )
How does one go about changing the appearance of the scrollbars? wink Either making them transparent, or just changing the colors of them. 3nodding

[KayleyV2]

Monblanc

Thanks a lot guys!

Now for my next question. (Hope I don't become a bother.. sweatdrop )
How does one go about changing the appearance of the scrollbars? wink Either making them transparent, or just changing the colors of them. 3nodding

You would use these properties:
scrollbar-arrow-color: white;
scrollbar-track-color: white;
scrollbar-face-color: #C0C0C0;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #C0C0C0;
scrollbar-shadow-color: green;


Just apply that for the section that has the scrollbar like you would any other code, and change the colors.

[Monblanc]

Kayley FC

Monblanc

Thanks a lot guys!

Now for my next question. (Hope I don't become a bother.. sweatdrop )
How does one go about changing the appearance of the scrollbars? wink Either making them transparent, or just changing the colors of them. 3nodding

You would use these properties:
scrollbar-arrow-color: white;
scrollbar-track-color: white;
scrollbar-face-color: #C0C0C0;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #C0C0C0;
scrollbar-shadow-color: green;


Just apply that for the section that has the scrollbar like you would any other code, and change the colors.

So if I wanted it in my comments section, it'd look like?:

#id_comments{
scrollbar-arrow-color: red;
scrollbar-track-color: red;
scrollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-shadow-color: red;
}
(The colors were changed to all red to see the changes)

[Skye River]

Kayley FC

Monblanc

Thanks a lot guys!

Now for my next question. (Hope I don't become a bother.. sweatdrop )
How does one go about changing the appearance of the scrollbars? wink Either making them transparent, or just changing the colors of them. 3nodding

You would use these properties:
scrollbar-arrow-color: white;
scrollbar-track-color: white;
scrollbar-face-color: #C0C0C0;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #C0C0C0;
scrollbar-shadow-color: green;


Just apply that for the section that has the scrollbar like you would any other code, and change the colors.

Just to let you know, browsers for mac users won't be able to see any scroll bar changes 3nodding

[KayleyV2]

Monblanc

Kayley FC

Monblanc

Thanks a lot guys!

Now for my next question. (Hope I don't become a bother.. sweatdrop )
How does one go about changing the appearance of the scrollbars? wink Either making them transparent, or just changing the colors of them. 3nodding

You would use these properties:
scrollbar-arrow-color: white;
scrollbar-track-color: white;
scrollbar-face-color: #C0C0C0;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #C0C0C0;
scrollbar-shadow-color: green;


Just apply that for the section that has the scrollbar like you would any other code, and change the colors.

So if I wanted it in my comments section, it'd look like?:

#id_comments{
scrollbar-arrow-color: red;
scrollbar-track-color: red;
scrollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-shadow-color: red;
}
(The colors were changed to all red to see the changes)

Yes, if you have overflow.

It only works in IE though (or at least not Firefox; it might work in Safari and stuff too). Sorry, I forgot to mention that before. There is currently no way to override scrollbar colors in FF.

EDIT: And apparently it doesn't work on Mac either lol.

The only way to get rid of the scrollbar is to add padding, like:
#id_comments{padding-right: 5000px;}
body{overflow-x: hidden;}

It can get more complicated than that though, if you want to make sure that there are no mistakes.

[Monblanc]

Kayley FC

Monblanc

Kayley FC

Monblanc

Thanks a lot guys!

Now for my next question. (Hope I don't become a bother.. sweatdrop )
How does one go about changing the appearance of the scrollbars? wink Either making them transparent, or just changing the colors of them. 3nodding

You would use these properties:
scrollbar-arrow-color: white;
scrollbar-track-color: white;
scrollbar-face-color: #C0C0C0;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #C0C0C0;
scrollbar-shadow-color: green;


Just apply that for the section that has the scrollbar like you would any other code, and change the colors.

So if I wanted it in my comments section, it'd look like?:

#id_comments{
scrollbar-arrow-color: red;
scrollbar-track-color: red;
scrollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-shadow-color: red;
}
(The colors were changed to all red to see the changes)

Yes, if you have overflow.

It only works in IE though (or at least not Firefox; it might work in Safari and stuff too). Sorry, I forgot to mention that before. There is currently no way to override scrollbar colors in FF.

EDIT: And apparently it doesn't work on Mac either lol.

The only way to get rid of the scrollbar is to add padding, like:
#id_comments{padding-right: 5000px;}
body{overflow-x: hidden;}

It can get more complicated than that though, if you want to make sure that there are no mistakes.

OOOH!! gonk Well that sucks that you can only change it in IE... sweatdrop
It was driving me nuts for a minute there that I knew I had the right code, but it wouldn't show... sweatdrop
Thanks for your help! I'll be sure to watch out for that in future updates.

Can you make them transparent? I was looking at people's profiles and aDictEdTeXt's About Me section and Comments section both scroll, but I don't see a scrollbar. (I'm viewing it in FF also)
Any way to do that? *looks hopeful*

[Monblanc]

Aha... Saw your edit after I posted. Thanks for the help. 4laugh

I'm going to be hitting the HTML, XHTML, CSS and C++ coding part of my classes on Sept. 2nd. Hopefully I'll learn some things that I can use in my profile and be able to answer my stupid questions. (Least they seem stupid to me. sweatdrop )

[KayleyV2]

Monblanc

Kayley FC

Monblanc

Kayley FC

Monblanc

Thanks a lot guys!

Now for my next question. (Hope I don't become a bother.. sweatdrop )
How does one go about changing the appearance of the scrollbars? wink Either making them transparent, or just changing the colors of them. 3nodding

You would use these properties:
scrollbar-arrow-color: white;
scrollbar-track-color: white;
scrollbar-face-color: #C0C0C0;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #C0C0C0;
scrollbar-shadow-color: green;


Just apply that for the section that has the scrollbar like you would any other code, and change the colors.

So if I wanted it in my comments section, it'd look like?:

#id_comments{
scrollbar-arrow-color: red;
scrollbar-track-color: red;
scrollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-shadow-color: red;
}
(The colors were changed to all red to see the changes)

Yes, if you have overflow.

It only works in IE though (or at least not Firefox; it might work in Safari and stuff too). Sorry, I forgot to mention that before. There is currently no way to override scrollbar colors in FF.

EDIT: And apparently it doesn't work on Mac either lol.

The only way to get rid of the scrollbar is to add padding, like:
#id_comments{padding-right: 5000px;}
body{overflow-x: hidden;}

It can get more complicated than that though, if you want to make sure that there are no mistakes.

OOOH!! gonk Well that sucks that you can only change it in IE... sweatdrop
It was driving me nuts for a minute there that I knew I had the right code, but it wouldn't show... sweatdrop
Thanks for your help! I'll be sure to watch out for that in future updates.

Can you make them transparent? I was looking at people's profiles and aDictEdTeXt's About Me section and Comments section both scroll, but I don't see a scrollbar. (I'm viewing it in FF also)
Any way to do that? *looks hopeful*

That's the padding-right thing that I was talking about. I've coded your comments to do that for you.

Delete this:
#id_comments{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 250px;}

#id_comments{
scrollbar-arrow-color: red;
scrollbar-track-color: red;
scrollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-shadow-color: red;
}

Add these:
#id_comments{overflow:hidden; height: 250px; width: auto;}
#id_comments dl{overflow: auto; padding-right: 5000px; height: 205px !important; width: 475px;}