[Script] Move Shoutbox

[Jordan]

This code will place the shoutbox wherever you put the red code (which can be placed inside a plugin such as the sidebar plugin). The rest of the code should be placed in your Global Header or Footer.

So place the red wherever you want the shoutbox to appear.

<div id="move-shoutbox"></div>

And the code below should go in your Global Footer.

<script type="text/javascript">

$(document).ready(function() {
      $('#move-shoutbox').append($('div.shoutbox.container.full'));
});

</script>

[pawl]

Chucked this in the Index. =]

[Jordan]

Cool, thanks. Couldn't decide if I should place it in here or the template board. It's more of a code, but it does basically change the template.

[pawl]

It's a code, I think. =P
The Template Mods board is for direct changes to the Templates themselves. This works outside of that, so I'd definitely consider it a code.

[smashwords2]

I got code to work only in the Global Footer. When code placed in Global Header the Shoutbox failed to appear. I had no other code in GH, but had some minor code in GF.

[smashwords2]

How would I move the name of members online to the Shoutbox so that names are visible in the top?

[aRMY83]

Now this is nice Jordan.

[Tohsaka Rin]

For some reason this seems to have stopped working now. Tried it several times and it won't put the shoutbox into a sidebar; regardless if I put the part of the code in GH or GF and the other part into the sidebar as instructed.

[Jordan]

Need your forum URL.

[Tohsaka Rin]

[Site]

I will put the codes back in quick so that they are there.

Code is located in Global Footer, Red area of code placed in the top side table. Shoutbox is turned on.

After monkeying around with it, somehow it showed up. I was trying to get it to do that all day yesterday!!! Script why you troll me!

<T^T>

(Is there any way to remove the black border to the chat box overlapping the sidetable? And what is with the margins around the icons and user name pushing the text way to the side?)

[Jordan]

Put this wherever you put the other shoutbox code.

<style type="text/css">

.shoutbox.container.full > div {
    border: none;
}

</style>

[Tohsaka Rin]

Nope, that broke the shoutbox. Heh. It went back to the bottom of the forum again.

That was to go in the sidebar area, correct?

[Jordan]

Put it next to this code.

<script type="text/javascript">

$(document).ready(function() {
    $('#move-shoutbox').append($('div.shoutbox.container.full'));
});

</script>

[Tohsaka Rin]

I think that worked, though the border is still there as a very light colour. That is fine though, it just looked bad with the black.

Thank you.

[taylor40]

This works perfect for me... but.... there's always a but eh.... still got my shoutbox on my custom pages...any chance someone could tell me how to get rid of them from there...

Many thanks