About SHOUTBOX

Posted by jsmoraes on Nov 11, 2014; 6:05pm
URL: https://support.nabble.com/Chat-Box-PM-tp7591363p7592545.html

 private chats are essential to what I need and I am unable to pay for a premium plan

I included this ressource in my forum, and I saw that private chat works with free plan. Please, don't tell to them !

how to make it to minimize...

the code posted here by Louk include this function.

Thank you LouK for share those informations about chat. But I found a little problem with your code. The position of chat stay just over the Edit this Page link. I had problem with this. By luck my browser history had link to the adress of Naml Editor Page.

My option was a less complete code. I implemented the chat inside a topic. It was more light for me. I can have it expanded, by its own ressources, and minimized, with sound active. If anyone try to post ou call me, I can hear the sound, similar to skype or other message program.

The code implementation is more easy. The script and few html code for div go direct as message inside the topic.
But for it works it is necessary:
1) login as admnistrator
2) Options -> Users -> Manage Users & Groups and create a new group, for example codeadm with the people authorized to post the code of chat. (this step is optional, see item 3)
3) Options -> Users -> Change Permissions - the group created above or the group administrator MUST HAVE the permission Unrestricted_posting activated. Without this the script code will not work.
4) create a new Topic and paste the code of script. I did a div tag only for better appearance:

                <div class="div-shoutbox-box" style="width:465px;height:505px;margin-left:50%;position:relative;left:-230px;background-color: black;
text-align: left; color: white; font-weight: bold;padding-left: 0px;padding-top:0px;padding-right:0px;font-size: 20px;"><p>&nbsp;&nbsp;Chat on Line</p>
                    <script type="text/javascript" src="http://www2.yourshoutbox.com/shoutbox/start.php?key=YOURNUMBER"></script>
                </div>

YOURNUMBER is the number for your code done by SHOUTBOX
Attention: The value for width, height, left must be compatible with the size of SHOUTBOX that you select when create it. The standard size is 220px, mine is 440px.
The code:

margin-left:50%;position:relative;left:-230px;

is to center the chat in the screen. left: should have the value about width:465 / 2 = 232, negative.

The photo is a screenshot of the topic.


And a photo with the chat window expanded over any other page