What does this tutorial enable you to do?
As the title suggests, this enables you to create a module in vBadvanced for your Shoutbox opposed to having it on the portal (ie the variable <!--{%SHOUTBOX%}--> within the "adv_portal" template or similar).
Demo?
See
http://www.sog-team.co.uk/index.php (center module half way down)
Requirements?
* Inferno Tech vBShout 1.0.1 or above
* vBadvanced (Any versions)
How is it done?
1)
Firstly upload the module attached using the feature within the "Admin CP > vBa CMPS > Download / Upload Module"
2)
Create a new template in your style called "adv_portal_vbshout", and copy the following into it and click save:
Code:
<!--{%SHOUTBOX%}-->
3)
Ensure the module uploaded is active and on your desired page and linked to the template above.
4)
To get the Shoutbox to link to the Javascript file correctly, edit the template "inferno_shoutbox_box" and find:
Code:
infernoshout/browser/infernoshout.js
Before the code above, place your whole forum URL. Eg: "http://mywebsite.com/", so the code then becomes:
Code:
http://mywebsite.com/forum/infernoshout/browser/infernoshout.js
5)
To get the JavaScript file to now link to the correct PHP files you need to open up the following file; "infernoshout.js" located from this path below:
Code:
./infernoshout/browser/infernoshout.js
Open the file with a txt editor and find the several occurances of:
Code:
infernoshout.php
In every instance, change this to your full site URL, for example:
Code:
http://mywebsite.com/forum/infernoshout.php
Save file and / or re-upload and you are done!
6)
Re-Edit the template "inferno_shoutbox_box" and find:
Code:
"infernoshout.php?{$session['sessionurl']}do=archive"
Replace with your whole forum URL, example being:
Code:
"http://mywebsite.com/forum/infernoshout.php?{$session['sessionurl']}do=archive"
7)
Also take note that "adv_index" needs to be added to the page deployment. Remember to seperate the scripts by commas! eg. "index,adv_index"
Code:
Admin CP > Vbulletin Options > Inferno VbShout Settings > Page Deployment
-------------------------------------------------------------------------------
Extra Hints:
- If your center module or module space is quite compact for the shoutbox editor underneath your SB display, you can make a simple change to remove a few options to conserve width space.
Code:
Admin CP > vBulletin Options > Inferno vBShout Settings > Editor Tools
Un Check some of the tools that you could do without. Example; "Smilies"
- If your text box for the shoutbox is 'crushed' or looks non existant within the module, dont panic as you can make one simple edit to make the shoutbox more 'module friendly' and space saving.
Code:
Admin CP > Styles & Templates > Search In Templates
Search for "Inferno" then browse for the template "inferno_shoutbox_editor" in your style. Now find (located at the top of your template):
Code:
<input type="text" name="vbshout_pro_shoutbox_editor" style="width: 100%" class="bginput" id="vbshout_pro_shoutbox_editor" />
</td>
Underneath ADD:
Code:
</tr>
<tr>
Save the template and ensure you update any other templates in the styles used.
Note if the text box looks odd after this change, be sure to play around with the following percentage found in the "inferno_shoutbox_editor" template:
Code:
<input type="text" name="vbshout_pro_shoutbox_editor" style="width: 100%" class="bginput" id="vbshout_pro_shoutbox_editor" />
</td>
Try a range between 90-100% as I wanted to match the length of the text input box to match the editor tools width below it.
Also note, that these edits above will change your global layout not just for your module
-------------------------------------------------------------------------------
May I also take this opportunity to encourage users with the "Lite" version to purchase the "Pro" which is better supported and with more features for so little money.
Enjoy!
