m002.p
22 Nov 2007, 22:08
This has been requested by many users who have downloaded the lite addition of Inferno Techs vBShout Mod found here (http://www.vbulletin.org/forum/showthread.php?t=147346)
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Before the code above, place your whole forum URL. Eg: "http://mywebsite.com/", so the code then becomes:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Open the file with a txt editor and find the several occurances of:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
In every instance, change this to your full site URL, for example:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Save file and / or re-upload and you are done!
6)
Re-Edit the template "inferno_shoutbox_box" and find:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Replace with your whole forum URL, example being:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
-------------------------------------------------------------------------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Search for "Inferno" then browse for the template "inferno_shoutbox_editor" in your style. Now find (located at the top of your template):
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Underneath ADD:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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
Display Problems?
Try this solution which should ensure the shoutbox works correctly in vbA & forums index.
- Make the inferno shoutbox plugins run AFTER the vbadvanced ones, in the plugin manager you'll be able to set the execution order of plugins, by default things are 5, try setting inferno shoutbox ones to 6
-------------------------------------------------------------------------------
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!
Matt
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Before the code above, place your whole forum URL. Eg: "http://mywebsite.com/", so the code then becomes:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Open the file with a txt editor and find the several occurances of:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
In every instance, change this to your full site URL, for example:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Save file and / or re-upload and you are done!
6)
Re-Edit the template "inferno_shoutbox_box" and find:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Replace with your whole forum URL, example being:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
-------------------------------------------------------------------------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Search for "Inferno" then browse for the template "inferno_shoutbox_editor" in your style. Now find (located at the top of your template):
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
Underneath ADD:
Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------
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
Display Problems?
Try this solution which should ensure the shoutbox works correctly in vbA & forums index.
- Make the inferno shoutbox plugins run AFTER the vbadvanced ones, in the plugin manager you'll be able to set the execution order of plugins, by default things are 5, try setting inferno shoutbox ones to 6
-------------------------------------------------------------------------------
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!
Matt