VISUAL ✿ Old School Beginner Guide

Did the "visual aid" help you?

Yes.	85.9%	[ 1786 ]
No.	14.1%	[ 292 ]
Total Votes:			[ 2078 ]

[Cruciarius]

This guide talks about background images and more, when coding for custom hovers.

Probably not good to think about this, with a headache. x.x

[Brink Kale]

There is nothing wrong with doing it the way this guide provides. I just find RadioCarbon's method to require less BBCode. With the method RadioCarbon provides both the image and its hover are input via C.S.S. The two upsides to this is that using the :hover class to change the image only needs the background property. No padding or "pushing" the original image required. The second is that you can use any image you want, you won't be restricted to GaiaOnline safe image hosts (due to restrictions set on BBCode images according to the user's preferences).

You can find RadioCarbon's method in this thread. =) No one method is superior over the other. It is just another option for you.

[Cruciarius]

I looked at her posts there, but they seem to only cover the message, block and trade hovers. What I want to do is custom hovers for my own buttons, like posts, guilds, shop, and more.

[Brink Kale]

I'll do my best to explain this a little better.

The way that section is set up on a V2 profile (when converted to BBCode) is:

[list]
[*][url=www.gaiaonline.com/friends/add/]Add to Friends[/url]
[*][url=http://www.gaiaonline.com/profile/privmsg.php?mode=post]Send a Message[/url]
[*][url=http://www.gaiaonline.com/gaia/bank.php?mode=trade]Trade[/url]
[/list]

Which, with the code RadioCarbon provided allows you to add images as well as hovers to them.

All you have to do is make a custom section set up like that and edit the code RadioCarbon provided with the appropriate selectors and images. I explained previously what the selectors would look like ( better explained in Freaxy's Guide to Custom Sections). =)

[beep beep bloop]

Right now I'm working on my header & for some
reason the codes don't listen to me (hmm, person-
ification....) I've even tried putting !important in
random places. For now, here's the code I put:


code

#gaia_header a:link, #gaia_header a:visited {color: #000000; text-decoration: none;}
#gaia_header a:hover {color: #000000; text-decoration: blink;}



What am I doing wrong? :xx

[Brink Kale]

You have a broken line of code. Remove or fix it.

Code

h2{

[beep beep bloop]

Hmm okay. Fixed that. Codes still aren't working. DDDD:
EDIT: I even put them at the ve-ry top! augh! X_X;

[Brink Kale]

Try adding the !important attribute to the text-decoration property and color property in your code.

[miiimic]

//brightContinuum says:
Way nice guide. So linking it in my new profile (please ignore the current unfinished one).

[miiimic]

//brightContinuum says:
Also, getting it to work is really is you know?
Just replace that code with this:

#gaia_header * a:link, #gaia_header * a:visited {color: #000000 !important; text-decoration: none !important;}
#gaia_header * a:hover {color: #000000 !important; text-decoration: blink !important;}

Now, to the explanation.
As you know, inside the gaia header, there are two other sections. The #header_left and #header_right in which the links are. You see when you want to edit these two at the same time which are the only sections inside the gaia header you have two options. Doing them individually or just adding an asterisk (*) right after #gaia_header. That pracitcally means that anything inside the #gaia_header will be altered. But after adding the a:link or whatever you're stating that any a:link (or whatever you're editing) inside anything inside the #gaia_header will be altered.
Now why do you need the !important tags. Well, because gaia had them in it's code to prevent user-customization (since it wasn't allowed back in the years though it is allowed now) and has left them there.

Hope that helped!

[beep beep bloop]

@brightContinuum - Thank you!

[miiimic]

//brightContinuum says:
You're welcome! smile Always here (in the PD) to help! n 3n

[benpond]

what is the code for the space between comments?

[Dallas Undead]

Ben Pond

what is the code for the space between comments?

There is, in fact, no set ID for the space in between posts. But if you are looking to alter the space between them you can use:

#comments.caption {margin-bottom:##px; margin-top:##px;}
#comments.caption2 {margin-bottom:##px; margin-top:##px;}

[tabloid junkiee]

heart