<div>Hi Darius,</div><div><br></div><div>I couldn't make it work in wikitext, but this is the CSS way to do image rollovers.</div><div><br></div><div><div style="position: absolute; top: 10px; right: 0;"></div>
<div><style type="text/css"></div><div>  a#donate_button img {  background: url('/images/5/55/Donate.png'); }</div><div>  a#donate_button:hover img { background: url('/images/1/16/Donate-hover.png'); }</div>
<div></style></div><div><p><a href="/wiki/Donate_or_Pay_Dues" title="Donate or Pay Dues" id="donate_button"><img alt="Donate.png" src="/images/d/d2/Blank.png" width="28" height="95"></a></div>
<div></p></div><div></div></div><div><br></div>Cheers!<div>-John<br><div class="gmail_quote">On Fri, May 10, 2013 at 11:33 AM, Darius Garza <span dir="ltr"><<a href="mailto:313kid@gmail.com" target="_blank">313kid@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">That would be great if you can make it work John. The hover state is already uploaded: donate-hover.png<div>
<br></div><div>cheers, </div><span class="HOEnZb"><font color="#888888"><div>d.</div></font></span></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><br><div class="gmail_quote">

On Fri, May 10, 2013 at 11:31 AM, John Ellis <span dir="ltr"><<a href="mailto:neurofog@gmail.com" target="_blank">neurofog@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">


<div>Jeffrey,</div><div><br></div>Actually, no it isn't. The classic way is to use a transparent "button" with a background. Wrap in a <a href> tag and set the css accordingly. I'll take a look, and see if I can make it work.<div>



<br></div><div>At risk of being a smart ass. What style of payment button would you find more appropriate.</div><span><font color="#888888"><div><br></div><div>-John</div></font></span><div><br></div><div>

PS: Yes, I was around at the tail end of the pre-css html eyesore web era with flashing text etc.<br>
<br>"The impossible just takes a little longer" - Someone (Not sure who originally created that quote)</div><div><div><div><br><div class="gmail_quote">On Fri, May 10, 2013 at 11:25 AM, Jeffrey Carl Faden <span dir="ltr"><<a href="mailto:jeffreyatw@gmail.com" target="_blank">jeffreyatw@gmail.com</a>></span> wrote:<br>



<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div style="word-wrap:break-word">Impossible :(<span><font color="#888888"><div><br></div><div>Jeffrey</div>
</font></span><div><div><div><br><div><div>On May 10, 2013, at 11:20 AM, Darius Garza <313kid@<a href="http://gmail.com" target="_blank">gmail.com</a>> wrote:</div><br><blockquote type="cite"><div dir="ltr">
button is up. can't figure out how to make a hover state with inline css though. the interwebz says that it's not possible. any ideas?<div><br></div><div>d.</div></div><div class="gmail_extra">

<br><br><div class="gmail_quote">On Fri, May 10, 2013 at 10:22 AM, Darius Garza <span dir="ltr"><<a href="mailto:313kid@gmail.com" target="_blank">313kid@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">





<div dir="ltr">Thanks for the tip Jeffery, I"ll get around to implementing the button sooner than later :-)<div><br></div><div>And I think jeff is right, the donation header was over the top, but that was my intent for the time. The subtle donation button on the side is a better long-term option. </div>





<span><font color="#888888">
<div><br></div></font></span><div><span><font color="#888888">d.</font></span><div><div><br><div class="gmail_extra"><br><br><div class="gmail_quote">On Fri, May 10, 2013 at 9:35 AM, Jeffrey Carl Faden <span dir="ltr"><<a href="mailto:jeffreyatw@gmail.com" target="_blank">jeffreyatw@gmail.com</a>></span> wrote:<br>






<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div style="word-wrap:break-word">I took it down. It was a bit of an eyesore for me and a little too desperate for my liking (it was funny at the time, though).<span><font color="#888888">


<br></font></span><div><span><font color="#888888">Jeffrey</font></span><div><br><div><br><div><div>On May 10, 2013, at 9:10 AM, James Sundquist <<a href="mailto:sundquistjames@gmail.com" target="_blank">sundquistjames@gmail.com</a>> wrote:</div>






<br><blockquote type="cite">Ken and a couple others created an eye-catching "donation botton" for the frontpage in mid-March.  Why in the world was that taken down?<br><br><div class="gmail_quote">On Fri, May 10, 2013 at 1:45 AM, Mitch Altman <span dir="ltr"><<a href="mailto:maltman23@hotmail.com" target="_blank">maltman23@hotmail.com</a>></span> wrote:<br>








<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">


<div><div dir="ltr">+1  <br>Please go for it. <br><br>> From: <a href="mailto:jeffreyatw@gmail.com" target="_blank">jeffreyatw@gmail.com</a><br>> Date: Thu, 9 May 2013 13:12:53 -0700<br>> To: <a href="mailto:313kid@gmail.com" target="_blank">313kid@gmail.com</a><br>








> CC: <a href="mailto:noisebridge-discuss@lists.noisebridge.net" target="_blank">noisebridge-discuss@lists.noisebridge.net</a><br>> Subject: Re: [Noisebridge-discuss] donate button on homepage<div><br>

> <br>> Sounds good! My suggestion: keep the "help out" section but possibly make it stand out - change the background? Put a big button in there and reduce the amount of links somehow?<br>> <br>> Jeffrey<br>








> <br>> On May 9, 2013, at 11:56 AM, Darius Garza <<a href="mailto:313kid@gmail.com" target="_blank">313kid@gmail.com</a>> wrote:<br>> <br>> > Even though noisebridge is no longer in financial crisis, I still think that it woud be beneficial to have a little donate button/call-to-action that stands out on the homepage. Nothing garish or desperate, but something easy to find. I wanted to donate today and I had to dig around to find the link. <br>








> > <br>> > +1's and I will try to implement this, or if anyone else wants to do it, be my guest :-)<br>> > <br>> > d.<br>> > _______________________________________________<br>> > Noisebridge-discuss mailing list<br>








> > <a href="mailto:Noisebridge-discuss@lists.noisebridge.net" target="_blank">Noisebridge-discuss@lists.noisebridge.net</a><br>> > <a href="https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss" target="_blank">https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss</a><br>








> <br>> _______________________________________________<br>> Noisebridge-discuss mailing list<br>> <a href="mailto:Noisebridge-discuss@lists.noisebridge.net" target="_blank">Noisebridge-discuss@lists.noisebridge.net</a><br>








> <a href="https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss" target="_blank">https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss</a><br>                                    </div></div></div>
<br>_______________________________________________<br>
Noisebridge-discuss mailing list<br>
<a href="mailto:Noisebridge-discuss@lists.noisebridge.net" target="_blank">Noisebridge-discuss@lists.noisebridge.net</a><br>
<a href="https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss" target="_blank">https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss</a><br>
<br></blockquote></div><br>
_______________________________________________<br>Noisebridge-discuss mailing list<br><a href="mailto:Noisebridge-discuss@lists.noisebridge.net" target="_blank">Noisebridge-discuss@lists.noisebridge.net</a><br><a href="https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss" target="_blank">https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss</a><br>






</blockquote></div><br></div></div></div></div><br>_______________________________________________<br>
Noisebridge-discuss mailing list<br>
<a href="mailto:Noisebridge-discuss@lists.noisebridge.net" target="_blank">Noisebridge-discuss@lists.noisebridge.net</a><br>
<a href="https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss" target="_blank">https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss</a><br>
<br></blockquote></div><br></div></div></div></div></div>
</blockquote></div><br></div>
_______________________________________________<br>Noisebridge-discuss mailing list<br><a href="mailto:Noisebridge-discuss@lists.noisebridge.net" target="_blank">Noisebridge-discuss@lists.noisebridge.net</a><br><a href="https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss" target="_blank">https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss</a><br>



</blockquote></div><br></div></div></div></div><br>_______________________________________________<br>
Noisebridge-discuss mailing list<br>
<a href="mailto:Noisebridge-discuss@lists.noisebridge.net" target="_blank">Noisebridge-discuss@lists.noisebridge.net</a><br>
<a href="https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss" target="_blank">https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss</a><br>
<br></blockquote></div><br></div>
</div></div><br>_______________________________________________<br>
Noisebridge-discuss mailing list<br>
<a href="mailto:Noisebridge-discuss@lists.noisebridge.net" target="_blank">Noisebridge-discuss@lists.noisebridge.net</a><br>
<a href="https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss" target="_blank">https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss</a><br>
<br></blockquote></div><br></div>
</div></div></blockquote></div><br></div>