The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

CSS who's online

2 posters

Go down

Solved CSS who's online

Post by sun1994 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
sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

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

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

Code:
#stats

Code:
#onlinechat
Code:

#onlinelist

They create this:


CSS who's online Di6L
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: CSS who's online

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

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

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

Post by Guest 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{
...;
}
avatar
Guest
Guest


Back to top Go down

Solved Re: CSS who's online

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

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

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

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

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


Back to top Go down

Solved Re: CSS who's online

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

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

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

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

Glad I could help. Smile
avatar
Guest
Guest


Back to top Go down

Solved Re: CSS who's online

Post by sun1994 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
sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

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

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


Back to top Go down

Solved Re: CSS who's online

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

Still not working. =(
sun1994
sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

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

Hmm, have you replaced the index_body codes by me?
avatar
Guest
Guest


Back to top Go down

Solved Re: CSS who's online

Post by sun1994 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
sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

Post by Nera. 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.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: CSS who's online

Post by sun1994 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
sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: CSS who's online

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

Topic Solved & Locked
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Back to top

- Similar topics

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