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.

CSS who's online

View previous topic View next topic Go down

Solved CSS who's online

Post by sun1994 on December 20th 2011, 9:14 pm

What is the CCS-code for the 'Who's online' table? I want to edit it.
To be more preciser I want to remove the table, so I only have the text, and add a image underneath it (like a footer).

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

Post by Nera. on December 21st 2011, 12:09 pm

Hi, for punBB? It combines three ID's:

Code:
#stats

Code:
#onlinechat
Code:

#onlinelist

They create this:



Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: CSS who's online

Post by sun1994 on December 21st 2011, 4:51 pm

Oh sorry, forgot to tell you. It's for a phpBB2 forum. ^^'

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

Post by Guest on December 21st 2011, 5:35 pm

For template (index_body):
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}:{GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE}: {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 -->
You can replace that code with this:
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" id="idforwhois" 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}:{GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE}: {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 -->
Save, then publish!
That will give you possiblity to work much easier with CSS selectors. Like:
Code:
table#idforwhois{
...;
}

Guest
Guest


Back to top Go down

Solved Re: CSS who's online

Post by sun1994 on December 21st 2011, 6:04 pm

Thanks a lot for your help, but there are not templates on an phpBB2 forum. =(

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

Post by Guest on December 21st 2011, 6:08 pm

Because you need to be the founder of the forum. The person who created the forum. Smile

Guest
Guest


Back to top Go down

Solved Re: CSS who's online

Post by sun1994 on December 21st 2011, 6:09 pm

I see. Then I wil ask her if she wants to change it. Thanks a lot! =D

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

Post by Guest on December 21st 2011, 6:17 pm

Glad I could help. Smile

Guest
Guest


Back to top Go down

Solved Re: CSS who's online

Post by sun1994 on December 21st 2011, 6:27 pm

Okay, I believe I'm doing something wrong, but it's not working. It won't do anything, not even when I simply change the background or something like that. :S

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

Post by Guest on December 21st 2011, 6:49 pm

Code:
table#idforwhois td.row1{
background: url(imagelink);
}

Guest
Guest


Back to top Go down

Solved Re: CSS who's online

Post by sun1994 on December 21st 2011, 7:04 pm

Still not working. =(

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

Post by Guest on December 21st 2011, 7:15 pm

Hmm, have you replaced the index_body codes by me?

Guest
Guest


Back to top Go down

Solved Re: CSS who's online

Post by sun1994 on December 21st 2011, 7:36 pm

Yup.
But isn't there some eh.. (jeez, how do you say this in english. ^^') solid CSS reference for the who's online table? Like there is for the punBB version.

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

Post by Nera. on December 21st 2011, 9:26 pm

Hi,

PhpBB2 WIO has the .forumline class and shares it with lots of things on your forum and your changes would affect all those things. That's why you need to add a new class through templates for phpBB2 to get the effect only on your WIO part.

If you are stuck and you did all that Gassy told you please leave your forum URL with the template published so we can see the changes and help you out.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: CSS who's online

Post by sun1994 on December 22nd 2011, 7:13 pm

I figured it out. I had to remove this:

Code:
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>

to make it work. Thanks guys, wouldn't have done it without your help! =D

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

Post by Nera. on December 22nd 2011, 7:13 pm

Topic Solved & Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

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