Make visitor messages to the founder of the forum like chatting
4 posters
Page 1 of 1
Make visitor messages to the founder of the forum like chatting
welcome every
This trick allows you to make the forum founder's visitor messages look like a public chat.
visible to members and guests
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Animat22](https://i.servimg.com/u/f30/20/35/61/89/animat22.gif)
--------------------------------------
This trick allows you to make the forum founder's visitor messages look like a public chat.
visible to members and guests
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Animat22](https://i.servimg.com/u/f30/20/35/61/89/animat22.gif)
--------------------------------------
This means that each member writes a comment in the messages of the founder of the forum
Messages will appear as chats on the homepage automatically
--------
These are visitor messages for the forum founder in the profile
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Ocia_a87](https://i.servimg.com/u/f30/20/35/61/89/ocia_a87.jpg)
Thus it appears on the home page
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Ocia_a88](https://i.servimg.com/u/f30/20/35/61/89/ocia_a88.jpg)
_____________________________________
1 Administration Panel > Users & Groups > Profiles
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Ocia_a12](https://i.servimg.com/u/f28/20/46/29/87/ocia_a12.jpg)
2 Install the following icons on the home page or in templates
- AwesomeBB:
- Code:
<div class="chat-forum">
<div class="chat-forum-header">
chat forum
</div>
<div class="chat-forum-page">
<div class="chat-forum-page2">
</div>
<script>
$(function(){var pa=$('.chat-forum-page2'); $.get('/u1wall' , function(data){ var h= $(data).find('.block .block-header + .block-content').html();pa.html(h);});});
</script>
</div>
<a class="btn btn-default" title="new message" href="/privmsg?mode=post_profile&u=1"><span>new message</span></a>
</div><style>
.chat-forum-header {
text-align: center;
background-color: #1E88E5;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
color: #FFF;
border-radius: 3px;
padding: 16px;
font-size: 17px;
font-weight: 800;
}
.chat-forum-page {
width: 100%;
height: 450px;
overflow: overlay;
padding: 15px 30px 15px 15px;
background: white;
margin-bottom: 10px;
border: solid #2196F3 1px;
}
.chat-forum a.btn.btn-default {
width: 100%;
margin-bottom: 22px;
text-align: center;
background-color: #1E88E5;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
color: #FFF;
border-radius: 3px;
font-size: 17px;
font-weight: 800;
}
.chat-forum .friend-header em {
font-size: 10px;
}
.chat-forum .friend-header a {
margin: 3px;
font-size: 12px;
}
.chat-forum .friend-header:first-line {
font-size: 0;
}
.chat-forum .avatar img, .chat-forum .avatar {
width: 45px !important;
height: 45px !important;
}
.chat-forum div.friend-header > ul > li.last > a:after {
color: #ff1100;
font-size: 30px;
font-weight: bold;
content: "x";
}
.chat-forum div.friend-header > ul > li.last > a, .chat-forum div.friend-header > ul > li:nth-child(1) > a {
font-size: 0;
}
.chat-forum div.friend-header > ul > li:nth-child(1) > a:after {
content: ">";
font-size: 30px;
color: #00b507;
}
</style>
- phpBB3--ModernBB:
- Code:
<div class="chat-forum">
<div class="chat-forum-header">
chat forum
</div>
<div class="chat-forum-page">
<div class="chat-forum-page2">
</div>
<script>
$(function(){var pa=$('.chat-forum-page2'); $.get('/u1wall' , function(data){ var h= $(data).find('.panel:last-child').html();pa.html(h);});});
</script>
</div>
<a class="btn btn-default" title="new message" href="/privmsg?mode=post_profile&u=1"><span>new message</span></a>
</div><style>
.chat-forum-header {
font-weight: 600;
text-align: center;
font-size: 17px;
color: #fff;
clear: both;
background: #0555b3;
padding: 10px;
border-radius: 3px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.chat-forum-page {
border: solid 1px;
padding-right: 30px;
overflow: overlay;
height: 500px;
}
.chat-forum .pagination.top, .chat-forum .new-message.bottom {
display: none;
}
.chat-forum ul.message-footer a {
margin: 8px;
font-size: 12px;
float: right;
}
.chat-forum .avatar {
position: relative;
float: left;
}
.chat-forum .avatar img, .chat-forum .avatar {
width: 45px !important;
height: 45px !important;
}
.chat-forum .message-block {
overflow: hidden;
padding: 10px;
background: #00000005;
border: solid 1px #0000004a;
margin-bottom: 10px;
}
.chat-forum .message-block em {
font-size: 15px;
}
.chat-forum .message-header a {
margin-right: 5px;
font-size: 15px;
}
.chat-forum h1, .chat-forum .message-header {
font-size: 0 !important;
}
.chat-forum .message-date {
float: right;
font-size: 15px;
display: inline-block;
}
.chat-forum a.btn.btn-default {
margin-bottom: 11px;
width: 100%;
font-weight: 600;
display: block;
text-align: center;
font-size: 17px;
color: #fff;
clear: both;
background: #05518d;
padding: 10px;
border-radius: 3px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.chat-forum div.message-block > ul > li.last > a:after {
color: #ff1100;
font-size: 30px;
font-weight: bold;
content: "x";
}
.chat-forum div.message-block > ul > li.last > a {
font-size: 0;
}
.chat-forum div.message-block > ul > li:nth-child(1) > a {
font-size: 0;
}
.chat-forum div.message-block > ul > li:nth-child(1) > a:after {
content: ">";
font-size: 30px;
color: #00b507;
}
</style>
- PunBB:
- Code:
<div class="chat-forum">
<div class="chat-forum-header">
chat forum
</div>
<div class="chat-forum-page">
<div class="chat-forum-page2">
</div>
<script>
$(function(){var pa=$('.chat-forum-page2'); $.get('/u1wall' , function(data){ var h= $(data).find('.pun .main-content').html();pa.html(h);});});
</script>
</div>
<a class="btn btn-default" title="new message" href="/privmsg?mode=post_profile&u=1"><span>new message</span></a>
</div><style>
.chat-forum-header {
font-weight: 600;
text-align: center;
font-size: 17px;
color: #fff;
clear: both;
background: #0555b3;
padding: 10px;
border-radius: 3px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.chat-forum-page {
border: solid 1px;
padding-right: 30px;
overflow: overlay;
height: 500px;
}
.chat-forum .pagination.top, .chat-forum .new-message.bottom {
display: none;
}
.chat-forum ul.message-footer{
list-style: none;
padding: 7px;
}
.chat-forum ul.message-footer a {
margin: 8px;
font-size: 12px;
float: right;
}
.chat-forum .avatar {
position: relative;
float: left;
}
.chat-forum .avatar img, .chat-forum .avatar {
width: 45px !important;
height: 45px !important;
}
.chat-forum .message-block {
overflow: hidden;
padding: 10px;
background: #00000005;
border: solid 1px #0000004a;
margin-bottom: 10px;
margin-top: 10px;
}
.chat-forum .message-block em {
font-size: 15px;
}
.chat-forum .message-header a {
margin-right: 5px;
font-size: 15px;
}
.chat-forum h1, .chat-forum .message-header {
font-size: 0 !important;
}
.chat-forum .message-date {
float: right;
font-size: 15px;
display: inline-block;
}
.chat-forum a.btn.btn-default {
margin-bottom: 11px;
width: 100%;
font-weight: 600;
display: block;
text-align: center;
font-size: 17px;
color: #fff;
clear: both;
background: #05518d;
padding: 10px;
border-radius: 3px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.chat-forum div.message-block > ul > li.last > a:after {
color: #ff1100;
font-size: 30px;
font-weight: bold;
content: "x";
}
.chat-forum div.message-block > ul > li.last > a {
font-size: 0;
}
.chat-forum div.message-block > ul > li:nth-child(1) > a {
font-size: 0;
}
.chat-forum div.message-block > ul > li:nth-child(1) > a:after {
content: ">";
font-size: 30px;
color: #00b507;
}
.chat-forum ul.message-footer {
padding: 0 !important;
}
</style>
- Invision:
- Code:
<div class="chat-forum">
<div class="chat-forum-header">
chat forum
</div>
<div class="chat-forum-page">
<div class="chat-forum-page2">
</div>
<script>
$(function(){var pa=$('.chat-forum-page2'); $.get('/u1wall' , function(data){ var h= $(data).find('#profile-advanced-details ol').html();pa.html(h);});});
</script>
</div>
<a class="btn btn-default" title="new message" href="/privmsg?mode=post_profile&u=1"><span>new message</span></a>
</div><style>
.chat-forum-header {
font-weight: 600;
text-align: center;
font-size: 17px;
color: #fff;
clear: both;
background: #0555b3;
padding: 10px;
border-radius: 3px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.chat-forum-page {
border: solid 1px;
padding-right: 30px;
overflow: overlay;
height: 500px;
}
.chat-forum .pagination.top, .chat-forum .new-message.bottom {
display: none;
}
.chat-forum ul.message-footer{
list-style: none;
padding: 7px;
}
.chat-forum ul.message-footer a {
margin: 8px;
font-size: 12px;
float: right;
}
.chat-forum-page2 {
padding-left: 5px;
list-style: none;
}
.chat-forum .avatar {
position: relative;
float: left;
}
.chat-forum .avatar img, .chat-forum .avatar {
width: 45px !important;
height: 45px !important;
}
.chat-forum .message-block {
overflow: hidden;
padding: 10px;
background: #00000005;
border: solid 1px #0000004a;
margin-bottom: 10px;
margin-top: 10px;
}
.chat-forum .message-block em {
font-size: 15px;
}
.chat-forum .message-header a {
margin-right: 5px;
font-size: 15px;
}
.chat-forum h1, .chat-forum .message-header {
font-size: 0 !important;
}
.chat-forum .message-date {
float: right;
font-size: 15px;
display: inline-block;
}
.chat-forum a.btn.btn-default {
margin-bottom: 11px;
width: 100%;
font-weight: 600;
display: block;
text-align: center;
font-size: 17px;
color: #fff;
clear: both;
background: #05518d;
padding: 10px;
border-radius: 3px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.chat-forum div.message-block > ul > li.last > a:after {
color: #ff1100;
font-size: 30px;
font-weight: bold;
content: "x";
}
.chat-forum div.message-block > ul > li.last > a {
font-size: 0;
}
.chat-forum div.message-block > ul > li:nth-child(1) > a {
font-size: 0;
}
.chat-forum div.message-block > ul > li:nth-child(1) > a:after {
content: ">";
font-size: 30px;
color: #00b507;
}
</style>
- phpBB2:
- Code:
<div class="chat-forum">
<div class="chat-forum-header">
chat forum
</div>
<div class="chat-forum-page">
<div class="chat-forum-page2">
</div>
<script>
$(function(){var pa=$('.chat-forum-page2'); $.get('/u1wall' , function(data){ var h= $(data).find('#profile-advanced-details ol').html();pa.html(h);});});
</script>
</div>
<a class="btn btn-default" title="new message" href="/privmsg?mode=post_profile&u=1"><span>new message</span></a>
</div><style>
.chat-forum-header {
font-weight: 600;
text-align: center;
font-size: 17px;
color: #fff;
clear: both;
background: #0555b3;
padding: 10px;
border-radius: 3px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.chat-forum-page {
border: solid 1px;
padding-right: 30px;
overflow: overlay;
height: 500px;
}
.chat-forum .pagination.top, .chat-forum .new-message.bottom {
display: none;
}
.chat-forum ul.message-footer{
font-size: 0;
list-style: none;
padding: 7px;
}
.chat-forum ul.message-footer a {
margin: 8px;
font-size: 12px;
float: right;
}
.chat-forum-page2 {
padding-left: 5px;
list-style: none;
}
.chat-forum .avatar {
position: relative;
float: left;
}
.chat-forum .avatar img, .chat-forum .avatar {
width: 45px !important;
height: 45px !important;
}
.chat-forum .message-block {
overflow: hidden;
padding: 10px;
background: #00000005;
border: solid 1px #0000004a;
margin-bottom: 10px;
margin-top: 10px;
}
.chat-forum .message-block em {
font-size: 15px;
}
.chat-forum .message-header a {
margin-right: 5px;
font-size: 15px;
}
.chat-forum h1, .chat-forum .message-header {
text-align: left;
font-size: 0 !important;
}
.chat-forum .message-text {
margin-top: 5px;
font-size: 13px !important;
text-align: left;
}
.chat-forum .message-date {
float: right;
font-size: 15px;
display: inline-block;
}
.chat-forum a.btn.btn-default {
margin-bottom: 11px;
font-weight: 600;
display: block;
text-align: center;
font-size: 17px;
color: #fff;
clear: both;
background: #05518d;
padding: 10px;
border-radius: 3px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.chat-forum div.message-block > ul > li.last > a:after {
color: #ff1100;
font-size: 30px;
font-weight: bold;
content: "x";
}
.chat-forum div.message-block > ul > li.last > a {
font-size: 0;
}
.chat-forum div.message-block > ul > li:nth-child(1) > a {
font-size: 0;
}
.chat-forum div.message-block > ul > li:nth-child(1) > a:after {
content: ">";
font-size: 30px;
color: #00b507;
}
</style>
-------------------------------------------------------------------
you can specify the minimum level of access to the chat by: special rights
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Ocia_a11](https://i.servimg.com/u/f28/20/46/29/87/ocia_a11.jpg)
and by Preferences
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting 10755413](https://i.servimg.com/u/f28/20/46/29/87/10755413.jpg)
___________________________________________________________
This tutorial was written by: كونان2000
(The codes were written by كونان2000, and Milouze14 code was used in this thread)
Last edited by كونان2000 on August 26th 2023, 7:22 am; edited 8 times in total
skouliki, Ape, YoshiGM, BlackScorpion, SarkZKalie, TonnyKamper, jucarese and Razor12345 like this post
كونان2000 likes this post
Re: Make visitor messages to the founder of the forum like chatting
Last edited by كونان2000 on August 26th 2023, 7:12 am; edited 1 time in total
skouliki and TonnyKamper like this post
Re: Make visitor messages to the founder of the forum like chatting
Now it works on all versions
![Shake](/users/3412/19/22/63/smiles/1529537206.gif)
skouliki and TonnyKamper like this post
Re: Make visitor messages to the founder of the forum like chatting
Cool little trick, but a little advice from a romanian to you: fix the avatars that are going inside for phpBB and ModernBB... and activate your windows also, please
P.S: for phpBB / Modern version, you should move the date and time to the right (and keep the username colored only)![Razz](https://2img.net/i/fa/i/smiles/icon_razz.gif)
P.S2: maybe an icon for delete / hide , and the title of chat forum?
![lol!](https://2img.net/i/fa/i/smiles/lol.gif)
P.S: for phpBB / Modern version, you should move the date and time to the right (and keep the username colored only)
![Razz](https://2img.net/i/fa/i/smiles/icon_razz.gif)
P.S2: maybe an icon for delete / hide , and the title of chat forum?
كونان2000 likes this post
Re: Make visitor messages to the founder of the forum like chatting
Last edited by كونان2000 on August 26th 2023, 7:13 am; edited 2 times in total
TonnyKamper likes this post
Re: Make visitor messages to the founder of the forum like chatting
move also the buttons > and x to the right, under the date and time... can you include font-awesome icons, instead of letters? ![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
كونان2000 likes this post
Re: Make visitor messages to the founder of the forum like chatting
hi @Mihai
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Animat15](https://i.servimg.com/u/f28/20/46/29/87/animat15.gif)
https://i.servimg.com/u/f28/20/46/29/87/animat15.gif
donemove also the buttons > and x to the right, under the date and time
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
Yes, you can use this tutorial How to install and use Font Awesomecan you include font-awesome icons, instead of letters?
![Laughing](https://2img.net/i/fa/i/smiles/icon_lol.gif)
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Animat15](https://i.servimg.com/u/f28/20/46/29/87/animat15.gif)
https://i.servimg.com/u/f28/20/46/29/87/animat15.gif
TonnyKamper likes this post
Re: Make visitor messages to the founder of the forum like chatting
Not for me, but maybe for users yes... (im in love with Fontawesome)Yes, you can use this tutorial How to install and use Font Awesome
![Razz](https://2img.net/i/fa/i/smiles/icon_razz.gif)
P.S: i almost forgot: welcome back!
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Re: Make visitor messages to the founder of the forum like chatting
Thanks @Mihai ^^P.S: i almost forgot: welcome back!
that was difficultNot for me, but maybe for users yes
- Code:
<link rel="publisher" href="https://plus.google.com/108820753697986305313/">
- Code:
{T_HEAD_STYLESHEET}
The result
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Ocia_a84](https://i.servimg.com/u/f30/20/35/61/89/ocia_a84.jpg)
Last edited by كونان2000 on May 14th 2023, 2:28 am; edited 1 time in total
TonnyKamper likes this post
Re: Make visitor messages to the founder of the forum like chatting
Actually thats an Google+ Accountthat was difficult
in overall_header
ADDBEFORE
- Code:
<link rel="publisher" href="https://plus.google.com/108820753697986305313/">
- Code:
{T_HEAD_STYLESHEET}
![Embarassed](https://2img.net/i/fa/i/smiles/icon_redface.gif)
An Fontawesome script, shoud look like this:
|
TonnyKamper and كونان2000 like this post
Re: Make visitor messages to the founder of the forum like chatting
Oh. I copied the wrong code, sorry I didn't notice it
thanks Mihai
![Doh](/users/3412/19/22/63/smiles/2668295094.gif)
thanks Mihai
Re: Make visitor messages to the founder of the forum like chatting
No problemكونان2000 wrote:Oh. I copied the wrong code, sorry I didn't notice it![]()
thanks Mihai
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting 430120296](https://www.fmcodes.net/users/3216/11/80/04/smiles/430120296.gif)
Btw instead of the old icons, you can use the new ones - https://fontawesome.com/start
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting 1743128078](https://www.fmcodes.net/users/3216/11/80/04/smiles/1743128078.gif)
|
TonnyKamper and كونان2000 like this post
Re: Make visitor messages to the founder of the forum like chatting
One more thing...
If you activate the chatbox integraded by forumotion, you need to make an account in order to see the messages...
Also dont forget: You need an account, to send a private message... as guest you cant at all: https://prnt.sc/xlETJRBPN262
What will happen if you have staff and you talk about something secret, and the guests will see?This trick allows you to make the forum founder's visitor messages look like a public chat.
visible to members and guests
If you activate the chatbox integraded by forumotion, you need to make an account in order to see the messages...
Also dont forget: You need an account, to send a private message... as guest you cant at all: https://prnt.sc/xlETJRBPN262
كونان2000 likes this post
Re: Make visitor messages to the founder of the forum like chatting
hmmm ..I don't think staff will talk about confidential things inside the chatWhat will happen if you have staff and you talk about something secret, and the guests will see?
If they do, they can hide or delete the message
Last edited by كونان2000 on June 7th 2023, 4:40 pm; edited 2 times in total
Re: Make visitor messages to the founder of the forum like chatting
I would say that staff would talk in private forums or in chatbox channels.
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
TonnyKamper and كونان2000 like this post
Re: Make visitor messages to the founder of the forum like chatting
But the thing is this chatbox is visible to all visitors, and there is not chatbox channels, only one visible to all guestsSLGray wrote:I would say that staff would talk in private forums or in chatbox channels.
P.S: To the creator of this tutorial, why did you hide your indentify? its not like police is coming to your house, because you did something bad... ah ah
Re: Make visitor messages to the founder of the forum like chatting
You must have missed the announcement: https://help.forumotion.com/t159691-new-chatbox-channels-arrive-on-forumotion?highlight=chatboxMihai wrote:But the thing is this chatbox is visible to all visitors, and there is not chatbox channels, only one visible to all guestsSLGray wrote:I would say that staff would talk in private forums or in chatbox channels.
P.S: To the creator of this tutorial, why did you hide your indentify? its not like police is coming to your house, because you did something bad... ah ah
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Make visitor messages to the founder of the forum like chatting
i did not missed... that announcemt clearly says that is forSLGray wrote:You must have missed the announcement: https://help.forumotion.com/t159691-new-chatbox-channels-arrive-on-forumotion?highlight=chatbox
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting 857436672](/users/3412/19/22/63/smiles/857436672.png)
![the harmony workshops roger mehta founder director viewtopic php t - Make visitor messages to the founder of the forum like chatting 312592876](/users/3412/19/22/63/smiles/312592876.png)
![-](https://2img.net/i/empty.gif)
» Visitor messages
» Visitor messages
» visitor messages
» HELP! - visitor messages
» Help with Visitor Messages
» Visitor messages
» visitor messages
» HELP! - visitor messages
» Help with Visitor Messages
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum