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.

Please help me edit the Who is online part

View previous topic View next topic Go down

Solved Please help me edit the Who is online part

Post by Rupture on December 28th 2014, 3:56 pm

Hello, I would like to know what I can possibly do to make the who is online part of my forum (bottom of Index) to make it more look more stylish and mazbe remove the Birthdays part? It looks pretty bad on my forum right now but I really want it to work because I want people to see who was online in the future. Forum address is http://raptorgaming.forumotion.com/forum 
If you scroll down you will see it's pretty simple right now, and idk if I can add some images to it, maybe some shdow effect to some text? Or maybe there is a Javascript or tutorial I could look at?

Thanks!


Last edited by {LGO}*CF*Oscar on January 5th 2015, 7:20 pm; edited 1 time in total

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by Mati on December 28th 2014, 4:17 pm

Hello

To re move the birthday go to Administration Panel -> Users & Groups -> Users --> Users options find Birthdays No and save.

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by Rupture on December 29th 2014, 1:45 am

thanks, any other ideas?

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by _Twisted_Mods_ on December 29th 2014, 2:04 am

this is what i did to one of my forums .. it was done on phpbb2 but should be the same

goto

acp>display>templates>index_body

replace

Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp; {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

with

Code:
<!-- BEGIN disable_viewonline -->
<table Id="onlineuserst">

<tr>
<th>Total Post</th>
<th>Total Online Users</th>
</tr>


<tr>
<div class=tbfontsize>
<td align="center">{TOTAL_POSTS}</td>
<td align="center">{TOTAL_USERS_ONLINE}</td>
</div>
</tr>


<tr>
<th>Total Users</th>
<th>Online Registered Users</th>
</tr>


<tr>
<div class=tbfontsize>
  <td align="center">{TOTAL_USERS}</td></div>
<td rowspan="3"><div class=scrollable>{LOGGED_IN_USER_LIST}</div></td>

</tr>


<tr>
<th>Newest User</th>
</tr>


<tr>
<div class=tbfontsize>
<td align="center">{NEWEST_USER}</td>
</div>
</tr>


<tr>
<div class=tbfontsize>
<td colspan="2">Legend :  <img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/admin_zps1526fc99.png"/><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/smod_zpsff04ea09.png"/><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/mod_zps91e6af35.png"/><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/gfx_zps05a4e96b.png"/></td>
</div>
</tr>


 <script type="text/javascript">(function() {
                      var who = document.getElementById('onlineuserst');
                      who.innerHTML = who.innerHTML.replace(/(\Registered Users: )/,'').replace(/In total there is <strong>\d+<\/strong> (users) online :: /,'').replace(/In total there is <strong>\d+<\/strong> (user) online :: /,'').replace(new RegExp('Our users have posted a total of '), '').replace(new RegExp('We have '), '').replace(/(\The newest registered user is )/,'').replace(/(\d+ Registered)/,'<span class="users1">$1</span>').replace(/(\d+ Hidden)/,'<span class="users2">$1</span>').replace(/(\d+ Guests)/,'<span class="users3">$1</span>');
                    })();</script>



</table>
<!-- END disable_viewonline -->

then goto

acp>display>pictures&colors>colors>css

and add

Code:
/* online users bottom of homepage */
div.scrollable {
    width: 280px;
    height: 70px;
    margin: 0;
    padding-left: 15;
    overflow: auto;
      font-size: 75%;
  color:blue;}


#onlineuserst { font-size:75%; }
#onlineuserst td{
clear: both;
    border: 2px solid black; !important
  font-size: small !important;
}
.users1{color: green;}
.users2{color: #0099FF;}
.users3{color: red;}
/*_________________END_OF_ONLINEUSERS____________*/

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by _Twisted_Mods_ on December 29th 2014, 2:10 am

i cant edit my post but the code you use to replace i forgot to change something

change

Code:
Legend :  <img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/admin_zps1526fc99.png"/><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/smod_zpsff04ea09.png"/><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/mod_zps91e6af35.png"/><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/gfx_zps05a4e96b.png"/>

to

Code:
<span class="gensmall">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span>


_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by Rupture on December 29th 2014, 4:43 pm

Thats actually pretty good, just a few questions:

--How do I center the whole thing? And, how do I center the Names of the members online? 
--Another thing is I would like the names of the users online to have a bigger font. 
--How do I change the color of the boxes (lines) the whole text is separated by? Because right now it's black and so it just displays the text. 
--I would also like to add a shadow to the outline boxes (lines) the whole text is separated by?

Thank you so much!

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by _Twisted_Mods_ on December 29th 2014, 11:36 pm

replace the other css i gave you with this

Code:

/* online users bottom of homepage */
#onlineuserst {
    background-color: #0F0F0F;
    box-shadow: 0px 0px 15px #00F;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 15px;
    text-shadow: 0px 0px 15px #00F;  text-shadow: 0px 0px 10px #00F;
    width: 98%;
}
div.scrollable {
    width: 95%;
    height: 70px;
    margin: 0;
    padding-left: 15;
    overflow: auto;
      font-size: 100%;
  color:blue;
text-align: center;
}
.users1{color: green;}
.users2{color: #0099FF;}
.users3{color: red;}
#onlineuserst td{
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding-top: 10px;
  padding-bottom: 10px;
}
#onlineuserst td .gensmall{padding-left:10px}
#onlineuserst th{
    background-color: #0F0F0F;
    box-shadow: 0px 0px 15px #00F;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 15px;
    text-shadow: 0px 0px 15px #00F;
    background-image: url("http://i1242.photobucket.com/albums/gg529/oscar_mad_violinist/Site%20Stuff/31529a51-008c-4563-90f5-8189e4b8cf42_zpsda620c22.png");
}
/*_________________END_OF_ONLINEUSERS____________*/

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by Rupture on January 1st 2015, 7:28 pm

That looks pretty amazing! I just have 1 more request, how can it show the list of connected users in the last 24 hours? Its enabled in the ACP but I think something in those codes is removing it. If I can get that then this will be pretty complete Smile Thanks!

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by _Twisted_Mods_ on January 1st 2015, 10:47 pm

try this .. not 100% sure thats right but i dont have members that have been on my test forum so im unable to check

Code:
    <!-- BEGIN disable_viewonline -->
    <table Id="onlineuserst">

    <tr>
    <th>Total Post</th>
    <th>Total Online Users</th>
    </tr>


    <tr>
    <div class=tbfontsize>
    <td align="center">{TOTAL_POSTS}</td>
    <td align="center">{TOTAL_USERS_ONLINE}</td>
    </div>
    </tr>


    <tr>
    <th>Total Users</th>
    <th>Online Registered Users</th>
    </tr>


    <tr>
    <div class=tbfontsize>
      <td align="center">{TOTAL_USERS}</td></div>
    <td rowspan="3"><div class=scrollable>{LOGGED_IN_USER_LIST}</div></td>

    </tr>


    <tr>
    <th>Newest User</th>
    </tr>


    <tr>
    <div class=tbfontsize>
    <td align="center">{NEWEST_USER}</td>
    </div>
    </tr>

 <tr>
    <div class=tbfontsize>
    <td colspan="2"><span class="gensmall">{L_CONNECTED_MEMBERS}</span></td>
    </div>
    </tr>

    <tr>
    <div class=tbfontsize>
    <td colspan="2"><span class="gensmall">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
    </div>
    </tr>


    <script type="text/javascript">(function() {
                          var who = document.getElementById('onlineuserst');
                          who.innerHTML = who.innerHTML.replace(/(\Registered Users: )/,'').replace(/In total there is <strong>\d+<\/strong> (users) online :: /,'').replace(/In total there is <strong>\d+<\/strong> (user) online :: /,'').replace(new RegExp('Our users have posted a total of '), '').replace(new RegExp('We have '), '').replace(/(\The newest registered user is )/,'').replace(/(\d+ Registered)/,'<span class="users1">$1</span>').replace(/(\d+ Hidden)/,'<span class="users2">$1</span>').replace(/(\d+ Guests)/,'<span class="users3">$1</span>');
                        })();</script>



    </table>
    <!-- END disable_viewonline -->

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by Rupture on January 2nd 2015, 8:58 pm

That works, BIG thanks to ya man!

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by Rupture on January 3rd 2015, 7:36 pm

Sorry, one more question, how do I remove the newest registered user?

Anddd, I just noticed on the Legend, this is an extra space after the bracket for each user group, why is that? lol thxxx

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by _Twisted_Mods_ on January 4th 2015, 12:14 am

if you take that out it will make the online regi users box smaller and it wont look right .. even if you change the height .. it will make your regi user count box way to big


as far as the space for name i have no idea every time iv gone to your site noone is online so im unable to see this error to tell you how to fix it

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by Rupture on January 4th 2015, 12:39 am

ight I guess its fine to keep the new regi user box if u say so lol.

and the space is for the user groups, no one has to be online lol, its the legend: [     Council ] that extra space.

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by _Twisted_Mods_ on January 4th 2015, 8:08 am

Code:
{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}

each

Code:
&nbsp;

represents a space

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by Rupture on January 4th 2015, 5:04 pm

I removed both on the template but it didn't change. 

This is what I have now:     
    <td colspan="2"><span class="gensmall">{LEGEND}:{GROUP_LEGEND}</span></td>

This is the only part of your code that had the &nbsp; 


Thanks for helping Very Happy

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by _Twisted_Mods_ on January 5th 2015, 5:55 am

replace

Code:
#onlineuserst td{
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding-top: 10px;
  padding-bottom: 10px;
}

with

Code:
#onlineuserst td {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
}

and remove

Code:
#onlineuserst td .gensmall {
    padding-left: 10px;
}

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by Rupture on January 5th 2015, 7:17 pm

Yah, thx!

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Please help me edit the Who is online part

Post by Base on January 5th 2015, 8:38 pm

Solved => Archived

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.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