[CSS] Code Skinnable Web 2.0 Buttons

Printable View

03-06-2007, 04:19 PM
acidmartin

[CSS] Code Skinnable Web 2.0 Buttons

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/Do...lick.php?id=45
03-06-2007, 10:14 PM
ddadmin

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?
03-06-2007, 10:23 PM
pcbrainbuster

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):)
03-06-2007, 10:41 PM
djr33

They look cool to me in FF1.5 pc.
03-07-2007, 02:15 AM
thetestingsite

Same in FF 2.0.0.1, FF 2.0.0.2, IE6, and IE7 on PC.
03-07-2007, 05:02 AM
jscheuer1

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.
03-07-2007, 05:34 AM
thetestingsite

Quote:

Originally Posted by jscheuer1

I want them to depress when I click them though.

That would be a real nice feature.
03-08-2007, 01:01 PM
wavsyntax

These are very cool looking,
I think the fact that it's all CSS makes it even cooler for some reason.