OK, I got as far as getting the image to the bottom right, but the text does not wrap around it. Here is the code:
Example:
http://thepixelpirate.net/showthread...-please-ignore
Code:
.quote_left {
padding:10px;
float:left;
}
.quote_right {
padding:10px;
float:right;
position: absolute;
bottom:0;
right:0;
}
Code:
<div class="bbcode_container">
<div class="bbcode_quote">
<div class="quote_container">
<div class="quote_left"><img src="/images/quote-left.png" /></div>
<div class="quote_right"><img src="/images/quote-right.png" /></div>
<vb:if condition="$show['username']">
<div class="bbcode_postedby">
<img src="{vb:stylevar imgdir_misc}/quote_icon.png" alt="{vb:rawphrase quote}" /> {vb:rawphrase originally_posted_by_x, {vb:raw username}}
<vb:if condition="$postid"><a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}showthread.php?{vb:raw session.sessionurl}p={vb:raw postid}#post{vb:raw postid}" rel="nofollow"><img class="inlineimg" src="{vb:stylevar imgdir_button}/viewpost-{vb:stylevar right}.png" alt="{vb:rawphrase view_post}" /></a></vb:if>
</div>
<div class="message">{vb:raw message}</div>
<vb:else />
{vb:raw message}
</vb:if>
</div>
</div>
</div>