A button / logo to show that you accept Bitcoin donations. Using only HTML and CSS, no javascript (obviously) or images are used.
Displays as intended in Chrome and Firefox. Surprise surprise, doesn't work properly in IE9, but doesn't look
too bad, although I have no clue why the border is not showing correctly.
Not tested in other browsers, all feedback is welcome
(I know the code is a bit messy, but it should work alright)
If you like it, of course donations are always welcome at 13m9CAKrYsdLKhqsNm4UkHHJqDM19F4oKv
EDIT: Obviously when placing the code on your site, you should edit the Bitcoin address to have your address EDIT2: Forgot to set a background color for the white part of the "button", that is now fixed. If you have a non-white page background, please update your code Screenshot of how it looks in various browsers:
Code:
<span style="overflow: hidden; border: 1px solid black; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 4px; padding-left: 0px; font-family: Arial; font-size: 12px; font-weight: bold; background-color: white;">
<span style="padding: 4px; padding-left: 8px; background-color: #E98A0A; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: white;">
<a href="http://www.bitcoin.org/" style="text-decoration: none; color: white;">
<span style="-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: normal; color: white; font-size: 15px; background-color: white; color: #E98A0A; padding: 1px 5px; padding-top: 0px;">฿</span>
Donate using Bitcoin!
</a>
</span>
<span style="padding: 5px;">
13m9CAKrYsdLKhqsNm4UkHHJqDM19F4oKv
</span>
</span>
I may work on some other buttons soon as well