Is it possible to make this graphics that related to border shadow transparency on the
next skin version so people can change their background instantly and no need to edit
these graphics everytimes they wanna change background picture or color
caption_left.gif

caption_right.gif

shad_bot.gif

shad_sides.gif

I try to change this graphics to .png transparent and it's look okay but still have two
problems on the Top-Left Border - Top Right Border and Bottom Left Border - Bottom
Right Border

Top-Left Border - Top Right Border
I use transparent files caption_left.png and caption_right.png but still have bg color

Bottom Left Border - Bottom Right Border
Same above still have bg color
and I also edit css file
I try to remove color in .shadbotleft and .shadbotright like this.captionmid { background: url(images/as3/caption_mid.gif) #efefef repeat-x; font: 13px/22px 'Lucida Grande', Verdana, sans-serif; height: 22px; text-align: center; width: 100%; }.captionmid a:link,.captionmid a:visited,.captionmid a:active { background: transparent; color: #000000; text-decoration: none; }
.captionmid a:hover { text-decoration: none; }
.captionleft { background: url(images/as3/caption_left_image.png) no-repeat 0px 0px; float: left; height: 22px; padding-left: 15px; width: 64px; }
.captionleft a { display: block; height: 22px; width: 64px; }
.captionleft a:hover { background: url(images/as3/caption_left_image.png) no-repeat -15px -22px; }
.captionleft a:active { background: url(images/as3/caption_left_image.png) no-repeat -15px -44px; }
.captionright { background: url(images/as3/caption_right_image.png) no-repeat 0px 0px; float: right; height: 22px; padding-right: 15px; width: 64px; }
.captionright a { display: block; float: left; height: 22px; width: 64px; }
.captionright a:active { background: url(images/as3/caption_right_image.png) no-repeat 0px -22px; }
.shadleft { background: url(images/as3/shad_sides.png) repeat-y left; padding-left: 15px; }
.shadright { background: url(images/as3/shad_sides.png) repeat-y right; padding-right: 15px; }
.shadbotleft { background: url(images/as3/shad_bot.png) #E6E6E6 no-repeat 0px 0px; float: left; height: 24px; width: 79px; }
.shadbotmid { background: url(images/as3/shad_bot.png) repeat-x 0px -48px; height: 24px; text-align: center; }
.shadbotright { background: url(images/as3/shad_bot.png) #E6E6E6 no-repeat right -24px; float: right; height: 24px; width: 79px; }
#toolbar, #collapseobj_toolbar { background: url(images/as3/unified_toolbar_bg.gif) #d7d7d7 repeat-x; height: 55px; padding: 0 6px 0 6px; }
But it's still show blue color if I use background as basic color so it doesn't have.shadbotleft { background: url(images/as3/shad_bot.png) no-repeat 0px 0px; float: left; height: 24px; width: 79px; }.shadbotmid { background: url(images/as3/shad_bot.png) repeat-x 0px -48px; height: 24px; text-align: center; }
.shadbotright { background: url(images/as3/shad_bot.png) no-repeat right -24px; float: right; height: 24px; width: 79px; }
problem because I can change color to suit my bg color but if I use picture as my bg
so it doesn't work
The next release can you make the skin comfortable to adaptation ex. people can
change background color or background image by only use Admin Control Panel >
Style Template > Edit > Body (Customized in this Style)
and no need to work with graphics or css file

Thanks Timan
Aqua-Soft Forums