http://www.icyphoenix.com/viewtopic.php?f=36&t=6040&p=41094#p41094
-----------------------------------
elpulgas
Thu 09 Jul, 2009 16:25

Re: Help With Block Images
-----------------------------------
Well, that's more or less what I posted

Use something like this instead:
[code linenumbers=false]<style type="text/css">
.box-center {background: url("images/color/center.png") 0 center repeat-y #f7f7f7;margin-bottom:5px;}
.box-bottom {background: url("images/color/bottom.png") 0 100% no-repeat;}
.box-top {background: url("images/color/top.png") 100% 0 no-repeat; padding: 10px 8px 11px;}</style>

<div class="box-center"><div class="box-bottom"><div class="box-top">
content here...
</div></div></div> [/code]

Note that your top and bottom images are wider than the center image so you'll have to fix them for this to work. The padding can be adjusted as you need it. And if you want to use the {IMG_THL}{IMG_THC} codes, simply go to default.cfg and edit their values...like {IMG_THL}=$images.img_thl or something, find the variable ($images...) and edit the contet. It will have some divs in it. just put your around, or replace some, idk just try it out.

PS: If you have Firefox you can try your CSS with Firebug  :mrgreen: