Jump to content

Is it possible to make this thing transparent on the next version of skin?


Recommended Posts

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

tt1ta8.png

caption_right.gif

tt2oq8.png

shad_bot.gif

tt3kb0.png

shad_sides.gif

tt4wm8.png

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

tt5wf8.png

Top-Left Border - Top Right Border

I use transparent files caption_left.png and caption_right.png but still have bg color

tt6tw0.png

Bottom Left Border - Bottom Right Border

Same above still have bg color

and I also edit css file

.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; }

I try to remove color in .shadbotleft and .shadbotright like this

.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; }

But it's still show blue color if I use background as basic color so it doesn't have

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

tt7el9.png

Thanks Timan

Link to comment
  • 5 weeks later...
×
×
  • Create New...