PDA

View Full Version : Logo Rollover/Hover


Daniel
02-21-2011, 02:37 AM
Hey y'all,

I'm looking for the easiest way to make a rollover (hover) image for my logo. Being new to vBulletin 4, I've been having a tough time figuring out *where* exactly I should be editing- css, stylevars, or the header template.

Thank you so much!

JacquiiDesigns
02-21-2011, 03:44 AM
There's several ways of going about that actually, including adding a jquery scrollover type of animated effect. The simplest code to do so though is:

<img src="image.gif" width="" height="" border="" onmouseout="this.src='image.gif';" onmouseover="this.src='image2.gif';" alt="" />


Where "image.gif" is the image that loads on first appearance, "image2.gif" is the image shown on mouseover. You can define width/height/border/alt

There's better ways to do it of course - but you asked for the easiest way :)

HTH ;)

Jacquii.

--- depending on your style - you will find the logo code in your header template.