link buttons vs. submit buttons

[clevername]

is there a clever way to make css buttons for links look like system default buttons for forms?

i turned on css buttons in the admin panel, commented out all the css styling for buttons in stylesheet_css_button.css, and now am left with boring links for things like the "buy now" links and "tell a friend " links, while having the "search" button and "add to cart" button default to my system/browser look. great!

i really prefer having simple system default buttons, over anything i can conjure up in the way of a css button.

question is, is there anyway to make all those links look like the submit form buttons, without rendering some sort of button image?

hope that's a clear question, thanks for the help...

[rstevenson]

With some trial and error you could get all your links styled so they look like the system buttons in, say, Windows XP. But then they wouldn't look like the system buttons in Mac OS X, or in Mac OS 9, or in Linux, or maybe even in other versions of Windows.

If you want your buttons to look exactly like that you'll have to use images for all of them.

Rob

[astrojasta]

We custom designed buttons and substituted them with the same file name under our custom folder directory. It would be really easy if we could do what you have mentioned.

[khopek]

There is actually Zen Button Generator in the download section. It's pretty sweet and makes dealing with buttons MUCH easier. CSS buttons caused headaches for me...

Zen Button Construnction Kit

[mezloh]

I have installed the button construction kit, which worked flawlessly, i might add.
The buttons look great, now I only have one problem.

Could someone enlighten me as to how to load these css buttons up into my template. The read me file doesn't really help much.

copy the resulting language button folders from the folder 'zen_bck/buttons/' to 'includes/templates/[YOUR_TEMPLATE]/buttons/' inside your shop's catalog folder

I have done this and turned css buttons on in the admin panel and the default css buttons show up, instead.

Could someone please give me some troubleshooting tips for these buttons to get them to work.

[rstevenson]

When you create buttons -- in Zen Button Constuction Kit or whatever other tool you might try -- what you get are pictures of buttons. They're not being created with CSS and therefore they are not "CSS buttons". So turn CSS Buttons off in admin.

CSS Buttons are created using style declarations in the stylesheet called stylesheet_css_buttons.css. If you do that, you can turn on CSS Buttons in admin and then the graphic/picture buttons won't show and the styled ones will show.

The problem described in the first post above is related to how browsers draw forms buttons as system buttons whether you want them to or not. The contribution CSS Buttons -- not the default css buttons that comes with Zen Cart -- manages to handle that situation better.

HTH

Rob

[mezloh]

When you create buttons -- in Zen Button Constuction Kit or whatever other tool you might try -- what you get are pictures of buttons. They're not being created with CSS and therefore they are not "CSS buttons". So turn CSS Buttons off in admin.

CSS Buttons are created using style declarations in the stylesheet called stylesheet_css_buttons.css. If you do that, you can turn on CSS Buttons in admin and then the graphic/picture buttons won't show and the styled ones will show.

The problem described in the first post above is related to how browsers draw forms buttons as system buttons whether you want them to or not. The contribution CSS Buttons -- not the default css buttons that comes with Zen Cart -- manages to handle that situation better.

HTH

Rob

Could you please let me know the correct way to do this, i'm having a brain cramp with this.

thanks

[mezloh]

still looking for an answer to this????

I can't locate the stylesheet_css_button.css file anywhere.

[rstevenson]

Is it not in includes/templates/classic/css/? That's where I see it in a default set of folders from 1.3.7. Find that and copy it into the correct override folder for your template, and adjust to taste.

You said "Could you please let me know the correct way to do this..." At this point I'm not sure what "this" refers to. Do you want CSS buttons or do you want graphic buttons? The button construction kit created graphic buttons for you. So if you want to use them you need to turn CSS buttons OFF in admin. Or turn it ON in admin to use css buttons instead of graphic buttons, and then adjust the style of the buttons in stylesheet_css_button.css.

Rob

[mezloh]

Ok, I guess i wasn't clear enough in my post.

I have made new buttons with the construction kit

I have moved the folder, per the read me file into the corresponding folder.

I get nothing whether the css buttons are turned on or off.