Board Thread:Support Requests - Getting Technical/@comment-3474513-20130422090712

Hi,

I saw this "rollover" code in Wikipedia and was wonderin if it could work here. I wanted to make an 'image-rollover-button'--where a small image would change to another image on 'mouseover' and would also link to another wiki article,etc.

I'm thinking if I shd paste the code below to my wiki's css page but not sure if that's the right step; afraid it might jumble up the whole CSS page ^^". Though, since I want it only on a single article, it shd only be on tht article's source isn't it?

Ok, the code I saw at Wikipedia: a { display : block ; width : 100px ; height : 30px ; background-image : url ( default.png ) ; color <span class="sy0" style="color:rgb(0,170,0);">: <span class="kw2" style="color:rgb(153,51,51);">white <span class="sy0" style="color:rgb(0,170,0);">; <span class="br0" style="color:rgb(0,170,0);">} a<span class="re2" style="color:rgb(51,51,255);">:hover <span class="br0" style="color:rgb(0,170,0);">{ background-image <span class="sy0" style="color:rgb(0,170,0);">: <span class="kw2" style="color:rgb(153,51,51);">url <span class="br0" style="color:rgb(0,170,0);">( <span class="co2" style="color:rgb(255,0,0);font-style:italic;">rollover.png <span class="br0" style="color:rgb(0,170,0);">) <span class="sy0" style="color:rgb(0,170,0);">; color <span class="sy0" style="color:rgb(0,170,0);">: lightpink<span class="sy0" style="color:rgb(0,170,0);">; <span class="br0" style="color:rgb(0,170,0);">}

(am I missing anything above? o.o --  shd there be a style or div tabs or whatever? ^^") Thanks for helping in advance! =)

Regards,

Koosha (talk) 09:07, April 22, 2013 (UTC)<ac_metadata title="Rollover &quot;image&quot; buttons"> </ac_metadata>