[Script] Move Shoutbox

[Mike]

Jordon,
I want the shout box above info center, Where in the forum wrapper do I put it?

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

[My Name is Billy Moonstone]

Hi Jordan and I'd like to move it above the 'Related Stories' thing when viewing a thread - do you know where I should put it?


I have a bit of code to make the shoutbox only visible if you are logged in - I've put it below just in case it might affect your instructions:

{if $[current_user.is_member]}

$[shoutbox]

{/if}

Thanks very much for any pointers

[sandy000]

Just a note: This code did work for me but I had to take it out because it caused my Smilie Plugin not to work properly.

[Mike]

Thank you sandy000
I not using that plug-in but thanks anyway.

[xLc]

is it possible to put this into the peekaboo sidebar?
I followed the above but shoutbox is still at the bottom

[testpilotpete]

umm so do I just put the red code where I want in the Forum Wrapper?
:/ sorry haven't dont code stuff in a while.
i cant work out where to put

<script type="text/javascript">

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

</script>

[sandy000]

Jan 23, 2013 15:07:14 GMT -8 sandy000 said:

Just a note: This code did work for me but I had to take it out because it caused my Smilie Plugin not to work properly.

Smilie Plug in was updated. All working fine now.

[s h a t t e r e d]

Feb 1, 2013 8:04:24 GMT -8 xLc said:

is it possible to put this into the peekaboo sidebar?
I followed the above but shoutbox is still at the bottom

The only way that I was able to get the shoutbox into the peekaboo sidebar was by plugging both parts of the code directly into the sidebar content area (provided that you are using the peekaboo sidebar plugin).

[boneman]

I manage to get it into a side table but there are problems with the size of the text. Can it be made smaller?

[bbd83]

Can anybody walk me through how I can place my shoutbox on the left sidebar of my forum?

I currently use this code on the global header:

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

<script type="text/javascript">

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

</script>

...so my shoutbox is currently on the top of my forum. baseballdebate.proboards.com/

I added the ProBoards Sidebar Plugin 0.3.0 so I have the option of adding a sidebar on either the right or left, but I don't know how to implement my shoutbox on the left side, where is the location I am looking to place it.

Any help?

[Tressa]

Feb 20, 2013 11:36:19 GMT -8 bbd83 said:

Can anybody walk me through how I can place my shoutbox on the left sidebar of my forum?

I currently use this code on the global header:

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

<script type="text/javascript">

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

</script>

...so my shoutbox is currently on the top of my forum. baseballdebate.proboards.com/

I added the ProBoards Sidebar Plugin 0.3.0 so I have the option of adding a sidebar on either the right or left, but I don't know how to implement my shoutbox on the left side, where is the location I am looking to place it.

Any help?

Move the portion of the code in red from the header to the content box of the plugin.

[bbd83]

Feb 20, 2013 12:39:51 GMT -8 Tressa said:

Feb 20, 2013 11:36:19 GMT -8 bbd83 said:

Can anybody walk me through how I can place my shoutbox on the left sidebar of my forum?

I currently use this code on the global header:

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

<script type="text/javascript">

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

</script>

...so my shoutbox is currently on the top of my forum. baseballdebate.proboards.com/

I added the ProBoards Sidebar Plugin 0.3.0 so I have the option of adding a sidebar on either the right or left, but I don't know how to implement my shoutbox on the left side, where is the location I am looking to place it.

Any help?

Move the portion of the code in red from the header to the content box of the plugin.

Do I need to delete the header first?

I have place the part in red but the shoutbox is still showing at the top.

[bbd83]

Nevermind...I got it...thanks!

[Tressa]

Glad to see you got it where you want it.

[ywevis]

I am not sure exactly where I need to move <div id="move-shoutbox"></div>

I tried putting it in my content box in my plugin..

Sorry very new at this.. I need help

uwharrie.proboards.com/