[GUIDE] Learn How To Code v2/Current Profiles

[KayleyV2]

DJDJ16

is there anything I can do about the whitespace around the house preview?

You can't completely make it disappear without getting rid of your name on your house, but you can use this to make less white visible:
#id_house embed, #id_house object{width: 200px; height: 150px;}

If you want to make it even smaller, you can make the height smaller.

Also, thanks for adding a link to my guide in your profile! I appreciate it. 3nodding

[iGummi]

Wow, this is going to help me/ a lot of people out! =]]
thank you very much! =D

[DJDJ18]

Kayley FC

DJDJ16

is there anything I can do about the whitespace around the house preview?

You can't completely make it disappear without getting rid of your name on your house, but you can use this to make less white visible:
#id_house embed, #id_house object{width: 200px; height: 150px;}

If you want to make it even smaller, you can make the height smaller.

Also, thanks for adding a link to my guide in your profile! I appreciate it. 3nodding

take a look at my profile and tell me what you think.

[Queen Galux]

List of Selectors

#header_right .user_info_popup - The box that appears when the ? icon in the navigation bar is clicked.

Graceful Assassin~

>< Maybe I'm just brain-dead, but I tried editing the popup with that code and it wouldn't do anything... T__T
Is it really possible to edit, say, the background and the text in that popup?

[Mizz Faith]

Ok. I have a question (for anyone who might know).
On this profile, see the black line in comments that separates them?
http://www.gaiaonline.com/profiles/?u=8923357
Well, my background on this account is black. Therefore, I can't see the lines. Is there any way to re-color them and *possibly* change their thickness by css coding? I've searched the source and can't find what controls them sweatdrop

Its something small, but I'm trying to edit as many aspects as possible.



Profile Comments = heart *nudge nudge*
I command you to!
please =D

[KayleyV2]

Queen Galux

List of Selectors

#header_right .user_info_popup - The box that appears when the ? icon in the navigation bar is clicked.

Graceful Assassin~

>< Maybe I'm just brain-dead, but I tried editing the popup with that code and it wouldn't do anything... T__T
Is it really possible to edit, say, the background and the text in that popup?

I tested out most of the selectors to double-check that they worked, but I guess I missed this one.

However, you CAN edit the popup. You just need to use the .user_info_popup only.

There is an example of it on this profile:
http://www.gaiaonline.com/profiles/5498755

The code I used was:
.user_info_popup{background: #EFE6E1; color: #a9a198; border: #a9a198 5px solid;}
.user_info_popup a{color: #a9a198; font-size: 11px; font-family: verdana;}

I'll take out the selector with #header_right in it, now that I know it causes problems.

Mizz Faith

Ok. I have a question (for anyone who might know).
On this profile, see the black line in comments that separates them?
http://www.gaiaonline.com/profiles/?u=8923357
Well, my background on this account is black. Therefore, I can't see the lines. Is there any way to re-color them and *possibly* change their thickness by css coding? I've searched the source and can't find what controls them sweatdrop

Its something small, but I'm trying to edit as many aspects as possible.



Profile Comments = heart *nudge nudge*
I command you to!
please =D

I'm all about details when it comes to coding, so don't worry about being picky around me. xd

The black line between comments is actually a border for #id_comments dt. You can edit it by editing the border-bottom property of that selector.

For example, on this profile:
http://www.gaiaonline.com/profiles/5498755

I used the code:
#id_comments dt{border: 1px #a9a198 dotted;}

If you want it to be only one line like it is now, you would use border-bottom instead of border.

[Mizz Faith]

Thank you so much, that worked perfectly ^_^



Profile Comments = heart *nudge nudge*
I command you to!
please =D

[Queen Galux]

Kayley FC

Queen Galux

List of Selectors

#header_right .user_info_popup - The box that appears when the ? icon in the navigation bar is clicked.

Graceful Assassin~

>< Maybe I'm just brain-dead, but I tried editing the popup with that code and it wouldn't do anything... T__T
Is it really possible to edit, say, the background and the text in that popup?

I tested out most of the selectors to double-check that they worked, but I guess I missed this one.

However, you CAN edit the popup. You just need to use the .user_info_popup only.

There is an example of it on this profile:
http://www.gaiaonline.com/profiles/5498755

The code I used was:
.user_info_popup{background: #EFE6E1; color: #a9a198; border: #a9a198 5px solid;}
.user_info_popup a{color: #a9a198; font-size: 11px; font-family: verdana;}

I'll take out the selector with #header_right in it, now that I know it causes problems.

Graceful Assassin~

<3 Thank ya's very much. I'll play around with that then. :3

EDIT: <33 That hideous thing finally matches the rest of my profile~ *gives you many hugs of thanks*

[Eddefred]

Ohlala, this guide is nifty. I'll help expand your library of codes when I get a chance though.

I wish guides like this were around when v2 was released.
I had to figure it out the hard way x3 But at least Eli and Blue helped me out <3

[Delicate Desires]

*subscribes*
biggrin

[Delicate Desires]

Quote:

OPACITY
selector{opacity: .8; -moz-opacity: .8; filter:alpha(opacity=80); -khtml-opacity: .8;}
This code makes the section see-through but still visible. You can edit the numbers in green if you want to make the section more or less visible.

Is it the higher the number it is, the more visible? Or the other way around.
I don't even know what opacity means.
gonk

[KayleyV2]

hills14

Quote:

OPACITY
selector{opacity: .8; -moz-opacity: .8; filter:alpha(opacity=80); -khtml-opacity: .8;}
This code makes the section see-through but still visible. You can edit the numbers in green if you want to make the section more or less visible.

Is it the higher the number it is, the more visible? Or the other way around.
I don't even know what opacity means.
gonk

Yes, the higher the number is, the more visible the content is.

For example, 0.9 would be more visible than 0.8, and 0.7 would be less visible than 0.8.

When it comes to profiles, the word "opacity" basically means how see-through (how easy/hard to see) certain content is on your page.

[ben pond]

~~~~~~~~~~~~~~~~~~~~

how do i center the navigation bar?
crying

~~~~~~~~~~~~~~~~~~~~

[Delicate Desires]

Kayley FC

hills14

Quote:

OPACITY
selector{opacity: .8; -moz-opacity: .8; filter:alpha(opacity=80); -khtml-opacity: .8;}
This code makes the section see-through but still visible. You can edit the numbers in green if you want to make the section more or less visible.

Is it the higher the number it is, the more visible? Or the other way around.
I don't even know what opacity means.
gonk

Yes, the higher the number is, the more visible the content is.

For example, 0.9 would be more visible than 0.8, and 0.7 would be less visible than 0.8.

When it comes to profiles, the word "opacity" basically means how see-through (how easy/hard to see) certain content is on your page.

Oh, okay, thanks!

[radiocarbonn]

Ben Pond

~~~~~~~~~~~~~~~~~~~~

how do i center the navigation bar?
crying

~~~~~~~~~~~~~~~~~~~~

It's against the rules to reposition the navigation bar.