How to create the whole Forumotion "Who is Online" and statistics table?

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : All members
Forum link : http://bigtuber5702.forumieren.com/

Description of problem

Hello!

I would like to create the "Who is Online" like here.
I've already found this template edit between <!-- BEGIN disable_viewonline --> and <!-- END disable_viewonline --> in the index_body template (phpbb3 Line 42)

Code:

<br /><div id ="fa_stats">
<span class = "stat_label">{TOTAL_POSTS}></span><span>Beiträge</span>
<span class ="stat_label">{TOTAL_USERS}></span><span>Mitglieder</span>
  <span class ="stat_label">{NEWEST_USER}></span><span>Neuestes Mitglied</span>
</div>
<style>
#fa_stats {
    background: #D5A866;
    color: #000000;
    font-family: Arial, Verdana, Sans-serif;
    padding: 15px 0;
    text-align: center;
 font-size: 14px;
  }
#online-box #fa_qeel {
    clear: both;
    margin: 0 -5px;
}
.stat_label {
  background:url('http://i84.servimg.com/u/f84/19/26/29/54/hgnavb11.png');
    border-radius: 3px;
    color: #F7D081;
    display: inline-block;
    font-size: 0;
    margin: 0 12px 0 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
.stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
</style>
<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" width="100%"><span class="gensmall">
    </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}
  <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>

And the result looks like that:




I know how to colour the texts or give them a new font-size but how to delete the cells and the frame at the left, right and bottom? Just like here

Can anyone give me the code, please?


Best regards

Bump!

@Ange Tuteur maybe?

try to add this after the line 35 in above code;

Code:

table.forumline {

background: transparent;

}

maybe that will make it look better for you:)

Hello Bigtuber57

When tagging a member with a space in the name you need to post it like this

Code:

@"Ange Tuteur"

So, I will tag some members now.

@Pebbles thanks for your help, but unfortunalety it don't look better (for me)

@Ape Aha! I really wondered why the tag didn't work.


@Ange Tuteur How to get it from that:


To that:


I really like the forumotion functions/edits with CSS and templates, it's my flavour.

Bigtuber57 wrote:So, I will tag some members now.

@Pebbles thanks for your help, but unfortunalety it don't look better (for me)

@Ape Aha! I really wondered why the tag didn't work.


@Ange Tuteur How to get it from that:


To that:


I really like the forumotion functions/edits with CSS and templates, it's my flavour.

you need to give people more info because now you giving me the idea you want that and all of it, incl same colors
but that wouldnt make much sense because your forum is brownish

so what colors do you want in there?

Hi @Pebbles

Sorry

I want the structure, it would be really nice if someone give me just the CSS code (or template code?), which is used here because I can change the colours myself.

Hope you understand me now.

Bump!

Bump

Bump

The Forumotion style is copyright Forumotion, I don't think they will allow just color changes.