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
--------------------------------------
This trick allows you to make the forum founder's visitor messages look like a public chat.
visible to members and guests
--------------------------------------
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
Thus it appears on the home page
_____________________________________
1 Administration Panel > Users & Groups > Profiles
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
and by Preferences
___________________________________________________________
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
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)
P.S2: maybe an icon for delete / hide , and the title of chat forum?
P.S: for phpBB / Modern version, you should move the date and time to the right (and keep the username colored only)
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?
كونان2000 likes this post
Re: Make visitor messages to the founder of the forum like chatting
hi @Mihai
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
Yes, you can use this tutorial How to install and use Font Awesomecan you include font-awesome icons, instead of letters?
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
P.S: i almost forgot: welcome back!
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
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}
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
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
Btw instead of the old icons, you can use the new ones - https://fontawesome.com/start
|
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.
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
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 for or but the tutorial from this topic does not require that...SLGray wrote:You must have missed the announcement: https://help.forumotion.com/t159691-new-chatbox-channels-arrive-on-forumotion?highlight=chatbox
Similar topics
» VISITOR MESSAGES! I NEED HELP. PLEASE HELP ME IF ANYONE WILL.
» Visitor messages
» Visitor messages
» visitor messages
» HELP! - visitor messages
» Visitor messages
» Visitor messages
» visitor messages
» HELP! - visitor messages
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum