Results 1 to 8 of 8

Thread: [CSS] Code Skinnable Web 2.0 Buttons

  1. #1
    Join Date
    Mar 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default [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
    Last edited by acidmartin; 03-06-2007 at 04:28 PM.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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?

  3. #3
    Join Date
    Feb 2007
    Posts
    601
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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)

  4. #4
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,156
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    They look cool to me in FF1.5 pc.
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  5. #5
    Join Date
    Sep 2006
    Location
    St. George, UT
    Posts
    2,769
    Thanks
    3
    Thanked 157 Times in 155 Posts

    Default

    Same in FF 2.0.0.1, FF 2.0.0.2, IE6, and IE7 on PC.
    "Computer games don't affect kids; I mean if Pac-Man affected us as kids, we'd all be running around in darkened rooms, munching magic pills and listening to repetitive electronic music." - Kristian Wilson, Nintendo, Inc, 1989
    TheUnlimitedHost | The Testing Site | Southern Utah Web Hosting and Design

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,475
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. #7
    Join Date
    Sep 2006
    Location
    St. George, UT
    Posts
    2,769
    Thanks
    3
    Thanked 157 Times in 155 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    I want them to depress when I click them though.
    That would be a real nice feature.
    "Computer games don't affect kids; I mean if Pac-Man affected us as kids, we'd all be running around in darkened rooms, munching magic pills and listening to repetitive electronic music." - Kristian Wilson, Nintendo, Inc, 1989
    TheUnlimitedHost | The Testing Site | Southern Utah Web Hosting and Design

  8. #8
    Join Date
    Mar 2007
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •