Adding Sparkles Stars to Forum vB Links

[nureeves]

any demo please ...

 

[anth0ny]

Thank you works like a charm

 

[d22552000]

Wow, this owns.

 

[bertram]

For some reason the sparkles show up in my navbar behind the images for the menu buttons. Anyone know to disable this just for that area as it messes up the pre-built hover factor for the menu buttons.


Below is a an example the source code of a button in my navbar

<img src="{IF}/misc/navbar_right.gif" class="fright" alt="" />
<img src="{IF}/misc/navbar_left.gif" class="fleft" alt="" />
<div style="padding-top: 18px; text-align: center;">
<if condition="$show['member']">
<a href="usercp.php$session[sessionurl_q]" onmouseover="document.images.usercplink.src='{IF}/misc/usercp_over.gif'" onmouseout="document.images.usercplink.src='{IF}/misc/usercp.gif'">
<img src="{IF}/misc/usercp.gif" id="usercplink" alt="" /></a></if>
<if condition="$show['registerbutton']">

<a href="register.php$session[sessionurl_q]" rel="nofollow" onmouseover="document.images.registerlink.src='{IF}/misc/register_over.gif'" onmouseout="document.images.registerlink.src='{IF}/misc/register.gif'">

 

[snardley]

The better solution is this alternative:

Add this code to your styles Main CSS and then in the 1st box labeled: Additional CSS Definitions make sure you add all the way at the botom on the last line. Just make sure you change the photobucket location to your sparkling pic location

a:hover, a:active
{
    background: url([url]http://i250.photobucket.com/albums/gg263/Street4004/linkback.gif[/url]) repeat-x;
    color: #FF9900;
}