PDA

View Full Version : [CSS] Code Skinnable Web 2.0 Buttons



acidmartin
03-06-2007, 03:19 PM
Skinnable Web 2.0 Buttons
By Martin Ivanov
Website: http://acidmartin.wemakesites.net/

Skinnable Web 2.0 Buttons is a free css library for creating custom valid xhtml and browser-compatible website buttons with cool Web 2.0 looks (rounded corners, large fonts, etc.) that comes with several pre-made skins - Default, Mac, RoundGreen, BlueAndSilver. The structure of the buttons consists of an <a> with two nested <span>'s which allow total flexibility, scalability and control over the visual appearance.

Skinnable Web 2.0 Buttons implement inherited classes, that allows developers to use different designs on one page.

Code Page: http://acidmartin.wemakesites.net/?pageId=Web20Buttons
Demo Page: http://acidmartin.wemakesites.net/DownloadAdmin/click.php?id=45

ddadmin
03-06-2007, 09:14 PM
Not bad, especially since it's just CSS. I haven't had a chance to test out this CSS extensively- can you tell me what browsers the effect is compatible in?

pcbrainbuster
03-06-2007, 09:23 PM
Lol this is pretty cool the ddadmin is here :)
Just wondering here but uhhh what sort of web languages do you know (DHTML counts as html css and javascript):)

djr33
03-06-2007, 09:41 PM
They look cool to me in FF1.5 pc.

thetestingsite
03-07-2007, 01:15 AM
Same in FF 2.0.0.1, FF 2.0.0.2, IE6, and IE7 on PC.

jscheuer1
03-07-2007, 04:02 AM
Lookin' good in Opera. I want them to depress when I click them though. I realize this may be hard to do with css. If they're links (looks like they are), the :active pseudo class could perhaps be used to accomplish this in most browsers.

thetestingsite
03-07-2007, 04:34 AM
I want them to depress when I click them though.

That would be a real nice feature.

wavsyntax
03-08-2007, 12:01 PM
These are very cool looking,
I think the fact that it's all CSS makes it even cooler for some reason.