How do you add your Shoutbox up top of your board

[lisaann]

I was  wondering how do i add the Shoutbox up top of the board  instead of the bottom thank you .

[Former Member]

Try this lisaann

Bottom Of The Style Sheet: (Makes The Shoutbox Smaller)



/*shoutbox*/

.shoutbox.container.full {

width:800px;

margin:15px auto;}

.shoutbox.container.full > .title-bar {text-align:center;}





________________________________________________



Bottom Of Style Sheet: (Larger Print In Shoutbox Reply Area)



.shoutbox_form textarea {font-size: 15pt;}



_________________________________________________



Above Content (FORUM WRAPPER) (Shoutbox On Main Page Only)



{if $[route.name] == "home"}

$[shoutbox]

{/if}

[lisaann]

do i copy the hole thing  and where do i add it at sorry i'm not that great at it .thank you

[Former Member]

If you want it just on top then add this code to Forum wrapper "above content"

{if $[route.name] == "home"}



$[shoutbox]



{/if}

You need to do it on every theme.
lisaann

[lisaann]

thank you i will try and do it 

[CrazyBoy]

Hi lisaann, If this didn't work or doing that each theme hard,read this by Jordan support.proboards.com/thread/433242/script-move-shoutbox

[Retread]

Hi lisaann

Since you placed this in the Plugins board, I made a plugin for you. Shoutbox on Top.pbp (378 B)

It places everything in #content after the shoutbox. So your banner, nav bar, etc will remain on top but the news and everything that comes after will be below the shoutbox.

But the same sort of thing can be accomplished by putting the script in your Global Header (or Global Footer).

<script>
   $(function(){
       var shout = $('div.shoutbox');
       var elements = shout.prevAll();
       if(shout && elements.length){
           $(elements.get().reverse()).insertAfter(shout);
       }
   });
</script>

To do accomplish, I just modified one of my favorite scripts from Brian which places all forum content below the Banner Ad.

[Lynx]

Or you could just go into your forum wrapper template (Admin > Themes > Layout Templates > Forum Wrapper) and find this:


$[content]
$[shoutbox]


and just reverse them, like so:


$[shoutbox]
$[content]


[Retread]

Feb 10, 2020 8:45:03 GMT -8 Lynx said:

Or you could just go into your forum wrapper template (Admin > Themes > Layout Templates > Forum Wrapper) and find this:


$[content]
$[shoutbox]


and just reverse them, like so:


$[shoutbox]
$[content]


Yep. Sometimes simple and direct is the best approach.

In cases where there are only a few (or just one) theme being used on a forum, making a change like that in the Forum Wrapper works great. And the added benefit it that the page is loaded in that sequence.

Where there are many themes in play, using JS to flip the order will get the same effect and require less work to implement. But the drawback is, the page loads with the content above the shoutbox and JS makes the change after the fact. Often you'll witness this action, so that can be a bit less seamless.

[Lynx]

Feb 10, 2020 9:49:24 GMT -8 Retread said:

Feb 10, 2020 8:45:03 GMT -8 Lynx said:

Or you could just go into your forum wrapper template (Admin > Themes > Layout Templates > Forum Wrapper) and find this:


$[content]
$[shoutbox]


and just reverse them, like so:


$[shoutbox]
$[content]


Yep. Sometimes simple and direct is the best approach.

In cases where there are only a few (or just one) theme being used on a forum, making a change like that in the Forum Wrapper works great. And the added benefit it that the page is loaded in that sequence.

Where there are many themes in play, using JS to flip the order will get the same effect and require less work to implement. But the drawback is, the page loads with the content above the shoutbox and JS makes the change after the fact. Often you'll witness this action, so that can be a bit less seamless.

No arguments here.

Since the OP was not specific, I opted for the simple solution.

[lisaann]

thank you everyone for the help i  got it up top now .