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

View previous topic View next topic Go down

Solved who is online box style

Post by Vitavili on August 18th 2014, 4: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, 7:08 pm; edited 1 time in total

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, 3:31 pm

bump

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, 12:08 am

Hello Vitavili,

Could you please provide the following information ?

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

Thanks. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: who is online box style

Post by Vitavili on August 20th 2014, 12:34 pm


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, 6: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 :

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: who is online box style

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

Og my, it worked!! Thank you so much! Solved!Smile

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, 7:09 pm

Topic solved and archived


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

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