Welcome to Gaia! ::

Reply CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)
link colors & comment box outlines.

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Anetra_Pendragon

PostPosted: Sun Mar 26, 2006 7:54 pm


I looked over the sticky you've got with all the code and it was all very helpful! I'm having trouble with 2 things though (maybe they're obvious ^_^; I don't do much CSS).

Firstly, how do I change the color of links? I could play guess-the-keyword but I'd rather just ask since I'm creating a thread here anyway.


Second, how do I change the comment box outlines to not have pictures in firefox? In IE my profile looks just dandy. The comment boxes are just.. boxes. Square. No rounded edges, so no white graphics to look icky with the background color.
In firefox, however, there are little speech bubble rounded edges with white backgrounds that look kind of ... really terrible.
I've seen other peoples profiles revert to square-box-mode in Firefox. How is it done?


Thank you for your time!
PostPosted: Sun Mar 26, 2006 11:41 pm


Link codes:

a:link {[codes]}
a:visited {[codes]}
a:hover {[codes]}
a:active {[codes]}


Links in your about section:

a:link.postlink {[codes]}
a:visited.postlink {[codes]}
a:hover.postlink {[codes]}
a:active.postlink {[codes]}


Links the footer:

#corp a:link.postlink {[codes]}
#corp a:visited.postlink {[codes]}
#corp a:hover.postlink {[codes]}
#corp a:active.postlink {[codes]}


To get rid of the comment bubble corners:

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

Ava R.
Crew

3,500 Points
  • Gaian 50
  • Treasure Hunter 100
  • Hygienic 200

Anetra_Pendragon

PostPosted: Mon Mar 27, 2006 6:38 am


Thank you very much!! Interesting point, the comment box code doesn't work in Netscape. It will change the boxes for the right-hand side of ALL the boxes (regardless of the direction of the speech bubble), but never the left. Weird!
PostPosted: Mon Mar 27, 2006 3:38 pm


You mean the code I gave you or the default codes? The left is set with "content: url(IMAGE URL);", which would probably be why. It's not one of those every-day type of things that gets used, so not all browsers would handle it the same.

I didn't know that though. That's interesting.

Ava R.
Crew

3,500 Points
  • Gaian 50
  • Treasure Hunter 100
  • Hygienic 200
Reply
CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum