Image in Shoutbox

[qdin]

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 (http://www.besiktasforum.net/forum)

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]

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:

[MiahBeSmokin420]

you edit your style main CSS just go to the bottom and add that custom CSS and then add the specified <div> tag around the specified location of your shout box

very easy to do you can also make the image location a custom member profile feild so they can change it to what ever they want

but im not going to go all in to that

[gildoe]

I am using inferno shout box
anyone know how to edit it on that?
Thanks before .....