Admin Forum:References style

Is possible to change the style of the references links? Also is it possible to make the references links appear only "on mouse hover"? Maybe I'm asking too much, but I'd like to know any way to customize the references style (maybe through CSS?). Thak you.

Another question: is possible to hide the reflist (maybe with a show/hide code) and make it appear only when you click a reference? I made a test here (using a "toggler" code) but if I click on an reference it won't show the ref lsit. (to see the ref list click on "note", on the right)

As for the reflist, I think you'll need some JS: Hope it helps! TK 999  18:49, August 22, 2011 (UTC)

Wow! Thanks! I'll try it...

Hmm... it seems that  doesn't work... probably because a note hasn't a "body" so you can't go over it with the mouse? Can you set the "hover" over the line or the vicinity of where the reference is? See here if you move your mouse over "TEXT WITH REFERENCES" the links won't show. For the second code, it doesn't change anything. I have a "toggling" solution, so if I can add this class " " to the reference link, it will do the trick.


 * The CSS won't work, as an element with display:none is not accessible on the page. It isn't treated as an element with dimensions 0x0, instead it's treated as if it didn't exist at all. Thus, it can't be hovered over, so the  will never take effect. You could use   and , but that may not work either and will still use up space on the page, as elements with   still affect positioning of nearby elements.

It seems also .reference a:link { visibility: hidden; } .reference a:hover { visibility: visible; } isn't working... try it here. So no possible solution? I knew it was too good to be true... and about the second topic, can I "add a class" to the ref link? Because the script I have works with class names, so if I can add a class to those ref links I'll solve the problem.


 * Anyway with  I can edit the ref style, can't I?
 * There's a backdoor, though:

If your wiki has a dark background, modify the first property accordingly. Cheers, TK  999  09:55, August 23, 2011 (UTC)

Smart! Thanks. And about the other question, is it possible to add a "class" to the reference links to active my JS?

They already have one. A typical ref looks like this: Cheers! TK 999  11:40, August 23, 2011 (UTC) Or, if you want to style the link directly, you will need the following JavaScript: TK 999  12:04, August 23, 2011 (UTC)

I know that they have already a class, I need to "add" a class, to make it like ... my JS actives when you click on an abject with a certain class, so if I can add that class to the already existing reference class I will able to use the script. I guess the script you wrote will do the work, I'l try it.

Strange... I just noticed, the code works only in "preview mode". You can try it here.