Place the IPB shoutbox on the left?

[bxflow]

I'm pretty new to IPB so I'm just getting use to the hooks,etc. What I'm trying to do is place the shoutbox to the left of the sidebar just like this:



instead of having it in the header like it does by default:






. I've tried a few things but its not working so if anyone can guide me in the right direction I will really appreciate it. By the default the shoutbox is placed on header.

bxflow Reviewed by bxflow on 11th Aug 2011. Place the IPB shoutbox on the left? I'm pretty new to IPB so I'm just getting use to the hooks,etc. What I'm trying to do is place the shoutbox to the left of the sidebar just like this: http://screensnapr.com/e/PKjGNF.png instead of having it in the header like it does by default: http://screensnapr.com/e/0sISaZ.png Rating: 5

[SuicidalMedia]

Change the width of the Chatbox? Just inspect the AS's Chatbox with Firebug, and you'll know what I'm talkin' about.

[bxflow]

Didnt work. I even copied their Shoutbox CSS to test it.

Looks like they edited something, Maybe hooks idk

[nEw_boY]

Never noticed that.
I mean its awesome to set it up like that.

I`m on it. I`m trying & will reply if I will succeed.

[AJ Blacklisted]

cool. Let us know . . .

[nEw_boY]

It isnt one shot thing.
I have wasted almost 1 hour finding the exact template that affects the shoutbox on index page.

Mine settings were style=2 and show only in index page at top.
ACP > Look & Feel > Your Skin > Templates > skin_shoutbox_hooks > hookGlobalShoutbox

Find This:

<div class='category_block block_wrap'

Add After:
(In same line)

style='width:YOUR%'

eg.

<div class='category_block block_wrap' style='width:77%'>

Leave Everything else intact, but this only gonna decrease your shoutbox width, you need few more skin edits to bring that sidebar hook at top.

I guess it wont be so hard, but I will try that thing on tomorrow...
Demo:
http://SourceParadise.com
http://screensnapr.com/v/XbgpjK.png

[bxflow]

Great progress!