Latest topics
» Multi-step Login Form
by Ange Tuteur Today at 10:36

» Post Cards
by Ange Tuteur Today at 10:35

» Simple Theme Changer
by Ange Tuteur Today at 10:34

» Starred Forums
by Ange Tuteur Today at 10:31

» IconSkouliki
by skouliki Yesterday at 03:40

» help me about Latest topic
by Valoish Sat 27 May 2017, 14:53

» Display a preview of the user profile on hover
by Haytam Sat 27 May 2017, 12:39

» Chit Chat Thread
by Ange Tuteur Sat 27 May 2017, 12:11

» Colored Bar Navigation
by Valoish Fri 26 May 2017, 23:03

» FM Themes
by SLGray Thu 25 May 2017, 22:39

» User - Made Creations
by SLGray Thu 25 May 2017, 22:37

» Classified Ads
by SLGray Thu 25 May 2017, 19:23

» Categories as tabs on Edge!
by STBW Thu 25 May 2017, 04:11

» [GAME] What are you thinking right now?
by Ange Tuteur Wed 24 May 2017, 15:10

» [GAME] Countdown from 200,000
by Ange Tuteur Wed 24 May 2017, 15:09

Recent Tutorials
Who is online?
In total there are 7 users online :: 0 Registered, 0 Hidden and 7 Guests :: 2 Bots

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

Widget : Custom who is online module

Page 1 of 3 1, 2, 3  Next

View previous topic View next topic Go down

avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4548
Points : 9376
Reputation : 2294
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Sun 01 Feb 2015, 04:37

Hello !

This module is similar to the existing who is online module, but makes use of AJAX which allows you to refresh the list without reloading the whole page. The data retrieved is cached for 5 minutes, but there are no limits on how often you can refresh the module manually. As you can see in the example below, it has a much different layout than the standard module.


Click to view demo

It was developed on phpbb3, but I made some efforts to optimize it for all forum versions. Wink


Installation

To add this module to your list, go to Administration Panel > Modules > Forum widget management, and create a new widget.

Widget name : Who is online module
Use a table type : Yes
Title : Who is online ? ( you can change it if you want )
Paste the following code into the textarea and submit :
Code:
<style type="text/css">
#whois_module { color:#666; font-size:11px; }
#whois_online { border:1px solid #DDD; border-radius:3px; margin:3px 0; }
.whois_userow { color:#666; font-weight:normal; text-shadow:none; padding:2px; }
.whois_userow:nth-child(even) { background:#F5F5F5 }
.whois_userow:nth-child(odd) { background:#E5E5E5 }
.whois_label { font-size:10px; padding-left:10px; position:relative; }
.whois_label:before { content:"."; font-size:0px; background:#6A6; border-radius:3px; box-shadow:0 0 3px #6C6; display:inline-block; height:5px; width:5px; position:absolute; top:3px; left:0; }
.whois_row:nth-child(1) .whois_label:before { background:#C9C; box-shadow:0 0 1px #C9C; }
.whois_row:nth-child(2) .whois_label:before { background:#999; box-shadow:0 0 1px #999; }
.whois_row:nth-child(3) .whois_label:before { background:#69C; box-shadow:0 0 1px #69C; }
#whois_online { height:100px; overflow:auto; }
.whois_row, a.whois_link, .whois_error { color:#999 !important; font-weight:bold; text-shadow:1px 1px 0 #FFF; background:#EEE; border:1px solid #CCC; border-radius:3px; margin:3px 0; padding:4px 6px; }
a.whois_link { font-size:11px; text-align:center; text-decoration:none; display:block; }
a.whois_link:hover { color:#666 !important; border-color:#666; }
.whois_error { color:#C66 !important; text-shadow:1px 1px 0 #FDD; background:#FCC; border-color:#F99; }
</style>

<div id="whois_module">
  <div class="whois_row"><span class="whois_label">Guests :</span> <span id="whois_guests">0</span></div>
  <div class="whois_row"><span class="whois_label">Hidden :</span> <span id="whois_hidden">0</span></div>
  <div class="whois_row"><span class="whois_label">Registered :</span> <span id="whois_registered">0</span></div>
  <div class="whois_row">
    <span class="whois_label">Users Online :</span>
    <div id="whois_online"><noscript><div class="whois_error">Error : JavaScript must be enabled to use this module.</div></noscript></div>
  </div>
</div>
<a href="#update" class="whois_link" id="whois_refresh">Refresh</a>
<a href="/viewonline" class="whois_link">View the whole list</a>
 
<script type="text/javascript">//<![CDATA[
(function() {
  var cache = 4*59*1000, storage = window.localStorage, s = ['','',''], fresh;
  if (getId('wrap')) s = ['h1.page-title + p','h1.page-title','.forumbg tbody tr'];
  else if (getId('ipbwrapper')) s = ['.maintitle .title-options','.maintitle h3','.ipbtable.view-online tbody tr'];
  else if (jQuery('.pun').length) s = ['.main-head p.options','.main-head p.h2','.main-content .table tbody tr'];
  else if (jQuery('.bodylinewidth').length) s = ['table:has(.nav) + .forumline tr:has(.catSides):eq(1)','table:has(.nav) + .forumline tr:has(.catSides):eq(0)','table:has(.nav) + .forumline tr:has(.gen)'];
  else return getId('whois_module').innerHTML = '<div class="whois_error">Your template is not supported for this module. For assistance or information, please <a href="http://fmdesign.forumotion.com/t291-widget-custom-who-is-online-module" target="_blank" style="color:#069;">click here</a>.</div>';
 
  getId('whois_refresh').onclick = function() { if (fresh) return; getOnline(); return false; }
  if (storage.whoisHTML && storage.whoisCache > +new Date - cache) getId('whois_module').innerHTML = storage.whoisHTML;
  else getOnline();
 
  function getOnline() {
    fresh = true;
    getId('whois_refresh').style.opacity = '0.3';
    getId('whois_online').innerHTML = '<div class="whois_userow">Loading...</div>';
    jQuery.get('/viewonline',function(data){
      getId('whois_online').innerHTML = '';
      getId('whois_guests').innerHTML = jQuery(s[0],data).text().match(/(\d+)/)[1];
      getId('whois_hidden').innerHTML = jQuery(s[1],data).text().match(/^.*? \d+ .*? (\d+) .*/)[1]
      getId('whois_registered').innerHTML = jQuery(s[1],data).text().match(/^.*? (\d+) .*? \d+ .*/)[1];
      for (var i=0,a=jQuery(s[2],data); i<a.length; i++) getId('whois_online').innerHTML += '<div class="whois_userow">' + a[i].firstChild.innerHTML + '</div>';
      storage && (storage.whoisCache = +new Date, storage.whoisHTML = getId('whois_module').innerHTML);
      getId('whois_refresh').style.opacity = '1';
      fresh = false;
    });
  };
  function getId(id) { return document.getElementById(id) };
})();
//]]></script>

Modifications

If you want to change the style of the widget, you can modify the colors and whatnot at the very top of the widget where the CSS is located. If you want to change the cache time find 4*59*1000 and increase or decrease the time. For reference it's MM*SS*MS

After that, all you need to do is drag and drop the widget to anywhere you want ! If you have any problems or questions, feel free to leave them below. Enjoy ! Mr. Green


Notice
Tutorial written by Ange Tuteur.
Reproduction not permitted without consent from the author.


Last edited by Ange Tuteur on Wed 20 Apr 2016, 12:38; edited 3 times in total
avatar
Grow
New Member
Title :
Gender : Unspecified
Posts : 8
Points : 937
Reputation : 2
Language : deutsch englisch
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

PostGrow on Mon 02 Feb 2015, 07:47

Hello Smile

I don´t know why, but in my forum the widget shows only the number of guests!
Not registered users, or which users are online... When i click on "refresh" nothing happens !
It is possible that this widget only works in forums with english-language!? Smile
avatar
FISH CRAZY

Title :
Gender : Male
Posts : 30
Points : 973
Reputation : 12
Location : USA
Language : English / German
Browser : Browser : Internet Explorer Forum Version : Forum Version : Other
Awards :
View all awards
View user profile https://fishcrazyaquatics.4umotion.com/ https://www.facebook.com/https://www.facebook.com/pages/Fish-Crazy-Aquatics/4726729494127

PostFISH CRAZY on Mon 02 Feb 2015, 17:20

When you install the code set the icon page to the setting like this images not to this images page if you have it set to this images it will not work hope this help Smile
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4548
Points : 9376
Reputation : 2294
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Tue 03 Feb 2015, 08:00

@Grow wrote:Hello Smile

I don´t know why, but in my forum the widget shows only the number of guests!
Not registered users, or which users are online... When i click on "refresh" nothing happens !
It is possible that this widget only works in forums with english-language!? Smile
There may be some inconsistencies for other languages, as I've developed it in English only.. The version of the forum can also play a role as well. If it's not phpbb3 there may be small bugs that I wasn't aware of.

@FISH CRAZY wrote:When you install the code set the icon page to the setting like this images not to this images page if you have it set to this images it will not work hope this help Smile
Thanks I didn't know this, I tested it and you're correct. Smile

SCEditor strikes again ! Rolling Eyes
avatar
FISH CRAZY

Title :
Gender : Male
Posts : 30
Points : 973
Reputation : 12
Location : USA
Language : English / German
Browser : Browser : Internet Explorer Forum Version : Forum Version : Other
Awards :
View all awards
View user profile https://fishcrazyaquatics.4umotion.com/ https://www.facebook.com/https://www.facebook.com/pages/Fish-Crazy-Aquatics/4726729494127

PostFISH CRAZY on Tue 03 Feb 2015, 10:04

Smile  A lot of codes are doing this now if the icon is not set to .
also I do have it running on my phpbb2 forum and it looks like it is working good on it.
avatar
Grow
New Member
Title :
Gender : Unspecified
Posts : 8
Points : 937
Reputation : 2
Language : deutsch englisch
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

PostGrow on Tue 03 Feb 2015, 14:09

@FISH CRAZY wrote:When you install the code set the icon page to the setting like this images not to this images page if you have it set to this images it will not work hope this help Smile
Thank you for your help ! Unfortunately also this doesn´t work for me...
But okay i think this widget is not sooo important for me so its not a big problem Wink

PS: I have a phpBB3 Forum!
avatar
FISH CRAZY

Title :
Gender : Male
Posts : 30
Points : 973
Reputation : 12
Location : USA
Language : English / German
Browser : Browser : Internet Explorer Forum Version : Forum Version : Other
Awards :
View all awards
View user profile https://fishcrazyaquatics.4umotion.com/ https://www.facebook.com/https://www.facebook.com/pages/Fish-Crazy-Aquatics/4726729494127

PostFISH CRAZY on Tue 03 Feb 2015, 14:31


I have it working I my phpBB3 Forum and my phpBB2 just set that icon in red to that
avatar
Grow
New Member
Title :
Gender : Unspecified
Posts : 8
Points : 937
Reputation : 2
Language : deutsch englisch
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

PostGrow on Tue 03 Feb 2015, 15:47

@FISH CRAZY wrote:
I have it working I my phpBB3 Forum and my phpBB2 just set that icon in red to that
Doesn´t work for me! Shows only the number of guests...
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4548
Points : 9376
Reputation : 2294
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Tue 03 Feb 2015, 23:39

@Grow, try this code for Deutsch :
Code:
<style type="text/css">
#whois_module { color:#666; font-size:11px; }
#whois_online { border:1px solid #DDD; border-radius:3px; margin:3px 0; }
.whois_userow { color:#666; font-weight:normal; text-shadow:none; padding:2px; }
.whois_userow:nth-child(even) { background:#F5F5F5 }
.whois_userow:nth-child(odd) { background:#E5E5E5 }
.whois_label { font-size:10px; padding-left:10px; position:relative; }
.whois_label:before { content:"."; font-size:0px; background:#6A6; border-radius:3px; box-shadow:0 0 3px #6C6; display:inline-block; height:5px; width:5px; position:absolute; top:3px; left:0; }
.whois_row:nth-child(1) .whois_label:before { background:#C9C; box-shadow:0 0 1px #C9C; }
.whois_row:nth-child(2) .whois_label:before { background:#999; box-shadow:0 0 1px #999; }
.whois_row:nth-child(3) .whois_label:before { background:#69C; box-shadow:0 0 1px #69C; }
#whois_online { height:100px; overflow:auto; }
.whois_row, a.whois_link, .whois_error { color:#999 !important; font-weight:bold; text-shadow:1px 1px 0 #FFF; background:#EEE; border:1px solid #CCC; border-radius:3px; margin:3px 0; padding:4px 6px; }
a.whois_link { font-size:11px; text-align:center; text-decoration:none; display:block; }
a.whois_link:hover { color:#666 !important; border-color:#666; }
.whois_error { color:#C66 !important; text-shadow:1px 1px 0 #FDD; background:#FCC; border-color:#F99; }
</style>

<div id="whois_module">
  <div class="whois_row"><span class="whois_label">Guests :</span> <span id="whois_guests">0</span></div>
  <div class="whois_row"><span class="whois_label">Hidden :</span> <span id="whois_hidden">0</span></div>
  <div class="whois_row"><span class="whois_label">Registered :</span> <span id="whois_registered">0</span></div>
  <div class="whois_row">
    <span class="whois_label">Users Online :</span>
    <div id="whois_online"><noscript><div class="whois_error">Error : JavaScript must be enabled to use this module.</div></noscript></div>
  </div>
</div>
<a href="#update" class="whois_link" id="whois_refresh">Refresh</a>
<a href="/viewonline" class="whois_link">View the whole list</a>
 
<script type="text/javascript">//<![CDATA[
(function() {
  var cache = 4*59*1000, storage = window.localStorage, s = ['','',''], fresh;
  if (getId('wrap')) s = ['h1.page-title + p','h1.page-title','.forumbg tbody tr'];
  else if (getId('ipbwrapper')) s = ['.maintitle .title-options','.maintitle h3','.ipbtable.view-online tbody tr'];
  else if (jQuery('.pun').length) s = ['.main-head p.options','.main-head p.h2','.main-content .table tbody tr'];
  else if (jQuery('.bodylinewidth').length) s = ['table:has(.nav) + .forumline tr:has(.catSides):eq(1)','table:has(.nav) + .forumline tr:has(.catSides):eq(0)','table:has(.nav) + .forumline tr:has(.gen)'];
  else return getId('whois_module').innerHTML = '<div class="whois_error">Your template is not supported for this module. For assistance or information, please <a href="http://fmdesign.forumotion.com/t291-widget-custom-who-is-online-module" target="_blank" style="color:#069;">click here</a>.</div>';
 
  getId('whois_refresh').onclick = function() { if (fresh) return; getOnline(); return false; }
  if (storage.whoisHTML && storage.whoisCache > +new Date - cache) getId('whois_module').innerHTML = storage.whoisHTML;
  else getOnline();
 
  function getOnline() {
    fresh = true;
    getId('whois_refresh').style.opacity = '0.3';
    getId('whois_online').innerHTML = '<div class="whois_userow">Loading...</div>';
    jQuery.get('/viewonline',function(data){
      getId('whois_online').innerHTML = '';
      getId('whois_guests').innerHTML = (jQuery(s[0],data).text().match(/(\d+)/) ? jQuery(s[0],data).text().match(/(\d+)/)[1] : 0);
      getId('whois_hidden').innerHTML = (jQuery(s[1],data).text().match(/^.*? \d+ .*? (\d+) .*/) ? jQuery(s[1],data).text().match(/^.*? \d+ .*? (\d+) .*/)[1] : 0);
      getId('whois_registered').innerHTML = (jQuery(s[1],data).text().match(/^.*? (\d+).*/) ? jQuery(s[1],data).text().match(/^.*? (\d+).*/)[1] : 0);
      for (var i=0,a=jQuery(s[2],data); i<a.length; i++) getId('whois_online').innerHTML += '<div class="whois_userow">' + a[i].firstChild.innerHTML + '</div>';
      storage && (storage.whoisCache = +new Date, storage.whoisHTML = getId('whois_module').innerHTML);
      getId('whois_refresh').style.opacity = '1';
      fresh = false;
    });
  };
  function getId(id) { return document.getElementById(id) };
})();
//]]></script>

I noticed digits aren't used when there's no one on, so I added a conditional for the match. Might need some modifications, but it should work.
avatar
Grow
New Member
Title :
Gender : Unspecified
Posts : 8
Points : 937
Reputation : 2
Language : deutsch englisch
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

PostGrow on Wed 04 Feb 2015, 13:05

@Ange Tuteur wrote:@Grow, try this code for Deutsch :
I noticed digits aren't used when there's no one on, so I added a conditional for the match. Might need some modifications, but it should work.
Thank you !!! Now it works Smile

PS: I translated the complete code to german-language and changed the color a little bit:
Code:
 <style type="text/css">
#whois_module { color:#7798f2; font-size:11px; }
#whois_online { border:1px solid #DDD; border-radius:3px; margin:3px 0; }
.whois_userow { color:#7798f2; font-weight:normal; text-shadow:none; padding:2px; }
.whois_userow:nth-child(even) { background: #f4f4f4 }
.whois_userow:nth-child(odd) { background:#E5E5E5 }
.whois_label { font-size:10px; padding-left:10px; position:relative; }
.whois_label:before { content:"."; font-size:0px; background:#7798f2; border-radius:3px; box-shadow:0 0 3px #7798f2; display:inline-block; height:5px; width:5px; position:absolute; top:3px; left:0; }
.whois_row:nth-child(1) .whois_label:before { background:#49fd83; box-shadow:0 0 1px #C9C; }
.whois_row:nth-child(2) .whois_label:before { background:#fd7f3a; box-shadow:0 0 1px #999; }
.whois_row:nth-child(3) .whois_label:before { background:#49fd83; box-shadow:0 0 1px #69C; }
#whois_online { height:100px; overflow:auto; }
.whois_row, a.whois_link, .whois_error { color:#7798f2 !important; font-weight:bold; text-shadow:1px 1px 0 #FFF; background: #f5f5f5; border:1px solid #CCC; border-radius:3px; margin:3px 0; padding:4px 6px; }
a.whois_link { font-size:11px; text-align:center; text-decoration:none; display:block; }
a.whois_link:hover { color:#666 !important; border-color:#7798f2; }
.whois_error { color:#C66 !important; text-shadow:1px 1px 0 #FDD; background:#FCC; border-color:#F99; }
</style>
<div id="whois_module">
                          
   <div class="whois_row">
                <span class="whois_label">Gäste :</span> <span id="whois_guests">0</span>         
   </div>
                          
   <div class="whois_row">
                <span class="whois_label">Unsichtbare User:</span> <span id="whois_hidden">0</span>         
   </div>
                          
   <div class="whois_row">
                <span class="whois_label">Registrierte Benutzer :</span> <span id="whois_registered">0</span>         
   </div>
                          
   <div class="whois_row">
                    <span class="whois_label">Benutzer Online :</span>             
      <div id="whois_online">
                   <noscript><div class="whois_error">Error : JavaScript must be enabled to use this module.</div></noscript>         
      </div>
                             
   </div>
</div><a href="#update" class="whois_link" id="whois_refresh">Aktualisieren</a><a href="/viewonline" class="whois_link">Ausführliche Onlineliste</a>  <script type="text/javascript">//<![CDATA[
(function() {
  var cache = 4*59*1000, storage = window.localStorage, s = ['','',''], fresh;
  if (getId('wrap')) s = ['h1.page-title + p','h1.page-title','.forumbg tbody tr'];
  else if (getId('ipbwrapper')) s = ['.maintitle .title-options','.maintitle h3','.ipbtable.view-online tbody tr'];
  else if (jQuery('.pun').length) s = ['.main-head p.options','.main-head p.h2','.main-content .table tbody tr'];
  else if (jQuery('.bodylinewidth').length) s = ['table:has(.nav) + .forumline tr:has(.catSides):eq(1)','table:has(.nav) + .forumline tr:has(.catSides):eq(0)','table:has(.nav) + .forumline tr:has(.gen)'];
  else return getId('whois_module').innerHTML = '<div class="whois_error">Your template is not supported for this module. For assistance or information, please <a href="http://fmdesign.forumotion.com/t291-widget-custom-who-is-online-module" target="_blank" style="color:#069;">click here</a>.</div>';
 
  getId('whois_refresh').onclick = function() { if (fresh) return; getOnline(); return false; }
  if (storage.whoisHTML && storage.whoisCache > +new Date - cache) getId('whois_module').innerHTML = storage.whoisHTML;
  else getOnline();
 
  function getOnline() {
    fresh = true;
    getId('whois_refresh').style.opacity = '0.3';
    getId('whois_online').innerHTML = '<div class="whois_userow">Loading...</div>';
    jQuery.get('/viewonline',function(data){
      getId('whois_online').innerHTML = '';
      getId('whois_guests').innerHTML = (jQuery(s[0],data).text().match(/(\d+)/) ? jQuery(s[0],data).text().match(/(\d+)/)[1] : 0);
      getId('whois_hidden').innerHTML = (jQuery(s[1],data).text().match(/^.*? \d+ .*? (\d+) .*/) ? jQuery(s[1],data).text().match(/^.*? \d+ .*? (\d+) .*/)[1] : 0);
      getId('whois_registered').innerHTML = (jQuery(s[1],data).text().match(/^.*? (\d+).*/) ? jQuery(s[1],data).text().match(/^.*? (\d+).*/)[1] : 0);
      for (var i=0,a=jQuery(s[2],data); i<a.length; i++) getId('whois_online').innerHTML += '<div class="whois_userow">' + a[i].firstChild.innerHTML + '</div>';
      storage && (storage.whoisCache = +new Date, storage.whoisHTML = getId('whois_module').innerHTML);
      getId('whois_refresh').style.opacity = '1';
      fresh = false;
    });
  };
  function getId(id) { return document.getElementById(id) };
})();
//]]></script>
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4548
Points : 9376
Reputation : 2294
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Wed 04 Feb 2015, 19:22

You're welcome, thanks for letting me know of the problem so I could correct it for you. Mr. Green

avatar
Luke Spike
New Member
Title :
Design Addict
Gender : Male
Posts : 9
Points : 852
Reputation : 0
Location : Paradise
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile

PostLuke Spike on Sat 07 Feb 2015, 11:39

Nice it works! Smile

Many thanks!
avatar
FiB

Title :
Gender : Male
Posts : 182
Points : 1128
Reputation : 14
Location : UK
Language : Eng
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.ourbulgariaforum.com

PostFiB on Wed 18 Feb 2015, 03:26

First of all thank you for this its what I was looking for Is it possible to change the background colour of it so it matches the rest of my widgets?

Something like this...

avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4548
Points : 9376
Reputation : 2294
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Wed 18 Feb 2015, 17:23

At the top of the widget is some CSS. You can modify this to change the colors of the widget. Replace the following :
Code:
<style type="text/css">
#whois_module { color:#666; font-size:11px; }
#whois_online { border:1px solid #DDD; border-radius:3px; margin:3px 0; }
.whois_userow { color:#666; font-weight:normal; text-shadow:none; padding:2px; }
.whois_userow:nth-child(even) { background:#F5F5F5 }
.whois_userow:nth-child(odd) { background:#E5E5E5 }
.whois_label { font-size:10px; padding-left:10px; position:relative; }
.whois_label:before { content:"."; font-size:0px; background:#6A6; border-radius:3px; box-shadow:0 0 3px #6C6; display:inline-block; height:5px; width:5px; position:absolute; top:3px; left:0; }
.whois_row:nth-child(1) .whois_label:before { background:#C9C; box-shadow:0 0 1px #C9C; }
.whois_row:nth-child(2) .whois_label:before { background:#999; box-shadow:0 0 1px #999; }
.whois_row:nth-child(3) .whois_label:before { background:#69C; box-shadow:0 0 1px #69C; }
#whois_online { height:100px; overflow:auto; }
.whois_row, a.whois_link, .whois_error { color:#999 !important; font-weight:bold; text-shadow:1px 1px 0 #FFF; background:#EEE; border:1px solid #CCC; border-radius:3px; margin:3px 0; padding:4px 6px; }
a.whois_link { font-size:11px; text-align:center; text-decoration:none; display:block; }
a.whois_link:hover { color:#666 !important; border-color:#666; }
.whois_error { color:#C66 !important; text-shadow:1px 1px 0 #FDD; background:#FCC; border-color:#F99; }
</style>

With this :
Code:
<style type="text/css">
#whois_module { color:#666; font-size:11px; }
#whois_online { border:1px solid #C5D2DD; border-radius:3px; margin:3px 0; }
.whois_userow { color:#D5E2ED; font-weight:normal; text-shadow:none; padding:2px; }
.whois_userow:nth-child(even) { background:#D5E2ED }
.whois_userow:nth-child(odd) { background:#E1EDF2 }
.whois_label { font-size:10px; padding-left:10px; position:relative; }
.whois_label:before { content:"."; font-size:0px; background:#6A6; border-radius:3px; box-shadow:0 0 3px #6C6; display:inline-block; height:5px; width:5px; position:absolute; top:3px; left:0; }
.whois_row:nth-child(1) .whois_label:before { background:#C9C; box-shadow:0 0 1px #C9C; }
.whois_row:nth-child(2) .whois_label:before { background:#999; box-shadow:0 0 1px #999; }
.whois_row:nth-child(3) .whois_label:before { background:#69C; box-shadow:0 0 1px #69C; }
#whois_online { height:100px; overflow:auto; }
.whois_row, a.whois_link, .whois_error { color:#888 !important; font-weight:bold; background:#E1EDF2; border:1px solid #C5D2DD; border-radius:3px; margin:3px 0; padding:4px 6px; }
a.whois_link { font-size:11px; text-align:center; text-decoration:none; display:block; }
a.whois_link:hover { color:#8299B0 !important; border-color:#8299B0; }
.whois_error { color:#C66 !important; text-shadow:1px 1px 0 #FDD; background:#FCC; border-color:#F99; }
</style>

It should change it from a pale gray to a lighter shade of blue. Smile
avatar
FiB

Title :
Gender : Male
Posts : 182
Points : 1128
Reputation : 14
Location : UK
Language : Eng
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.ourbulgariaforum.com

PostFiB on Wed 18 Feb 2015, 17:27

Thank you once again
avatar
FiB

Title :
Gender : Male
Posts : 182
Points : 1128
Reputation : 14
Location : UK
Language : Eng
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.ourbulgariaforum.com

PostFiB on Sun 08 Mar 2015, 05:54

Is it possible to remove one column when you click 'view the whole list' The one Forum Location

avatar
FiB

Title :
Gender : Male
Posts : 182
Points : 1128
Reputation : 14
Location : UK
Language : Eng
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.ourbulgariaforum.com

PostFiB on Wed 11 Mar 2015, 18:26

Forgot to say that some members like their privacy Rolling Eyes Rolling Eyes Rolling Eyes
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4548
Points : 9376
Reputation : 2294
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Thu 12 Mar 2015, 17:17

@FiB sorry I must've missed this. Shocked

Add this to JS codes management with a placement of in all the pages.
Code:
/\/viewonline/.test(window.location.pathname) && $(function(){$('.forumline th.thCornerR, .forumline td[width="40%"]:has(a.gen)',document.getElementById('content-container')).hide()});
avatar
FiB

Title :
Gender : Male
Posts : 182
Points : 1128
Reputation : 14
Location : UK
Language : Eng
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.ourbulgariaforum.com

PostFiB on Thu 12 Mar 2015, 19:18

Thank you @Ange Tuteur it works perfectly. YOU are a STAR
avatar
refresh101
Member
Title :
Gender : Unspecified
Posts : 16
Points : 865
Reputation : 3
Language : Filipino,English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

Postrefresh101 on Fri 03 Apr 2015, 12:15

Thank you very much
avatar
Michael_vx

Title :
Gender : Male
Age : 25
Posts : 299
Points : 1567
Reputation : 75
Language : Arabic
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://miccsoft.net https://www.facebook.com/Michaelvx2008

PostMichael_vx on Tue 14 Apr 2015, 04:12

i forget to say something here
the refresh button not working if the language is Arabic
avatar
Beyonder
Member
Title :
Gender : Male
Age : 20
Posts : 18
Points : 1165
Reputation : 6
Location : Beyond Realm
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://narutorpguniverse.forumotion.com

PostBeyonder on Fri 29 May 2015, 13:07

Any version for PhpBB2 or PhpBB?
avatar
Van-Helsing

Title :
Coding Expert.
I.T Manager.
Web Developer.
Gender : Male
Age : 42
Posts : 808
Points : 2249
Reputation : 72
Location : Somewhere out there!
Language : English, Greek
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile http://itexperts.forumgreek.com/

PostVan-Helsing on Sat 23 Jan 2016, 21:45

Hello @Ange Tuteur,
I have tried it on some punbb forums with modified templates and its not working. How can I modify the code to work in this case?

--------

avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4548
Points : 9376
Reputation : 2294
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Sun 24 Jan 2016, 10:38

Hi @Dark-Avenger,

I know that the script sends a request to this page :
Code:
/viewonline

Example : http://fmdesign.forumotion.com/viewonline

Can you share a link like the one above to the forum in question, please ? Smile
avatar
Van-Helsing

Title :
Coding Expert.
I.T Manager.
Web Developer.
Gender : Male
Age : 42
Posts : 808
Points : 2249
Reputation : 72
Location : Somewhere out there!
Language : English, Greek
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile http://itexperts.forumgreek.com/

PostVan-Helsing on Sun 24 Jan 2016, 15:59

Hi @Ange Tuteur,
Yes here it is. I think the problem is table reading by jQuery.

Page 1 of 3 1, 2, 3  Next

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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