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:

[SLIDE]http://screensnapr.com/e/PKjGNF.png[/SLIDE]

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

[SLIDE]http://screensnapr.com/e/0sISaZ.png[/SLIDE]




. 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.

 

[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!