[Noisebridge-discuss] donate button on homepage

[John Ellis]

Hi Darius,

I couldn't make it work in wikitext, but this is the CSS way to do image
rollovers.

<div style="position: absolute; top: 10px; right: 0;">
<style type="text/css">
  a#donate_button img {  background: url('/images/5/55/Donate.png'); }
  a#donate_button:hover img { background:
url('/images/1/16/Donate-hover.png'); }
</style>
<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>
</p>
</div>

Cheers!
-John
On Fri, May 10, 2013 at 11:33 AM, Darius Garza <313kid at gmail.com> wrote:

> That would be great if you can make it work John. The hover state is
> already uploaded: donate-hover.png
>
> cheers,
> d.
>
>
> On Fri, May 10, 2013 at 11:31 AM, John Ellis <neurofog at gmail.com> wrote:
>
>> Jeffrey,
>>
>> 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.
>>
>> At risk of being a smart ass. What style of payment button would you find
>> more appropriate.
>>
>> -John
>>
>> PS: Yes, I was around at the tail end of the pre-css html eyesore web era
>> with flashing text etc.
>>
>> "The impossible just takes a little longer" - Someone (Not sure who
>> originally created that quote)
>>
>> On Fri, May 10, 2013 at 11:25 AM, Jeffrey Carl Faden <
>> jeffreyatw at gmail.com> wrote:
>>
>>> Impossible :(
>>>
>>> Jeffrey
>>>
>>> On May 10, 2013, at 11:20 AM, Darius Garza <313kid at gmail.com> wrote:
>>>
>>> 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?
>>>
>>> d.
>>>
>>>
>>> On Fri, May 10, 2013 at 10:22 AM, Darius Garza <313kid at gmail.com> wrote:
>>>
>>>> Thanks for the tip Jeffery, I"ll get around to implementing the button
>>>> sooner than later :-)
>>>>
>>>> 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.
>>>>
>>>> d.
>>>>
>>>>
>>>>
>>>> On Fri, May 10, 2013 at 9:35 AM, Jeffrey Carl Faden <
>>>> jeffreyatw at gmail.com> wrote:
>>>>
>>>>> 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).
>>>>> Jeffrey
>>>>>
>>>>>
>>>>> On May 10, 2013, at 9:10 AM, James Sundquist <sundquistjames at gmail.com>
>>>>> wrote:
>>>>>
>>>>> 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?
>>>>>
>>>>> On Fri, May 10, 2013 at 1:45 AM, Mitch Altman <maltman23 at hotmail.com>wrote:
>>>>>
>>>>>> +1
>>>>>> Please go for it.
>>>>>>
>>>>>> > From: jeffreyatw at gmail.com
>>>>>> > Date: Thu, 9 May 2013 13:12:53 -0700
>>>>>> > To: 313kid at gmail.com
>>>>>> > CC: noisebridge-discuss at lists.noisebridge.net
>>>>>> > Subject: Re: [Noisebridge-discuss] donate button on homepage
>>>>>>
>>>>>> >
>>>>>> > 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?
>>>>>> >
>>>>>> > Jeffrey
>>>>>> >
>>>>>> > On May 9, 2013, at 11:56 AM, Darius Garza <313kid at gmail.com> wrote:
>>>>>> >
>>>>>> > > 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.
>>>>>> > >
>>>>>> > > +1's and I will try to implement this, or if anyone else wants to
>>>>>> do it, be my guest :-)
>>>>>> > >
>>>>>> > > d.
>>>>>> > > _______________________________________________
>>>>>> > > Noisebridge-discuss mailing list
>>>>>> > > Noisebridge-discuss at lists.noisebridge.net
>>>>>> > > https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss
>>>>>> >
>>>>>> > _______________________________________________
>>>>>> > Noisebridge-discuss mailing list
>>>>>> > Noisebridge-discuss at lists.noisebridge.net
>>>>>> > https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss
>>>>>>
>>>>>> _______________________________________________
>>>>>> Noisebridge-discuss mailing list
>>>>>> Noisebridge-discuss at lists.noisebridge.net
>>>>>> https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss
>>>>>>
>>>>>>
>>>>> _______________________________________________
>>>>> Noisebridge-discuss mailing list
>>>>> Noisebridge-discuss at lists.noisebridge.net
>>>>> https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss
>>>>>
>>>>>
>>>>>
>>>>> _______________________________________________
>>>>> Noisebridge-discuss mailing list
>>>>> Noisebridge-discuss at lists.noisebridge.net
>>>>> https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss
>>>>>
>>>>>
>>>>
>>> _______________________________________________
>>> Noisebridge-discuss mailing list
>>> Noisebridge-discuss at lists.noisebridge.net
>>> https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss
>>>
>>>
>>>
>>> _______________________________________________
>>> Noisebridge-discuss mailing list
>>> Noisebridge-discuss at lists.noisebridge.net
>>> https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss
>>>
>>>
>>
>> _______________________________________________
>> Noisebridge-discuss mailing list
>> Noisebridge-discuss at lists.noisebridge.net
>> https://www.noisebridge.net/mailman/listinfo/noisebridge-discuss
>>
>>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.noisebridge.net/pipermail/noisebridge-discuss/attachments/20130510/dea71830/attachment-0003.html>