html - how to change the skin of a button -
hello i'm trying change skin (shape) of button , textarea skin one. thing second picture . 

you've got more 1 possibility this:
use background image (works in every browser, don't re-edit , save image file every small detail again) css:
button { background: url('some image..'); width: <width of background image>; height: <height of background image>; ... } button:hover { background: url('mouseover image'); ... } alternatively can use newer css properties create buttons. offer want , way cooler using background images, downside not many browsers support today (and not long time, yeah ie, mean you):
button { border: solid 1px somecolor; color: #eee; border-radius:5px; -moz-border-radius:5px; background: -moz-linear-gradient(top, #5e5e5e 0%, #474747 51%, #0a0e0a 51%, #0a0809 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(51%,#474747), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); } button:hover { color: white; } look here create css gradients: http://www.colorzilla.com/gradient-editor/
impressions , tutorials of what's possible using pure css3:
http://technology.posterous.com/make-css3-buttons-that-are-extremely-fancy
http://www.kulturbanause.de/2010/05/css3-als-photoshop-ersatz-buttons-und-grafiken/ (in german, hey, you'll able see buttons , read css neverthenless)
simpler example, might need: http://capturedsparks.com/pure-css3-buttons/
you can use them same properties styling textarea: border, background, color font color, etc.
Comments
Post a Comment