First step:
Add a new template called "adv_portal_shoutbox" (without the quotes) with the content shown below:
<!-- start shoutbox -->
<form action="shoutbox.php" method="post" onsubmit="return validate(this);" name="shoutform">
<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">
<tr>
<td class="tcat"><span class="smallfont"><strong>$vba_options[portal_blockbullet] Shout Box</strong></span></td>
</tr>
<tr>
<td class="alt1"><span class="smallfont">
<iframe src="http://www.yourforumurl.com/forum/shoutbox.php?$session[sessionurl]do=iframe" width="100%" height="120" scrolling="yes" frameborder="0" name="shoutbox" id="shoutbox"></iframe>
</td>
</tr>
</table>
</form>
<!-- end shoutbox -->
Optional: If you use the /ˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉ\ for the top and \_______________/ for the bottom to make the module looks nicer (like I do with my modules) then you can use this code for the "adv_portal_shoutbox" template instead of the one above:
<!-- Start optional -->
<!-- start shoutbox -->
<form action="shoutbox.php" method="post" onsubmit="return validate(this);" name="shoutform">
<! -- the cute stuff -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://www.YourForumURL.com/forum/foreverblue/corner_left.gif" alt="" border="0"></td>
<td class="tcat" width="100%" style="text-align: center;">
<a href="http://www.YourForumURL.com/forum/shoutbox.php? target="_blank">Shout Box</a>
</td>
<td><img src="http://www.YourForumURL.com/forum/foreverblue/corner_right.gif" alt="" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
<! -- the cute stuff -->
<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">
<tr>
<td class="alt1"><span class="smallfont">
<iframe src="http://www.YourForumURL.com/forum/shoutbox.php?$session[sessionurl]do=iframe" width="100%" height="120" scrolling="yes" frameborder="0" name="shoutbox" id="shoutbox"></iframe>
</td>
</tr>
</table>
<! -- the cute stuff -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://www.YourForumURL.com/forum/foreverblue/emtee_bottom_left.gif" alt="" border="0"></td>
<td width="100%" background="http://www.YourForumURL.com/forum/foreverblue/emtee_bottom_bg.gif" valign="middle" align="center"></td>
<td><img src="http://www.YourForumURL.com/forum/foreverblue/emtee_bottom_right.gif" alt="" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
<! -- the cute stuff -->
</form>
<!-- end shoutbox -->
Of course you change the name of the corner images that you use with your forum.
<!-- End optional -->
Next step (Optional) : Locate "shoutbox_newmessage" template (for those who don't know where it is!)
shoutbox_newmessage is under Shoutbox Templates, and Shoutbox Template is just above Show Groups Templates)
Next step: In "shoutbox_newmessage" template, find this:
<input type="text" name="message" value="" size="70" />
Change the value size="70" to size="60" or less so it won't push the Shout button to the next line in the portal page and display only half of the Shout button.
If you want to see what I meant, don't change the value size="70" yet and see it in the portal and you'll understand. Then change it, see it again and you'll see. Personally I use size="60" so it will look best on my site with 1024x768 resolution.
Final step: Add the module to the portal
Go to AdminCP, vBa CMPS -> Add module
Module Title: Shout Box
Module Identifier: leave blank unless you know what you have a use for it.
File to Include: don't touch this one
OR Template to Include: shoutbox
Active: click on "Yes"
Colum: Center (Note: Because this is design for center column only!)
Display Order: 3 (or whatever order you want to use)
Templates Used: adv_portal_shoutbox
Update All Pages? Yes (it's default)
Check box the usergroups you want them to see this module. I just check all of them and it's default so basically you just leave it alone.
Click Save
You're done!
I put every single piece of information here already. It's really easy! If you can't make it work then I'm here to help, but then you must read the book "Webmasters for dummies" !!! :D :D :D