The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Tutorial of FMCHAT not working

View previous topic View next topic Go down

Tutorial of FMCHAT not working

Post by Paul Alex on February 14th 2013, 22:24

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:

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.

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.

Paul Alex
New Member

Male Posts : 6
Reputation : 1
Language : Español
Location : Venezuela

http://digizone.foroargentina.net/

Back to top Go down

Re: Tutorial of FMCHAT not working

Post by SLGray on February 14th 2013, 22:26

Do you have JavaScript Management activated?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Tutorial of FMCHAT not working

Post by Paul Alex on February 14th 2013, 22:32

Yes, yes I have it, follow steps 1 by 1 to the letter. Confused

Paul Alex
New Member

Male Posts : 6
Reputation : 1
Language : Español
Location : Venezuela

http://digizone.foroargentina.net/

Back to top Go down

Re: Tutorial of FMCHAT not working

Post by SLGray on February 14th 2013, 22:36

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.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Tutorial of FMCHAT not working

Post by Paul Alex on February 14th 2013, 23:04

Rideem3 wrote:Please post the JavaScript that was generated. Wink

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 Confused

Paul Alex
New Member

Male Posts : 6
Reputation : 1
Language : Español
Location : Venezuela

http://digizone.foroargentina.net/

Back to top Go down

Re: Tutorial of FMCHAT not working

Post by SLGray on February 14th 2013, 23:08

Please post the JavaScript that was generated for you to use.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Tutorial of FMCHAT not working

Post by Paul Alex on February 15th 2013, 00:22

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);

Paul Alex
New Member

Male Posts : 6
Reputation : 1
Language : Español
Location : Venezuela

http://digizone.foroargentina.net/

Back to top Go down

Re: Tutorial of FMCHAT not working

Post by Paul Alex on February 15th 2013, 00:58

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?

Paul Alex
New Member

Male Posts : 6
Reputation : 1
Language : Español
Location : Venezuela

http://digizone.foroargentina.net/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum