elggchat modified dark v1

Release Notes

This is Jeroen Dalsem elggchat plugin, I only modified the look and added a couple little things to it.

  • only shows online friends
  • has a dark transparent look to it
  • has some extra buttons on it - photos,videos,groups,events
  • flashes on new message when chat window is minimized


  • added black facebook tooltips
  • new icons

does anybody know how to make it beep for new messages???




this image was missing from elggchat/_graphics, just rightclick and save put it in the folder and upload.   image

If you like this plugin, please consider donating something even if just a dollar.


  • i get same problem again. even though i did upgrade and moved it down. i get it in ff and chrome havent tried IE. anyway fusion when is the next release ....

  • @Fusion

    I changed some parts


    Add this icon to ur  _graphics map. name the icon: icon_customise_min.gif

    Then go to /views/default/elggchat/js.php

    and change this line:

    newSession += "<div class='elggchat_session_leave' onclick='leaveSession(" + i + ")' title='<?php echo elgg_echo("elggchat:chat:leave");?>'></div><a href='javascript:openSession(" + i + ")'>" + session.name + "</a>";

    to this line:

    newSession += "<div class='elggchat_session_leave' onclick='leaveSession(" + i + ")' title='<?php echo elgg_echo("elggchat:chat:leave");?>'></div><div class='elggchat_session_mini' onclick='javascript:openSession(" + i + ")+ session.name;' title='<?php echo elgg_echo("elggchat:chat:minimize");?>'></div><a href='javascript:openSession(" + i + ")'>" + session.name + "</a>";

    And do a /upgrade.php

  • @clinton which icon :)

  • @clinton

    i guess you forgot to show the icon in your post.. is this for minimizing the chat box? if so check and see how it looks in ie cause i think some css needs to be changed as well if it is. I had it on mine but i took it off b4 i uploaded the files to here mainly because i didnt like the icon from the other guys mod and didnt feel like messing with it at the time.

    let me know and please put the icon up so we can see it.

  • @clinton

    jereon should have the new version up in a few days, so maybe a day after that ill put up a new one depending on what new features are on it. I know it has some nice stuff comming so it should be nice.

    i know the next version will fix the cacheing problem and have sound for new messages as well as some other cool stuff.

  • My icon is transparent and stripe is white.

    So u wont see it but it is there.  LOL

  • @clinton

    i figured that out. thanks looks good


    highlight under (i changed some parts) and you will see a little box. thats it

  • here is a close iconto match that minimise icon


    in css.php change:

        margin: 2px 0 0 4px;   
        cursor: pointer;
        background: url("<?php echo $vars['url']; ?>_graphics/icon_customise_remove.png") no-repeat 0 0;


        margin: 2px 0 0 4px;   
        cursor: pointer;
        background: url("<?php echo $vars['url']; ?>mod/elggchat/_graphics/icon_customise_remove.png") no-repeat 0 0;

  • @Fusion

    I added somethint to the toolbar. page Loading.

    Open the session_monitor.php

    And replace with my code:

     * ElggChat - Pure Elgg-based chat/IM
     * Builds the ElggChat Toolbar
     * @package elggchat
     * @author ColdTrick IT Solutions
     * @copyright Coldtrick IT Solutions 2009
     * @link http://www.coldtrick.com/
     * @version 0.4
    <script type='text/javascript' src='<?php echo $vars['url']; ?>/mod/elggchat/src/javascripts/jquery.tipsy.js'></script>
    <link rel="stylesheet" href="<?php echo $vars['url']; ?>/mod/elggchat/src/stylesheets/tipsy.css" type="text/css" />
    <script type='text/javascript'>
      $(function() {

    $('#elggchat_friends2 a img').tipsy({gravity: 's'});
    $('#toggle_elggchat_toolbar').tipsy({gravity: 'w'});


    <script Language="JavaScript">
    <!-- hide script from non compliant broswers
    // author: Susan Lee

    var from_time = new Date();
    from_time = from_time.getTime();
    function  show_loading_time()
    var to_time = new Date();
    to_time = to_time.getTime();
    var secs = (to_time - from_time) /1000;
    document.f.t.value = secs + " seconds";
    // end hiding from non compliant browsers-->

    <div id="elggchat_toolbar">
    <div id="elggchat_toolbar_left">
     <!--<div id="elggchat_copyright">
      ElggChat (c) ColdTrick IT Solutions
      <div id='elggchat_sessions'>
            <div id="icon_wrap">
      <div id="elggchat_friends">
       <a class="click" href="javascript:toggleFriendsPicker();"></a>
            <div id="elggchat_friends2">

    <body onLoad="show_loading_time()">  
      <form name="f" onSubmit="0">
       <input Size="15" Name="t" Value="Plz Wait">
            <a href="<?php echo $vars['url']; ?>pg/photos/owned/<?php echo $_SESSION['user']->username; ?>"><img src="<?php echo $vars['url']; ?>mod/elggchat/_graphics/icon_image.png" title="Photos" /></a>
            <a href="<?php echo $vars['url']; ?>pg/izap_videos/<?php echo $_SESSION['user']->username; ?>/frnd"><img src="<?php echo $vars['url']; ?>mod/elggchat/_graphics/icon_video.png" title="Videos" /></a>
            <a href="<?php echo $vars['url']; ?>pg/groups/world/<?php echo $_SESSION['user']->username; ?>"><img src="<?php echo $vars['url']; ?>mod/elggchat/_graphics/icon_group.png" title="Groups" /></a>
            <a href="<?php echo $vars['url']; ?>pg/event_calendar/"><img src="<?php echo $vars['url']; ?>mod/elggchat/_graphics/icon_event.png" title="Events" /></a>
            </div><!-- close icon wrap -->
      <div id="elggchat_friends_picker"></div>
     <div id="toggle_elggchat_toolbar" class="toggle_elggchat_toolbar" onclick="toggleChatToolbar('fast')" title="<?php echo elgg_echo("elggchat:toolbar:minimize");?>"></div>


  • This will tell ya members the page load time. :)

  • @clinton

    cool..  i dont see it doing anything on your site.

  • @antifm..  waiting for next release.  should be out soon

  • if you leave your site cache off you wont have a problem with it, site may load a little slower but if your on a good server you shouldnt have a problem

  • hey , the plugin is having trouble working with 1.5.  not minimising . In 1.6 it is working fine.

  • you may not b friends with them..  are you using the be tom plugin..  if so you still have to add them as a friend for you


  • Is it possible to add a simestamp to the chat ?

    I would like it to be shown in a very small font below the horizontal line (date+time).


    Could anybody give me a hint where I need to add such code?


  • There is another modified verion of elggchat that has that modification to it. it is located here: http://community.elgg.org/pg/plugins/alleng/read/205524/elggchat-tweaked

    you could compare files and make the modification

  • @Fusion
    Many thanks. I found it using the tewaked version.

    I've a few questions:
    - Did you find the problem regarding the moving char bar (to the top) ?
    - Will you make the link-icons (and possible the timestamp) configurable in Admin-menu in the next release?
    - Is it possible to make the transparency configurable?



  • @Fusion
    Another question:

    could you possibly add a selection box for the animated smileys - so insert the codeinto the message?

  • this toolbar is a great addition.

    i would love to see a way where the audio player was integrated with this.. eg the music would keep playing when changing pages via the toolbar.


  • @everybody

    if you want to see more awsome features on this plugin please think about making a donation to the main developer Jeroen Dalsem.



  • Category: Uncategorized
  • License: GNU General Public License (GPL) version 2
  • Updated: 2014-11-17
  • Downloads: 5332
  • Recommendations: 0

Other Projects

View Fusion's plugins