• Check out this article on my site to find out about some CSS Buttons that I did. They are adaptations of some work that I found on another blog.
    A referring URL and credits are listed in the CSS style sheet. Feel free to use the buttons, or adapt them as you like. Please leave in the names of the guys whom I credit with the real work done…I just adapted what was there.
    Craig.

Viewing 15 replies - 1 through 15 (of 17 total)
  • They look cool… ??

    Hey, they are really good!

    They look good Craig!
    There is always this place where you can find links and even download the script. ??

    But those are gif-based buttons, aren’t they, SG? (referring to your link.) At any rate, good job, Craig, and thanks. ??

    1 question. is it about file sizes or is it abt going CSS? coz i believe the image will be more fast to load then a css button code and another external css file…
    Just curious… :S

    Thread Starter NuclearMoose

    (@nuclearmoose)

    @sushubh
    To me, it’s more about options. I would put only the CSS code for a particular style in my wp-layout.css sheet, and certainly not all of them. The other advantage to the CSS version is that you can have different colour combos with different skins of your site, so that the buttons compliment the design. Another thing is that if you want to change the text that is displayed, you can quickly change the text in the hyperlink. Badda-bing! and you are done with it, rather than having to go into an image-making software and creating whole new buttons.
    However, some may prefer JPG or GIF files, and that’s okay too. It’s all about choice and what you are comfortable with. With CSS, your style sheet gets read and cached, and your links get rendered button-like. To be honest, I have no idea whether CSS button versus image button is faster, slower, or the same.
    Good questions, though!
    Craig.

    Thread Starter NuclearMoose

    (@nuclearmoose)

    @So-gal,
    One of the links on that page, Kalsey’s Button Maker, is dead. As I was working on all of this last night, that is one of the tools I explored, or rather, tried to explore. That whole domain is down. No matter where I went to find a link to Adam’s button maker, I kept getting the 404!
    Craig.

    Kalsey’s still alive: https://kalsey.com/tools/buttonmaker/
    GFM

    Thread Starter NuclearMoose

    (@nuclearmoose)

    Geof,
    Thanks for this…I suppose his host may have been down for maintenance or something. I’ve not seen that site before, so it will be interesting to see how the tool works!
    Craig.

    Craig:
    You’re very welcome. ??
    GFM

    Kalsey’s site ends up providing you with a .png, if you’re curious.
    Frankly, of late, I’ve been doing one-color buttons with CSS. For example, at the bottom of IJSM.org, the RSS feeds and other meta stuff are all apparently buttons, generated with the following:

    P#meta A, P#meta A:hover, P#meta A:visited {
    border:1px solid;
    border-color:#FC9 #630 #330 #F96;
    padding:0 3px;
    font:bold 10px verdana,sans-serif;
    color: rgb(255,255,255);
    background:#F60;
    text-decoration:none;
    margin:0;
    }

    I’ve found that works just as well as anything for my use.

    Thread Starter NuclearMoose

    (@nuclearmoose)

    Hmmm…looking at yours again, Geof, I notice that yours is in the wrong order! ?? LOL!
    Craig.

    Mine are out of order for a specific reason, namely desired response. ??
    I probably should [read: will] fix that in my re-design.

    theres a javascript error on kalseys page. ive expereinced it both at school and at home. what can be wrong?

    hi craig
    Would you mind putting up your buttons page back up again ? TIA

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘CSS Buttons for WP’ is closed to new replies.