Chat by Siropu

xF1 Add-on Chat by Siropu 1.25.1

No permission to download
Overview FAQ Reviews (2) History Discussion (8)
How to embed the chat using Embed Mode?
You can embed the chat using the Template Modifications System, Widget Framework Add-on or using an HTML <iframe>.

Embed code for pages:
Code: 
<xen:callback class="Siropu_Chat_Callback" method="getChat" params="{xen:array 'room_id=0'}"></xen:callback>
Embed code for sidebar:
Code: 
<xen:callback class="Siropu_Chat_Callback" method="getChat" params="{xen:array 'room_id=0', 'sidebar=1'}"></xen:callback>
To embed different rooms, replace 0 from room_id with the room id you want to embed.

Widget Framework instructions
To embed the chat using Widget Framework, you first need to create a template from Admin > Appearance > Templates and place the embed code in it.

Once you have created the template, go to the Widget Framework and create a widget with the following options:

Renderer
[Advanced] Template (without wrapper)

Template
The name of the template you have created.

Expression
This is optional and it allows you to display the chat only if certain conditions are met. For example, to embed the chat on a custom page node, you would need to add this expression:
Code: 
$page['node_id'] == x
Where x is the ID of the page.

Position
Use the hook where you want to embed the chat.
To embed the chat on a page node use: hook:pagenode_container_article

Save and you are done.

Iframe Instructions
To embed the chat using <iframe>, use the chat page url for the scr attribute followed by "/fullpage" like so:
HTML: 
<iframe src="http://www.your-domain.com/chat/fullpage" width="600" height="400" frameborder="0"></iframe>
How to embed "Who's chatting" widget using Embed Mode?
Follow the same instructions as above for embedding the chat and use this callback instead:
Code: 
<xen:callback class="Siropu_Chat_Callback" method="getUserList"></xen:callback>
How to change the style of the chat bot name?
To color it, wrap the bot name in admin chat options like this:
HTML: 
<span style="color: orange;">Bot Name</span>
To make it bold, use this:
HTML: 
<b>Bot Name</b>
To make it both colored and bold, use this:
HTML: 
<b style="color: orange;">Bot Name</b>
How to make messages different color?
Add the following code in EXTRA.css and change the color accordingly:
Code: 
.siropuChatMessages > li:nth-child(odd) {
    background-color: grey;
}
.siropuChatMessages > li:nth-child(even) {
    background-color: white;
}
Hot to hide "Mini Avatar with Tag" in chat messages?
Add the following code in EXTRA.css:
Code: 
#siropuChat .inTextMiniMe {
     display: none;
}
Hot to center "Mini Avatar with Tag" avatar in chat messages?
Add the following code in EXTRA.css:
Code: 
#siropuChat .inTextMiniMe img { top: -3px; }
Top