Tutorial of FMCHAT not working
2 posters
Page 1 of 1
Tutorial of FMCHAT not working
Hi, on the grounds that the Forumotion Chat Box you can not put an alert sound for new messages, I decided to find a chat box that conforms to the interface of Forumotion, ie resembling and I came across the post of FMChat. The tutorial explains how to add a variant called FM chatbox of Forumotion Chat.
The thing is that I follow the steps as explained in the tutorial.
1. First add a code to my css which I leave:
The thing is that I follow the steps as explained in the tutorial.
1. First add a code to my css which I leave:
- Code:
/*BEGIN FMChat Design*/
#fmchat_button {
/*FMChat Button*/
width: auto;
height: auto;
position: fixed;
right: 10px;
bottom: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
-moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
box-shadow: inset 0px 1px 0px 0px #54a3f7;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
background-color: #007dc1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #124d77;
display: inline-block;
color: #ffffff;
font-weight: bold;
padding: 6px 24px;
text-decoration: none;
text-shadow: 0px 1px 0px #154682;
cursor: pointer;
z-index: 999;
}
#fmchat_button:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
background-color: #0061a7;
}
#fmchat_wrap {
/*Box surrounding FMChat iFrame*/
width: 70%;
height: 60%;
position: fixed;
right: 10px;
bottom: 40px;
z-index: 999;
border: 2px solid #bababa;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
}
#fmchat_frame {
/*FMChat iFrame of Chatbox*/
width: 100%;
height: 100%;
border: medium none;
z-index: 999;
}
.chatbox #submit_button, .chatbox .fmcbutton {
/*Chatbox "Send" Button*/
background-color: #EEE;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #CCC));
background-image: -webkit-linear-gradient(top, #EEE, #CCC);
background-image: -moz-linear-gradient(top, #EEE, #CCC);
background-image: -ms-linear-gradient(top, #EEE, #CCC);
background-image: -o-linear-gradient(top, #EEE, #CCC);
background-image: linear-gradient(top, #EEE, #CCC);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-radius: 3px;
color: #333;
font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
padding: 8px 0;
text-align: center;
text-shadow: 0 1px 0 #EEE;
width: auto;
padding: 5px;
height: auto !important;
}
.chatbox #message {
/*Chatbox message box*/
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 5px #666 inset;
-moz-box-shadow: 0 0 5px #666 inset;
box-shadow: 0 0 5px #666 inset;
height: 25px;
line-height: 25px;
width: 200px;
text-indent: 5px;
margin-bottom: 1px;
cursor: text;
width: 500px;
}
#fmchat_sticky {
/*FMChat Sticky Message*/
background-color: #C9341C;
border-bottom: 1px solid #C43D3D;
color: #FFFFFF;
padding: 5px;
font-weight: bold;
z-index: 999;
height: 2%;
}
#fmchat_sticky.phpbb2_sticky {
/*FMChat Sticky Message Patch For phpBB2*/
padding-bottom: 12px !important;
}
.chatbox .right-box.style-buttons {
/*Remove default buttons - DO NOT EDIT!*/
display: block !important;
float: left;
}
.fmchat_pm {
/*FMChat PM Design*/
border: 1px solid #CCC;
color: #666;
background-color: #E8E8E8;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#F4F4F4),color-stop(100%,#E0E0E0));
background-image: -webkit-linear-gradient(#F4F4F4,#E0E0E0);
background-image: -moz-linear-gradient(#F4F4F4,#E0E0E0);
background-image: -o-linear-gradient(#F4F4F4,#E0E0E0);
background-image: linear-gradient(#F4F4F4,#E0E0E0);
-moz-text-shadow: 0px 1px rgba(255,255,255,0.2);
text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
padding: 5px;
margin-left: 5px;
margin-right: 5px;
}
.chatbox.punbb .right {
/*PunBB Design Patch*/
float: left !important;
}
.chatbox.invision .right {
/*Invision Patch: Hiding Default Buttons - DO NOT REMOVE*/
display: none;
}
.chatbox.invision .right.style-buttons {
/*Invision Patch: Showing Custom Buttons - DO NOT REMOVE*/
display: block !important;
float: left !important;
}
/*END FMChat Design*/
After adding this code sequence record and the next step is to go to modules -> Java Script and HTML -> Java Scripts code management.
There had to create a new Java Script in which was assigned as the title says the tutorial: FMChat v5.0 and mark "on every page", to fill the code field commands us to a page where you have to fill a form chat with specifications so that when we have to our liking press "Generate Java script code" and there I leave the Java script code and proceeded to copy the Java Script that was created from my admin panel. Record the process and the way the tutorial says chatbox should be modified and new options such as the tutorial says, the thing is that that did not happen and the chat box does not appear anywhere in the forum and if I press the links below to I usually take the chatbox of my forum, just this the default chatbox.
There had to create a new Java Script in which was assigned as the title says the tutorial: FMChat v5.0 and mark "on every page", to fill the code field commands us to a page where you have to fill a form chat with specifications so that when we have to our liking press "Generate Java script code" and there I leave the Java script code and proceeded to copy the Java Script that was created from my admin panel. Record the process and the way the tutorial says chatbox should be modified and new options such as the tutorial says, the thing is that that did not happen and the chat box does not appear anywhere in the forum and if I press the links below to I usually take the chatbox of my forum, just this the default chatbox.
I leave here the link of the tutorial
- Code:
http://help.forumotion.com/t88458-how-to-create-a-pop-up-chat-box-fmchat
thank you very much in advance xD
Sorry for my bad English.
Re: Tutorial of FMCHAT not working
Do you have JavaScript Management activated?
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: Tutorial of FMCHAT not working
I know that you added it, but do you have the feature activated in your administration panel. Right above where the list of codes are is the activation for the feature.
Also you have to have the default chatbox activated.
Also you have to have the default chatbox activated.
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: Tutorial of FMCHAT not working
Rideem3 wrote:Please post the JavaScript that was generated.
Also I have the default chatbox on, also I have the Java code management scritps enabled and also copy the CSS code in my css sheet correctly. Really not passing
Re: Tutorial of FMCHAT not working
Please post the JavaScript that was generated for you to use.
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: Tutorial of FMCHAT not working
here it is, check it on every page, the title is "FMChat v5.0"
- Code:
(function () {
window.fmchat_config = {
popup: true,
toggle: 'slide',
title: 'DigiZone Chat',
auto_login: true,
replacements: {
'Actualizar': 'Reload Chatbox',
'Conectarse': 'Sign in',
'Desconectarse': 'Sign out',
'Auto Actualizar': 'Automatically Refresh',
'Archivo': 'View Old Messages',
'Without archives': 'Hide Old Messages',
'Mensaje :': ''
},
commands: {
'/clear': 'Clear'
},
sticky: 'To pm a member type: /pm <usernames>: Message.',
delay: 2000,
mod_sign: '@Takeru Takaishi',
sound: true,
sound_src: 'http://sd-1.archive-host.com/membres/up/137670929941788204/script/1943.mp3',
auto_sound: 'on',
change_title: false,
change_title_value: 'DigiZone Chat: Nuevo Mensaje',
see_pms: 'Takeru Takaishi,Millenium,Ryobaou',
timeout: true,
forum_version: 'phpBB3',
bot: {
activated: true,
username: 'Yggdrasil',
avatar: 'http://i13.servimg.com/u/f13/17/48/49/15/robot10.png'
},
draggable: true,
buttons: {
'Chat DigiZone': 'DigiZone Chat'
}
};
})();
var script = document.createElement('script');
script.src = "http://fmquery.forumotion.com/16000.js";
script.type = "text/javascript";
document.head.appendChild(script);
Re: Tutorial of FMCHAT not working
Rideem3 wrote:You didn't configure avatars correctly.
The left box is for the ID of the user, the right box is for the URL of the image.
Already corrected, ie fill out the form again and add the id and the links of the avatars.
- Code:
(function () {
window.fmchat_config = {
popup: true,
toggle: 'slide',
title: 'DigiZone Chat',
auto_login: true,
replacements: {
'Refresh': 'Reload Chatbox',
'Log in': 'Sign in',
'Log out': 'Sign out',
'Auto refresh': 'Automatically Refresh',
'Archives': 'View Old Messages',
'Without archives': 'Hide Old Messages',
'Message :': ''
},
censored: {
'Puta': 'Sensurado'
},
commands: {
'/clear': 'clear'
},
sticky: 'To pm a member type: /pm <usernames>: Message.',
delay: 2000,
mod_sign: '@Takeru Takaishi',
sound: true,
sound_src: 'http://sd-1.archive-host.com/membres/up/137670929941788204/script/1943.mp3',
auto_sound: 'on',
change_title: false,
change_title_value: 'FMChat: New Message!',
see_pms: '',
timeout: true,
avatars: {
'u1': 'http://r12.imgfast.net/users/1217/21/30/44/avatars/1-87.png',
'u3': 'http://r12.imgfast.net/users/1217/21/30/44/avatars/3-68.png',
'u9': 'http://r12.imgfast.net/users/1217/21/30/44/avatars/9-17.png',
'u5': 'http://r12.imgfast.net/users/1217/21/30/44/avatars/5-36.png',
'u46': 'http://r12.imgfast.net/users/1217/21/30/44/avatars/46-79.png'
},
forum_version: 'phpBB3',
bot: {
activated: true,
username: 'Yggdrasil',
avatar: 'http://r12.imgfast.net/users/1217/21/30/44/avatars/7-85.png'
},
draggable: true,
buttons: {
'DigiZone Chat': 'DigiZone Chat'
}
};
})();
var script = document.createElement('script');
script.src = "http://fmquery.forumotion.com/16000.js";
script.type = "text/javascript";
document.head.appendChild(script);
and still not working. I saw one of the relases says we update the html of the widget, you mean?
Similar topics
» FMChat Tutorial unavailable
» FMChat not working
» FmChat Not working
» FMChat not working! why?
» Doublt/Triple tutorial not working
» FMChat not working
» FmChat Not working
» FMChat not working! why?
» Doublt/Triple tutorial not working
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum