18 Jun
Posted by Ray Cheung as Buttons, Design, License Free
Hedger Wang teaches us how to create rounded corner buttons with only One Image and One CSS file. Users can see different state of the buttons, e.g. disabled, mouseover and mouseout state. So that the users can feel more interactive with the website or web application. We can also use this technics to create Wii-like buttons.
Requirements: Internet Explorer 5.5+, Safari 2, Firefox 1.5+, Opera 9.
Demo: http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php
License: GPL License





[...] » Source [...]
[...] » Source [...]
thanks for the tutorial, IE workaround for wrapping span inside form.input element is consider ‘invalid’ as span is inline type elements, you should used a block type elements (i.e., p,div) to wrap the input or button.
It’s not compatible with Firefox 3
[...] • Botones redondeados (Wii). [...]
[...] Simple Round CSS Buttons [...]
one might consider using outline: none on the anchor tag css to remove the little dotted line that can appear around a link on click….unless its already in your reset.
[...] Simple Round CSS Buttons [...]
[...] Simple Round CSS Buttons [...]
Waw… Cascading Style Sheets Tutorial….. thanks for sharing bro..
[...] Simple Round CSS Buttons [...]
[...] Tutorial Link: Click Here [...]
[...] Simple Round CSS Buttons [...]
[...] » Source [...]
[...] Bookmarked a link on Delicious. Simple Round CSS Buttons ( Wii Buttons ) | Web Resources | WebAppers [...]
[...] Source [...]
cool buttons!!
Thanks guys. Nice ever tutorial with useful round button corner u show here.
Thank for your Round CSS Buttons
[...] » Source [...]
The important links are dead.
Yep, dead links.
Link in archive: http://web.archive.org/web/20080509025634/http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php
link dead..
This should be the best buttons available, I did not want it to fade away in time. Credit goes to the original creater, of course.
So I’ve secured them further on my website + corrected for the 2 missing images. You gotta get them too.
http://www.alyanschi.com/demo.php.htm
Thanks for securing it alyanschi…
Thanks guys. Nice ever tutorial with useful round button corner u show here.
The demo link, domain has expired and been bought / used by domain squatters.
doh
Thanks for sharing this! Looks nice:)
[...] SOURCE LINK CSS Submit Buttons [...]
Very useful Tutorial, that helps me!
Just what I was looking for
Thanks for sharing this!
Yeah, the domain is up for sale. Pity! Everybody who posts “hey, great content!” here after John (1/1/2010) cannot possibly have seen the great content and is a f***ing guest book spammer.
Im trying this right now thanks
RSS feed for comments on this post · TrackBack URI