- Web browser compatible with JQuery (almost all !)
- A server with:
- php >= 5.3.0 (Slim framework dependency)
- apache server with mod_rewrite and .htaccess enabled
- write access to the phpfreechat-2.0.5/server/data/ and phpfreechat-2.0.5/server/log/ folder (777 or write permission for the web server)
- No database needed !
Download phpfreechat-2.0.5.zip and unzip it in the root folder of your Web server.
JQuery should be included in your html <head> before the phpfreechat code:
<script src="/phpfreechat-2.0.5/client/lib/jquery-1.8.2.min.js" type="text/javascript"></script>Include the phpfreechat plugin in your html <head>:
<link rel="stylesheet" type="text/css" href="/phpfreechat-2.0.5/client/themes/default/jquery.phpfreechat.min.css" />
<script src="/phpfreechat-2.0.5/client/jquery.phpfreechat.min.js" type="text/javascript"></script>Add this piece of HTML in your <body> where you want the chat to be displayed:
...
<div id="mychat"><a href="http://www.phpfreechat.net">Creating chat rooms everywhere - phpFreeChat</a></div>
...The add this piece of code just after (it will hook the chat on the page):
<script type="text/javascript">
$('#mychat').phpfreechat({ serverUrl: '/phpfreechat-2.0.5/server' });
</script>phpfreechat is released with few themes. You can choose which one you want to use:
defaultcarbongamer
To select the theme, you only have to change one line in your html <head>. To use the default theme:
<link rel="stylesheet" type="text/css" href="/phpfreechat-2.0.5/client/themes/default/jquery.phpfreechat.min.css" />or this code for carbon theme:
<link rel="stylesheet" type="text/css" href="/phpfreechat-2.0.5/client/themes/carbon/jquery.phpfreechat.min.css" />