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.

who is online box style

Go down

Solved who is online box style

Post by Vitavili on August 18th 2014, 3:55 pm

Hello Smile
Does anyone know how to do something like that?



I know that I can change code in Display > Templates > General > index_box , but I don't know what code should I use, to get this result you see in this img.


Last edited by Vitavili on August 21st 2014, 6:08 pm; edited 1 time in total
avatar
Vitavili
New Member

Female Posts : 23
Reputation : 1
Language : English, Russian, Lithuanian, Spanish
Location : Vilnius, Lithuanian

http://deliciousperfection.forumotions.net/

Back to top Go down

Solved Re: who is online box style

Post by Vitavili on August 19th 2014, 2:31 pm

bump
avatar
Vitavili
New Member

Female Posts : 23
Reputation : 1
Language : English, Russian, Lithuanian, Spanish
Location : Vilnius, Lithuanian

http://deliciousperfection.forumotions.net/

Back to top Go down

Solved Re: who is online box style

Post by Ange Tuteur on August 19th 2014, 11:08 pm

Hello Vitavili,

Could you please provide the following information ?

  • The version of your forum
  • A link to your Forumotion forum

Thanks. Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13186
Reputation : 2893
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: who is online box style

Post by Vitavili on August 20th 2014, 11:34 am

avatar
Vitavili
New Member

Female Posts : 23
Reputation : 1
Language : English, Russian, Lithuanian, Spanish
Location : Vilnius, Lithuanian

http://deliciousperfection.forumotions.net/

Back to top Go down

Solved Re: who is online box style

Post by Ange Tuteur on August 20th 2014, 5:49 pm

Go to Administration Panel > Display > Templates > General > index_body

Find :
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 -->

Replace by :
Code:
<!-- BEGIN disable_viewonline -->
<div id="group-legend">{GROUP_LEGEND}</div>

<div class="overflow-cell gensmall">
  {LOGGED_IN_USER_LIST}<br /><br />
  {TOTAL_POSTS}<br />
  {TOTAL_USERS}<br />
  {NEWEST_USER}<br />
  {RECORD_USERS}
</div>
    
<div class="overflow-cell gensmall">
  <table>
    {L_CONNECTED_MEMBERS}
    {L_WHOSBIRTHDAY_TODAY}
    {L_WHOSBIRTHDAY_WEEK}
  </table>
  
</div>
<!-- END disable_viewonline -->

Save and publish.


Now to add the style, go to Display > Colors > CSS stylesheet
Add the rules below and submit :
Code:
.overflow-cell {
  border:2px solid #000;
  float:left;
  width:48%;
  height:100px;
  overflow-y:auto;
  padding:2px;
  margin:2px;
}

.overflow-cell td { background:none }

#group-legend {
  text-align:center;
  font-size:0;
}

#group-legend b {
  font-size:12px;
  margin:0 4px;
}

The result should be similar to :
avatar
Ange Tuteur
Forumaster

Male Posts : 13186
Reputation : 2893
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: who is online box style

Post by Vitavili on August 21st 2014, 6:07 pm

Og my, it worked!! Thank you so much! Solved!Smile
avatar
Vitavili
New Member

Female Posts : 23
Reputation : 1
Language : English, Russian, Lithuanian, Spanish
Location : Vilnius, Lithuanian

http://deliciousperfection.forumotions.net/

Back to top Go down

Solved Re: who is online box style

Post by SLGray on August 21st 2014, 6:09 pm

Topic solved and archived


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41820
Reputation : 2875
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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