How would i flatten onclick buttons via css

[msimplay]

I was wondering how i could flatten my buttons via css
a the moment they are default but i'd like them to look like the ones from daves ipaq forums

See the attachment for details

[Jolten]

You have to basically use one image containing 2 states then use positioning and hover/click to move the image from a hidden area to a visible one. Sort of hard to explain. Check out www.alistapart.com for some great how-to's.

You could use standard rollovers and javascript, it's easier than trying to do it with CSS.

[croft]

Thats not what he wants =)
Check this out. here is how you do it.


Open up your admin control panel go to styles/templates and style manager. Select the style you want to add this new css to and select all style options and klick go.

Scroll down till you se the button table. it should read "Buttons (Customized in this Style)".

In the right empty box wich is called "extra css attributes" you add this css style.

  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	color: #FFFFFF;
  	background-color: #999999;
  	border: 1px solid #000000;

Try it out. Yust change colors and font to your liking and it should work out yust fine for you.

[msimplay]

Originally Posted by Croft

Thats not what he wants =)
Check this out. here is how you do it.


Open up your admin control panel go to styles/templates and style manager. Select the style you want to add this new css to and select all style options and klick go.

Scroll down till you se the button table. it should read "Buttons (Customized in this Style)".

In the right empty box wich is called "extra css attributes" you add this css style.

   	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 10px;
   	color: #FFFFFF;
   	background-color: #999999;
   	border: 1px solid #000000;

Try it out. Yust change colors and font to your liking and it should work out yust fine for you.

Thank you very much that worked great