nadiamode Posted December 15, 2007 Report Share Posted December 15, 2007 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 .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 haveproblem 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 Link to comment
DaffyDuck Posted January 13, 2008 Report Share Posted January 13, 2008 This is actually a good suggestion, to use more true transparency, in order to facilitate use of alternate backgrounds. Of course, I personally favor the * variations of Timan's skin, which effectively have *no* background. Link to comment
Timan Posted January 15, 2008 Report Share Posted January 15, 2008 The next version will use nothing but png, and I'll have a gif version of images too for those who don't like using them. First will be in the phpbb3 version then in the 3.7 version when thats done. Link to comment
Recommended Posts