Admin Forum:CSS/JS span tag

Forums: Admin Central Index → Technical Help → CSS/JS span tag Wikia's forums are a place for the community to help other members. To contact staff directly or to report bugs, please use Special:Contact.

Hi everyone! I'm here to ask if one can make   (or similar) tags in CSS/JS? I want to add a highlight system to Locomotive Wiki I'm an admin on, and I'm fine with the syntax for setting up the highlight, but I'm interested to know if there is a way I can get a mouse-over the userpage links to say "This user is the Founder" or "This user is an Administrator" etc. Is there a way to get the a:hover (CSS) or onmouseover (JavaScript) to display such a title? :)

PS I don't know anything about JS yet, but I'm begining to pick up CSS! so hopefully you don't have to explain the the latter quite as much (if it turns out to be CSS).

Starfleet Academy "Live long and prosper." 06:45, February 8, 2012 (UTC)

17:49, February 9, 2012 (UTC)


 * I should point out that TK's code is JS, and should be added to your wiki's Common.js page.


 * Cool guys! Thanks for the code TK-999, really appreciate it. Oh and thanks Eladkse, I did get that, but I probably would have added it to Wikia.js. Don't stress if you happen to see me putting it in my personal wikia.js. I've got to get this set-up before I present it to the Founder of LW. See you 'round :)


 *  Starfleet Academy     Hail my ship    23:50, 9 Feb, 2012 UTC

(Indent reset) Hi, back again. The code didn't work, I don't know why. If it's going to be a pain don't bother trying to get it to work. :)

 Starfleet Academy     Hail my ship     01:31, 10 Feb, 2012 UTC

It will need to be inside a .ready like so... Rappy 02:09, February 10, 2012 (UTC)


 * Hi Rappy, I've got it to work :) Thanks Rappy, I knew I must have been doing something wrong! It seems to be working nicely now: (see here)
 * Now I'm off to add the color part of the highlight (which as been kicking around in my personal css for awhile now.).


 *  <font face="Lucida Calligraphy">Starfleet Academy   <span style="border-top-style:solid; border-bottom-style:solid; border-top-width:3px; border-bottom-width:3px; border-color:Silver;">  <font face="Lucida Calligraphy">Hail my ship   <span style="border-top-style:solid; border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-top-width:3px; border-bottom-width:3px; border-left-width:3px; border-right-width:3px; border-color:Silver; border-bottom-right-radius:20px;">  03:31, 10 Feb, 2012 UTC