Comment avatars | Page 1 | CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints) | Guild Forums

Gaia Guilds

CODED - The CSS/Profile guild [OPEN!]

Back to Guilds

CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)

Comment avatars

.[Emotion].

Offline

Posted: Fri Mar 10, 2006 9:20 pm

Okay. You all know the avatars that show to the left or right of the comment bubbles, I want to get rid of them. And possibly change the size of the comment bubbles. Can someone give me the codes for those? Help?

[edit] Okay, I figured out how to make the avatars dissapear, but now the space where they were is still there. And when I move it, the footer comes up really high and makes it look bad. And when I tried to change the width, it changed the width of the bubble instead of the entire thing o_O;; I'm confused...

Posted: Fri Mar 10, 2006 10:16 pm

The reason your footer is coming up is because you are using position: absolute; on #comments. Absolute positioning takes things out of the flow of traffic, so #content isn't registering the comments as being there, if that makes sense. Removing position: absolute; will put your footer down back where it belongs.

I'm a little confused as to what exactly you want to change the width of. Do you want to change the width of the entire comments section? Or just the comment bubbles themselves?

Ava R.
Crew

3,500 Points

Offline

.[Emotion].

Offline

Posted: Sat Mar 11, 2006 1:05 pm

Well, I might want to change the width of both, but I think I already know how to change the width of the bubbles. But when I put in

#comments
{width: xxpx}

to change the width of the entire commetns section, it changed the width of something, but not the comment section. The bubbles got smaller than they usually are, so I think it might have changed them instead of the section.

Posted: Sat Mar 11, 2006 6:12 pm

No, that would definitely have changed the width of the comments section. However, if you put in a number smaller than 500px, it would have shrank them, because that shrinks the whole comments section. The comments themselves aren't a set width (Their size is set with margins and padding.), so any change to the comments section's width means their widths change as well.

What might help while you mess with this is to put a temporary border around the comments section. If you can see where it is, you'll be able to have a better idea of what's happening and what you need to alter.

Ava R.
Crew

3,500 Points

Offline

S a k r a n

Offline

Posted: Sat Mar 11, 2006 6:27 pm

.[Emotion].

...Okay, I figured out how to make the avatars dissapear...

Can you please tell me what code you used to make the avatars dissappear?
And also, if it's not too much trouble, does anyone know how to make the comments 'boxed'?
Thanks!

Fixed. Thanks [Joby]!

Posted: Sun Mar 12, 2006 2:26 pm

Sakran

Can you please tell me what code you used to make the avatars dissappear?
And also, if it's not too much trouble, does anyone know how to make the comments 'boxed'?
Thanks!

#comments .avatar{
display: none;
}

Check out the codes under "Comments" in this post:
http://www.gaiaonline.com/guilds/viewtopic.php?page=1&t=2232749#48773420

If you want your comments to just be a black border box with the same blue background then try #comments .caption, #comments .caption2{background: transparent} and use the comment corner / image replacement codes.

You Rule Supreme

Offline

CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)

Welcome to Gaia! ::

Gaia Guilds

CODED - The CSS/Profile guild [OPEN!]

Quick Reply

More Information