Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
Luca Zappa Web Corner » 80×15 Brilliant Button Maker
[go: Go Back, main page]

Monday, February 7, 2005

80×15 Brilliant Button Maker

Blogged under Altro by Luca Zappa on Monday 7 February 2005 at 9:41 am

I have implemented a web application to create customizable “80×15 brilliant buttons”.
The “80×15 brilliant buttons”, also known as “Antipixel buttons”, are the very popular buttons especially used by bloggers, see this examples:





The web interface creates “80×15 brilliant buttons” using Bill Zeller’s php script.
In addition to the original script you can decorate your button with two images (one on the left and the other on the right side) so you are able to create more sophisticated buttons.

Click here to try the web application and create your own buttons.

UPDATE September 16, 2005:
I add some Ajax to the Brilliant Button Maker. You can also directly host the buttons created to ImageShack.us.

Credits: script.aculo.us (Thomas Fuchs) and Sack of Ajax (Gregory Wild-Smith) are two very cool JavaScript I use in Brilliant Button Maker Interface.

Source Code: you can download Bill Zeller’s php script here, and the PHP class I use to create the button here.

90 Comments »

  1. Comment by jeff — Friday, February 11, 2005 @ 5:32 pm

    Stunning web app, thanks a lot :)

  2. Comment by Torin — Sunday, February 20, 2005 @ 4:30 pm

    Hey.
    This is cool but you could make also a transparent png support into this.

  3. Comment by Luca Zappa — Sunday, February 20, 2005 @ 8:31 pm

    Torin, I have some problems with transparent png & php … when I’ll have some free time I’ll work out!

  4. Comment by Dave — Thursday, February 24, 2005 @ 10:01 pm

    Good deal here. I’ve been looking for a way to do these with images short of resorting to PS. Kudos!

  5. Comment by Psycho275 — Friday, February 25, 2005 @ 11:41 pm

    Brilliant idea! Very handy - it greatly reduces the time needed to make an 80×15 button!

    Cheers,
    Dave

  6. Comment by TeKiLa — Monday, February 28, 2005 @ 8:26 pm

    I like this site.
    I use it every time.

    TeKiLa, french guy.

  7. Comment by argiope — Thursday, March 10, 2005 @ 8:00 am

    Great too really cool.
    Except: there is a small bug:

    The output png file should be around 200 to 300 bytes. But I saw they are around 16K.
    So I tried to see what is wrong. Opened an image with a “text” editor.
    Oh-la-la: you dump the whole html at the end of the png ????

    Your png output does not truncate properly and it prints out the html page at the end of the png file…

    I hope you fix it.

    Great tool again.
    Congrats.

    argiope.

  8. Comment by Luca Zappa — Thursday, March 10, 2005 @ 9:13 am

    16K? :-? Thanks argiope :roll: I fixed it!

  9. Comment by amrlion — Friday, March 11, 2005 @ 6:29 pm

    works great. thanks!

  10. Comment by Mj — Tuesday, March 22, 2005 @ 10:59 am

    Great!

  11. Comment by Austin — Wednesday, March 30, 2005 @ 6:27 pm

    Nice job, only request is to be able to generate images that aren’t as long, since a button like “RSS Valid” will have a lot of empty space at the end. I know that defeats the purpose of calling it an 80×15 button maker, but it’d be nice to get rid of that extra space.

  12. Comment by Luca Zappa — Wednesday, March 30, 2005 @ 11:35 pm

    Thanks Austin, I’ll check …

  13. Comment by serabande — Tuesday, April 5, 2005 @ 5:00 pm

    may I use Chinese to create button?

  14. Comment by Luca Zappa — Tuesday, April 5, 2005 @ 11:17 pm

    > may I use Chinese to create button?

    Hi serabande, good question … I’ll study if it’s possible to add a Chinese font.

    Please if you would like to have some new features, write a comment here. When I have some free time I want to review the code and add some feature.

    The current TODO list is:
    - send the button created by email
    - manage transparent gif
    - manage animated gif
    - add Chinese font

  15. Comment by E-man — Thursday, April 21, 2005 @ 1:20 am

    Well done man, very well done.

  16. Comment by Princessfrozen — Thursday, April 21, 2005 @ 3:23 am

    This is very awesome and extremely needed. It saves me a lot of time trying to do this myself. Thank you.

  17. Comment by Tim — Sunday, May 1, 2005 @ 8:46 pm

    Will you be releasing the php source?

  18. Comment by bob — Monday, May 2, 2005 @ 7:33 pm

    what a clever idea!

    well done.

  19. Comment by tux78 — Thursday, May 5, 2005 @ 10:04 pm

    How do i make a smaller button?

  20. Comment by Luca Zappa — Thursday, May 5, 2005 @ 10:18 pm

    > Will you be releasing the php source?

    I need to review the code and then the php will be released for free.

  21. Comment by Luca Zappa — Thursday, May 5, 2005 @ 10:20 pm

    > How do i make a smaller button?

    with this web application you can only make buttons 80×15 (80 pixel width and 15 pixel height)!

    sorry

  22. Comment by MrFive — Saturday, May 7, 2005 @ 10:57 am

    Great website!
    Thanks a lot!

  23. Comment by PenguiN+ — Saturday, May 7, 2005 @ 11:00 am

    I love this tool, is there any way to get one on my TextPattern (i.e. a WordPress altenative) site?

  24. Comment by DnCollins — Wednesday, May 25, 2005 @ 1:30 am

    Grest tool!!
    i dont know if this is possible but if you could have the image (.png) dynamically named instead of just button.png. i was thinking like leftbox+rightbox.png, just if you are making a lot, its easier to save them all

    thanks again for the great tool

  25. Comment by Luca Zappa — Wednesday, May 25, 2005 @ 9:28 am

    Hi DnCollins (#24), good suggest … now button is dynamically named ‘leftText-rightText.png’.

    Thanks
    Luca

  26. Comment by maizzy — Sunday, May 29, 2005 @ 8:39 pm

    i came upon this site via google.. i was looking for a botton maker and found yours! i am so glad because it was wonderful and tremendously helpful! thank you for having such a great application on the net for so many to use…

    thank you,

    Maizzy >^.^

  27. Comment by n4crater — Saturday, June 18, 2005 @ 5:12 pm

    Nice button creator…

  28. Comment by Satish Talim — Saturday, June 25, 2005 @ 6:27 am

    Absolutely cool. Thanks.

  29. Comment by X — Thursday, June 30, 2005 @ 8:49 am

    Awesome!

  30. Comment by Blog Directory — Wednesday, July 27, 2005 @ 9:10 pm

    WOW Really great tool

  31. Comment by Dorene Lorenz — Thursday, August 4, 2005 @ 11:21 pm

    Your buttonmaker totally rocks. Wow.

  32. Comment by manuel — Tuesday, August 9, 2005 @ 7:29 pm

    Great tool!
    Anyway i noticed now it’s 80-pixels-wide all the time, this means trying creating a “a_string|another_string” button the strings overflow each others, maybe a forgotten comment or so ;)

    Awesome utility, any source? ;-P

  33. Comment by manuel — Thursday, August 11, 2005 @ 1:48 am

    Oh well, it seems the friend who told me this was wrong, because this brilliant maker doesn’t create wider buttons. A friend of mine told me about “80×15-style button”, only much wider.
    Awesome interface anyway the your ;)

  34. Comment by Dominique — Friday, August 12, 2005 @ 2:51 pm

    Hai Luke

    Your tool is very nice. Is it possible to have the source code, even against a donation of course?

    Thanks

  35. Comment by free PHP scripts here — Wednesday, August 24, 2005 @ 10:55 am

    Just a quick note to say how cool this is!
    I’ve added a link to you under my ‘link to me’ page. cheers!

  36. Pingback by Luca Zappa Web Corner » Blog Archive » First Birthday for Brilliant Button Maker — Wednesday, August 31, 2005 @ 10:12 pm

    […] First Birthday for 80×15 Brilliant Button Maker … some notices: […]

  37. Comment by Livia — Monday, September 5, 2005 @ 6:59 pm

    Your buttons rock! Thank you very much! Ciao ciao

  38. Comment by Ale — Friday, September 9, 2005 @ 7:23 pm

    Very cute engine, really. I was wondering how you managed to have a dialog box appear when you click on the end image instead of opening the image directly in the browser window (as usually happens).

  39. Comment by Justus — Tuesday, September 13, 2005 @ 6:27 am

    Very *very* nice. Makes it a lot easier to create professional looking buttons. Thanks!

  40. Comment by Justus — Tuesday, September 13, 2005 @ 6:41 am

    Could you make it so it only uses lower case when dynamically naming the buttons? Or have a checkbox that lets you choose? Easier for using them on websites that way. Thanks.

  41. Comment by Luca Zappa — Saturday, September 17, 2005 @ 1:01 am

    I add some Ajax to the Brilliant Button Maker. You can also directly host the buttons created to ImageShack.us.

    The PHP source code of the BrilliantButton class is downloadable from the main page.

  42. Comment by Dominic — Saturday, September 17, 2005 @ 4:52 pm

    Great little tool and thanks for making the source available!

  43. Comment by Tony — Monday, October 3, 2005 @ 1:28 pm

    Great site, thank you. Could we also configure the button site please? :D

  44. Comment by Justus — Thursday, October 13, 2005 @ 7:00 am

    Why did you disable right click on the button you’ve created? The “Save It” button is nice, but then you can’t choose where to save it to (at least with FireFox).

  45. Comment by Luca Zappa — Thursday, October 13, 2005 @ 9:12 am

    @ Justus: I disabled right click to avoid that users save and use the local location of the image (on my server). It’s not good because sometimes I delete all the images created.
    To choose a location where to save it with Firefox you can right click on “Save it” and choose “Save Link As”.

    Thanks!
    Luca

  46. Comment by JXN — Friday, October 21, 2005 @ 12:47 pm

    yeah! very cool tool. thats great work. thx a lot.

  47. Comment by argiope — Thursday, October 27, 2005 @ 2:48 pm

    Another bug :)
    When you like to make an image with + (plus) sign. You get nothing.

    I guess it’s an URL encoding issue…

    Great tool once again.

    Ron.

  48. Comment by leu — Monday, October 31, 2005 @ 8:58 am

    Hello everybody. I just started on 80×15.blogtrends.info the button graveyard. Upload your buttons there and be part of the biggest 80×15 Button Gallery!

    http://80×15.blogtrends.info

  49. Comment by gabriel — Wednesday, November 2, 2005 @ 5:20 pm

    How can I implement the briliant buton scrip?
    When I exec it from apache(under win) it just gives a blank page.
    What us the deal dose it nee to be included in an other page or what?

  50. Comment by Luca Zappa — Friday, November 4, 2005 @ 11:15 am

    @argiope(#47): Hi Ron, bug fixed. Plus sign works fine now … yes it was an URL encoding issue when I add some Ajax!

    Thanks
    Luca

  51. Comment by Tommy Boy — Friday, November 4, 2005 @ 2:21 pm

    Really nice tool…

    Is it possible to use russian signs? (I didn’t try with Chinese…)

  52. Comment by FluD — Thursday, December 1, 2005 @ 5:16 am

    Very, Very Thanks!

  53. Comment by Tom P — Saturday, December 3, 2005 @ 6:04 pm

    Great, thanks!

  54. Comment by Shadow CRX — Wednesday, December 7, 2005 @ 10:31 pm

    I see there is the option to download the source code. But, I need all the files to make it work. That means all the fonts images, Everything! Mind uploading it for me so I can make it work?

  55. Comment by total wormage — Sunday, December 11, 2005 @ 11:35 pm

    first of all, i damn like your 80×15 button web app

    second, you have a typo in the next sentence ;]

    “You can use ImageShack.us to host your buttons (now you can upoload directly a button).”

    well, that was about it really (’the film ends mainly visual…’)

  56. Comment by Vinnie — Monday, December 19, 2005 @ 2:20 am

    Love it, fantastic utility best of it’s kind to make those hard to reach tiny buttons.

  57. Comment by cashman — Monday, December 19, 2005 @ 2:16 pm

    Thanks Luca.

    A great site, the sort that makes the internet worth browsing. I ‘Stumbled’ across it and was very glad I did.

    Valeu!

    G

  58. Comment by raZna — Wednesday, December 21, 2005 @ 1:17 pm

    i ‘Stubled’ too :)

  59. Comment by Richard — Wednesday, December 21, 2005 @ 10:48 pm

    Appart from the PHP page/class, where can I get the html template for the interface?

  60. Comment by Luca Zappa — Thursday, December 22, 2005 @ 9:00 am

    Hi Richard, interface is not available to download. You must build your own interface.

  61. Comment by Richard — Thursday, December 22, 2005 @ 9:43 pm

    *cough* willing to sell one?

  62. Comment by Eivind — Thursday, December 29, 2005 @ 1:42 pm

    Criminal! Its awesome, I came across it and Im happy for that..

  63. Comment by davide — Friday, December 30, 2005 @ 2:06 pm

    fai un gemellaggio con questo: http://www.netdenizen.com/buttonmill/glassy.php

  64. Comment by Pam Blackstone — Sunday, January 1, 2006 @ 10:27 pm

    Hey Luca, very cool app. Just to let you know I’ve given you a plug in my blog (weblensblogs.blogspot.com), as of this day.

  65. Comment by Jeni — Friday, January 6, 2006 @ 12:55 am

    Glad to find your site, great resource!

  66. Comment by Ricardo — Sunday, January 8, 2006 @ 12:16 am

    Wow, thanks, just a small request can you add something to add like (Small skulls, birds, pens something like that)(yeahh u can upload your own images but that could be a lot helpful)(Sorry my english is a lot rusty)

  67. Comment by Jowra — Monday, January 9, 2006 @ 6:26 pm

    Every time again: The name “Brilliant” Button Maker is well chosen and fits perfectly.

    Great Work, Luke!

  68. Comment by Vincent — Friday, January 13, 2006 @ 9:37 am

    Thanks, this is a real time saver and perfect in every sense of the word. Brilliant Button Maker is essential for any webmasters toolbox. We used to great effect in the GeoID Google mapping MashUp.

  69. Comment by 2ge — Saturday, January 21, 2006 @ 3:03 pm

    Thanks a lot for this web app, still using it. Also whole web is very nice, congratulation Luca!

  70. Comment by Johnny — Wednesday, February 1, 2006 @ 5:30 am

    Could you please post your php script that transloads an image onto imageshack? It’s so cool!

  71. Comment by http://theglump.blogspot.com/brillant web site maker — Monday, February 6, 2006 @ 11:35 pm

    the life is beautyfull

  72. Comment by Marciusmr — Wednesday, February 15, 2006 @ 6:54 pm

    This is fantastic!

    Very good work.
    m

  73. Comment by John — Monday, February 20, 2006 @ 6:22 am

    hey Luca, awesomee button maker you have here! I saw your to-do list and I figured I would let ya know that to make animated pictures work you need imagemagick because regular gd can not handle animated pictures being resized. Its pretty easy to install and get working and I’m sure if you gave it a shot you could do everything in image magick instead of gd.

    good luck man! and keep up the good work

  74. Comment by candy — Saturday, March 11, 2006 @ 7:55 pm

    Photogiga.com

    delivers hosting for all your photos and images absolutely free.
    It’s so simple to use, anyone can do it. Simply click Browse and click gigaUpload Button.
    Your Photo will be automatically store in our Fast & Powerful server!
    Go on, TRY IT

    http://www.photogiga.com

    Features for gigaUpload:

    Unlimited Photos!
    Support File Size up to 6MB!
    File Allowed: jpg,zip,tif,bmp,jpeg,gif,png,swf,tiff,psd,txt
    Generate Thumbnails Included!
    Generate Code so that you can use it on your Blogs,friendster,forums!
    Unlimited Photo Storage!(Your file won’t be deleted if you follow the TOS)

    p.s: luca, replace this with imageshack.us , cos this is way better!

  75. Comment by marco.inge — Monday, March 13, 2006 @ 5:17 pm

    great tool!!!
    thanks a lot…

  76. Comment by apricum — Friday, March 24, 2006 @ 5:57 pm

    Fantastic!
    Many thanks.

  77. Comment by timi11 — Sunday, April 9, 2006 @ 7:43 pm

    Hi Folks,
    Sorry, i dont know I handle the 2 Files.
    the *.class File -> include the *.php File or what.
    Can you give me a little help please or a complete Script?

    Greetings from Germany
    Thanks for your Help…

  78. Comment by Drew — Saturday, April 15, 2006 @ 10:07 am

    I wish I’d found this before doing it manually - d’oh!

  79. Trackback by Stumblings — Sunday, April 23, 2006 @ 3:36 pm

    Chicklets

    Here and here.

  80. Pingback by ::kinjin dot net:: » Blog Archiv » Button Maker — Friday, May 12, 2006 @ 2:05 pm

    […] Wer kennt sie nicht, die kleinen Grafiken , mit denen man sich schöner verlinken kann. Habe gerade einen Seite gefunden, auf der man diese schnell erstellen kann. Und zwar hat Luca Zappa sich da etwas mühe gemacht und hat den Button Maker programmiert. […]

  81. Comment by Betrayed — Friday, May 19, 2006 @ 1:54 pm

    Very cool :) Keep up good work.

  82. Comment by Jack — Monday, May 22, 2006 @ 4:56 am

    Hey, Very nifty application you have here. So useful. I like the integration with imageshack as well. Thanks a lot, these buttons are now being extensively used on my blog!

  83. Comment by vex — Monday, May 22, 2006 @ 11:50 am

    thanks.

  84. Comment by vex001@gmail.com — Sunday, June 4, 2006 @ 10:09 am

    Is this an open source app? If so, can I implement this on my website? Awesome script! :)

  85. Comment by kryptn — Friday, June 9, 2006 @ 9:08 pm

    could you make the source into a zip file for easier transportation? i use this extensively for my site (thats not completely up yet) and sometimes my internet fails. i do have a webserver so i can use it without internet access.

  86. Comment by kryptn — Friday, June 9, 2006 @ 9:09 pm

    please?

  87. Comment by Franco — Sunday, June 25, 2006 @ 12:22 am

    Hi,

    Nice resource! I think both our site have the same audience, would you like to trade links? I offer free logo designs.

    Regards,

    Franco

  88. Comment by angke — Tuesday, July 11, 2006 @ 9:19 am

    IT’S really cool!!..i am planning to use it on my website HUMOR-HOUR.COM

  89. Comment by MapleMama — Tuesday, August 1, 2006 @ 6:50 pm

    Luca - this is simply wonderful. I have donated $1 for every button I made. Thank you so much.

  90. Comment by Luca Zappa — Tuesday, August 1, 2006 @ 10:45 pm

    @MapleMama: Thanks!!! $1 for every button …. it’s great, must become the standard and I could be rich very soon! ;)

RSS feed for comments on this post. TrackBack URI

Leave a comment

Comment Preview:

Luca Zappa Web Corner is proudly powered by WordPress
Entries (RSS) and Comments (RSS).