Forum Display Enhancements - Image in Shoutbox

Hello guys. This is my first modification and is for users who have shoutbox installed in their forums.
You can add an image to the left of the shoutbox. here you can find a demo I hope you will like it.

Demo: http://www.besiktasforum.net

Installation:
Find the code below in the vbshout template.

<div id="vbshout" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:100%;">
						Loading...

and add this code above:

<img src="your image url" align="right">

Hope you will like it. Thanks..

[StuntFactoryX]

looks cool... is the image a background? will shouts post over it?

[qdin]

yes it is a background and the posts are over it. In my forum I have a gif installed. and it is working very fine. Please check the demo

[Derek Chai]

Nice!

[Marco van Herwaarden]

Best would be to post this as a tip in the thread of the shoutbox modification it is intended for. Posting like this makes not too much sense as there are more then 1 shoutbox modifications.

[Evolution06]

Hmm this is cool, Wonder what I would need to edit for the MGC Shoutbox

[Lombardo]

I'm using Dream's Chatbox

anyone know how to edit it on that?

[TCE Killa]

Yeah I am using Dreams Chatbox to, I'll like to know this aswell, thanks.

[Audentio]

It would be better to do:

<div class="shoutimg">
mod coding
</div>

then in the css:

.shoutimg {
background: #hex url(image.gif) top right no-repeat;
}

Thatll work with Dream's too.

[dvbusuario]

Originally Posted by Audentio

It would be better to do:


<div class="shoutimg">
mod coding
</div>

then in the css:

.shoutimg {
background: #hex url(image.gif) top right no-repeat;
}

Thatll work with Dream's too.

How do I do this?

Thx.:up: