Info Center Modification

[Former Member]

Hi Guys

Im wondering if someone could make a little change to the template below for me?

You can see it in action here >> codv5test.proboards.com/

All i want is to the right hand side of the Users Online Section just below the Post information is a break line directly under the one in the first section and in this new area this will create is an option to insert a User Legend with bars ?

Thanks
Dave

SPOILER: Click to show

$[news]
{foreach $[category]}
$[category.anchor]
<div class="container boards">
<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2></div>
<div class="content cap-bottom">
$[category.board_list]
</div>
</div>
{/foreach}
{if $[legend]}
<div class="container legend">
<div class="title-bar"><h2>Legend</h2></div>
<div class="content">
<table>
<tr>
{foreach $[legend]}
<td>$[legend.icon] <span>$[legend.name]</span></td>
{/foreach}
</tr>
</table>
</div>
</div>
{/if}
{if $[show_stats]}
<div class="container stats">
       <div class="title-bar"><h2><i>Forum Information And Statistics</i></h2></div>
       <div class="content">
           <table>
               <tbody>
                   <tr>
                      <td style="height: 20px;" colspan="2"><span id="infocenter-links">
                          <a href="/members?dir=desc&sort=posts">Top Posters</a> -
                          <a href="/members?dir=asc&sort=name&view=staff">View Staff</a> -
                          <a href="#" onclick="scroll(0, 0); return false;">Back To Top</a></span>
                      </td>
                   </tr>
                   <tr>
                       <td style="vertical-align:top;">
                           <table>
                               <tr>
                                   <td class="info">
                                       <table>
                                           <tbody>                                            
                                               {if $[last_updated_thread]}<tr><td style="padding-left:10px;"><b>Last Updated -</b> $[last_updated_thread.recent_link]<br/>By $[last_updated_thread.last_post.created_by_user] ($[last_updated_thread.last_post.date])</td></tr>{/if}
                                           </tbody>
                                       </table>
                                   </td>
                               </tr>
                           </table>
                       </td>
                       <td>
                           <table>
                               <tr>
                                   <td class="info">
                                       <table>
                                           <tbody>
                                               <tr><td style="padding-left:10px;"><b>Total Threads - $[total_threads]      Total Posts - $[total_posts]      Total Members - <a href="/members">$[total_members]</a></b></td></tr>
                                               <tr><td style="padding-left:10px;"><b>Newest Member - $[newest_user]</b><br/>
                                               <b>Most Users Online - $[most_users_online] <span class="medium">($[most_users_online_date])</span></b></td></tr>
                                               <tr><td style="padding-left:10px;"><b>Today's Birthday's - $[birthdays_today_link] </b><br/>
                                               <tr><td style="padding-left:10px;"></td></tr>
                                           </tbody>
                                       </table>
                                   </td>
                               </tr>
                           </table>
                       </td>
                   </tr>
                   <tr class="last">
                       <td colspan="2">
                           <table>
                               <tr>
                                   <td class="info last">
                                       <table>
                                           <tbody>
                                             <tr><th style="padding-left:10px;"><b><u>Users Online</u></b></th></tr>
                                               <tr><td style="padding-left:10px;">There Are $[total_online] Users Online Now</td></tr>
                                               <tr><td style="padding-left:10px;"><b>$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, $[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}</b></td></tr>
                                               <tr><td style="padding-left:10px; padding-top:1px;">
                                                   {foreach $[online_user]}
                                                       $[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
                                                   {/foreach}
                                                   {if $[total_online_not_shown]}
                                                       , and <a class="$[view_active_members_link.class]" href="$[view_active_members_link.href]">$[total_online_not_shown] more...</a>
                                                   {/if}
                                               </td></tr>
                                           </tbody>
                                       </table>
                                   </td>
                               </tr>
                           </table>
                       </td>
                   </tr>
                   <tr class="last">
                       <td colspan="2">
                           <table>
                               <tr>
                                   <td class="info last">
                                       <table>
                                           <tbody>
                                               <tr><th style="padding-left:10px;"><u>Users Online In The Last 24 Hours</u></th></tr>
                                               <tr><td style="padding-left:10px;">There Were $[total_online_24] Users Online In The Last 24 Hours</td></tr>
                                               <tr><td style="padding-left:10px; padding-top:1px;"><b>$[total_staff_online_24] Staff, <a class="$[view_active_members_link_24.class]" href="$[view_todays_active_members_link.href]">$[total_members_online_24] Member{if $[total_members_online_24] != 1}s{/if}</a>, $[total_guests_online_24] Guest{if $[total_guests_online_24] != 1}s{/if}</b></td></tr>
                                               <tr><td style="padding-left:10px; padding-top:1px;">
                                                   {foreach $[online_user_24]}
                                                       $[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]
                                                   {/foreach}
                                                   {if $[total_online_not_shown_24]}
                                                       , and <a class="$[view_active_members_link_24.class]" href="$[view_todays_active_members_link.href]">$[total_online_not_shown_24] more...</a>
                                                   {/if}
                                                   <br/>

[Tumbleweed]

I think part of that code is missing, Dave B, but it might be you just didn't copy it all or just haven't finished? Probably why your forum is jumping because there are unclosed tags

Anyway, what happens in the big empty box  above where you have your users online now and to the left of your post info, ot that it is any of my business, lol. Just to be clear, you are talking about where I have it circled in red?

[Former Member]

May 26, 2015 13:12:04 GMT -8 Tumbleweed said:

I think part of that code is missing, Dave B, but it might be you just didn't copy it all or just haven't finished? Probably why your forum is jumping because there are unclosed tags

Anyway, what happens in the big empty box  above where you have your users online now and to the left of your post info, ot that it is any of my business, lol. Just to be clear, you are talking about where I have it circled in red?

    Hi Tumbleweed

    The code is actually in my initial post i havent noticed anything that throws out an error or any loose tags being displayed.

    Above the users online actually shows the most recent post info - Since its not in your screenshot im guessing its for logged in users only.

    And yeah the area you have circled in red is where id like it to go.

    

    Thanks
    Dave

[Tumbleweed]

May 26, 2015 15:57:48 GMT -8 Dave B said:

May 26, 2015 13:12:04 GMT -8 Tumbleweed said:

I think part of that code is missing, Dave B, but it might be you just didn't copy it all or just haven't finished? Probably why your forum is jumping because there are unclosed tags

Anyway, what happens in the big empty box  above where you have your users online now and to the left of your post info, ot that it is any of my business, lol. Just to be clear, you are talking about where I have it circled in red?

    Hi Tumbleweed

    The code is actually in my initial post i havent noticed anything that throws out an error or any loose tags being displayed.

    Above the users online actually shows the most recent post info - Since its not in your screenshot im guessing its for logged in users only.

    And yeah the area you have circled in red is where id like it to go.

    

    Thanks
    Dave

 I meant you are missing a bunch of closing tags and not having them can mess things up. Notice how the code you posted starts off on the left and each opening tag is tabbed one tab increment at a time. Well, the ending should be cascading to the left with a negative tab until every opening tag is closed until your coded ends up on the far left again.

 For example this last table in your code you posted should have been closed and there is actually more that is missing than this. I tabbed it out so you can see what you need just for that bit to close it properly and gave it coordinating colors:

                        <table>
                            <tbody>
                                <tr>

                                    <th style="padding-left:10px;"><u>Users Online In The Last 24 Hours</u>

                                    </th>

                                </tr>
                                <tr>

                                    <td style="padding-left:10px;">There Were $[total_online_24] Users Online In The Last 24 Hours

                                    </td>

                                </tr>
                                <tr>

                                    <td style="padding-left:10px; padding-top:1px;"><b>$[total_staff_online_24] Staff, <a class="$[view_active_members_link_24.class]" href="$[view_todays_active_members_link.href]">$[total_members_online_24] Member{if $[total_members_online_24] != 1}s{/if}</a>, $[total_guests_online_24] Guest{if $[total_guests_online_24] != 1}s{/if}</b>

                                    </td>

                                </tr>
                                <tr>

                                    <td style="padding-left:10px; padding-top:1px;">
{foreach $[online_user_24]}
$[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]
{/foreach}
{if $[total_online_not_shown_24]}
, and <a class="$[view_active_members_link_24.class]" href="$[view_todays_active_members_link.href]">$[total_online_not_shown_24] more...</a>
{/if}
<br/>

                                    </td>

                                </tr>

                           </tbody>

                        </table>

Hopefully my tabs will post right but if not the colors will still be there. One thing you might want to think about is if you want that right top empty to guests. ??

Your code needs to be fixed before I can tell you how to put a section on the right. If you need me to fix it I will but it might be a good idea if you tried to fix it so you understand how to close things, if you want. I'm happy to help you anyway I can though.

[Former Member]

Hi Tumbleweed

Is it done ?

codv5test.proboards.com/

SPOILER: Click to show

<span id="newest-user" style="display: none;">Welcome to our newest user, $[newest_user]!</span>
<span id="last-thread" style="display: none;">Last Updated Thread: $[last_updated_thread]</span>
<script type="text/javascript">
$(document).ready(function(){
fContent.push(document.getElementById('last-thread').innerHTML);
fContent.push(document.getElementById('newest-user').innerHTML);
});
</script>

$[news]
{foreach $[category]}
$[category.anchor]
<div class="container boards">
<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2></div>
<div class="content cap-bottom">
$[category.board_list]
</div>
</div>
{/foreach}
{if $[legend]}
<div class="container legend">
<div class="title-bar"><h2>Legend</h2></div>
<div class="content">
<table>
<tr>
{foreach $[legend]}
<td>$[legend.icon] <span>$[legend.name]</span></td>
{/foreach}
</tr>
</table>
</div>
</div>
{/if}
{if $[show_stats]}
<div class="container stats">
       <div class="title-bar"><h2><i>Forum Information And Statistics</i></h2></div>
       <div class="content">
           <table>
               <tbody>
                   <tr>
                      <td style="height: 25px;" colspan="2" align="center"><span id="infocenter-links">
                          <a href="/members?dir=desc&sort=posts">• Top Posters</a> -
                          <a href="/members?dir=asc&sort=name&view=staff">• View Staff</a> -
                          <a href="#" onclick="scroll(0, 0); return false;">• Back To Top</a></span>
                          </td>
                   </tr>
               </tbody>
           <tr><td style="padding-left:10px;"></td></tr>
       
           
                   <tr>
                       <td style="vertical-align:top;">
                           <table>
                               <tr>
                                   <td class="info">
                                       <table>
                                           <tbody>                                            
                                               {if $[last_updated_thread]}<tr><td style="padding-left:10px;"><b>Last Updated -</b> $[last_updated_thread.recent_link]<br/>By $[last_updated_thread.last_post.created_by_user] ($[last_updated_thread.last_post.date])</td></tr>{/if}
                                           </tbody>
                                       </table>
                                   </td>
                               </tr>
                           </table>
                       </td>
           
                   <td>
                           <table>
                               <tr>
                                   <td class="info">
                                       <table>
                                           <tbody>
                                               <tr><td style="padding-left:10px;"><b>Total Threads - $[total_threads]      Total Posts - $[total_posts]      Total Members - <a href="/members">$[total_members]</a></b></td></tr>
                                               <tr><td style="padding-left:10px;"><b>Newest Member - $[newest_user]</b><br/>
                                               <b>Most Users Online - $[most_users_online] <span class="medium">($[most_users_online_date])</span></b></td></tr>
                                               <tr><td style="padding-left:10px;"><b>Today's Birthday's - $[birthdays_today_link] </b><br/></td></tr>
                                               <tr><td style="padding-left:10px;"></td></tr>
                                           </tbody>
                                       </table>
                                   </td>
                               </tr>
                           </table>
                       </td>
                   </tr>
                   <tr class="last">
                       <td colspan="2">
                           <table>
                               <tr>
                                   <td class="info last">
                                       <table>
                                           <tbody>
                                             <tr><th style="padding-left:10px;"><b><u>Users Online</u></b></th></tr>
                                               <tr><td style="padding-left:10px;">There Are $[total_online] Users Online Now</td></tr>
                                               <tr><td style="padding-left:10px;"><b>$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, $[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}</b></td></tr>
                                               <tr><td style="padding-left:10px; padding-top:1px;">
                                                   {foreach $[online_user]}
                                                       $[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
                                                   {/foreach}
                                                   {if $[total_online_not_shown]}
                                                       , and <a class="$[view_active_members_link.class]" href="$[view_active_members_link.href]">$[total_online_not_shown] more...</a>
                                                   {/if}
                                               </td></tr>
                                           </tbody>
                                       </table>
                                   </td>
                               </tr>
                           </table>
                       </td>
                   </tr>
                  <table>
                      <tr class="last">
                       <td colspan="2">
                           
                               <tr>
                                   <td class="info last">
                                       <table>
                                           <tbody>
                                               <tr><th style="padding-left:10px;"><u>Users Online In The Last 24 Hours</u></th></tr>
                                               <tr><td style="padding-left:10px;">There Were $[total_online_24] Users Online In The Last 24 Hours</td></tr>
                                               <tr><td style="padding-left:10px; padding-top:1px;"><b>$[total_staff_online_24] Staff, <a class="$[view_active_members_link_24.class]" href="$[view_todays_active_members_link.href]">$[total_members_online_24] Member{if $[total_members_online_24] != 1}s{/if}</a>, $[total_guests_online_24] Guest{if $[total_guests_online_24] != 1}s{/if}</b></td></tr>
                                               <tr><td style="padding-left:10px; padding-top:1px;">
                                                   {foreach $[online_user_24]}
                                                       $[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]
                                                   {/foreach}
                                                   {if $[total_online_not_shown_24]}
                                                       , and <a class="$[view_active_members_link_24.class]" href="$[view_todays_active_members_link.href]">$[total_online_not_shown_24] more...</a>
                                                   {/if}
                                               </td></tr>
                          </tbody>
                                       </table>
                                   </td>
                                </tr>
                           </td>
                    </tr>
                </div>
         </div>
  </table>
                                                   

[Tumbleweed]

Dave B

You did pretty good. Just to point out some issues for to help you in the future. At the start of your main table and the main table is laying out all of your main cells,  you have this: (right below the info center links)

</tr>
</tbody>
<tr><td style="padding-left:10px;"></td></tr>


<tr>
<td style="vertical-align:top;">
<table>
<tr>

Tabbed out it is this:

</tr>
    </tbody> <!--this doesn't belong here-->
            <tr> <!--by using tr indicates you are starting a new row-->

                <td style="padding-left:10px;">

Nothing in the cell

                </td>

            </tr>
            <tr> <!--by using tr indicates you are starting a new row-->
                <td style="vertical-align:top;">
                    <table>
                        <tr>

First closing the tbody would always be followed by the closing table tag so that simply doesn't belong there.

Also starting a two new rows means the first one should say if it spans two columns.

I added a 2 px border around all the cells (td) you created in the main table. Here is what it looks like:

Heres a link to the site I have it on: colormaddness.proboards.com/

You have 7 cells. One was inadvertently created because of the two new table rows, in a row with the first one not having a col span on it.

Also your closing tags should of been this:

                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
{/if}

Anyway, I do give you kudos for making a good effort and you did pretty good on most fronts. One thing that will help you a lot when making new templates is to start with the bare bones of the table (if you are changing the layout dramatically) and give each of your td tags a different border color. That way you know which cell to add what and get the basics of how you want the table to look and then start adding things where you want them.

Also when in your template, you can click on a line that is closing a tag and if you scroll up it should show the matching opening tag you are closing.

So I guess my question is: Is that table row in red something you want to keep because it need to span the whole width or contain two sets of td tags?. I'll be happy to fix it for you but since I don't know your vision I don't know what to remove or fix.

Also for that stuff you want below the Total Threads, newest member.etc, will you want that cell to span two rows like I indicated in white, roughly....

 or do you want the two cells below it roughly did below?

It shouldn't take me but a few minutes to give you the new template once I know those two things. (Keep the new row to either span both columns or contain two td cells and two cells below the totals threads cell or one cell?)

[Former Member]

Hi Tumbleweed

Thanks for that .. Its certainly made things a little more clear as i am trying to learn to do stuff like this, with having done courses on Codecademy in HTML and CSS.

And to be honest i went from top to bottom clicking on each row to ensure there was an opening / closing tag for each which is probably the only reason i got so far if these wasnt highlighted in the editor or there was no decent text editing programs like at the moment i use Notepad++ i probably wouldnt have found half of them.

As for your questions ...

1) The blank row in red can be removed as its not there for any particular reason that i could make use of.
2) I think just one cell would be enough for the User Legend

I think the 2nd cell (far bottom right) il possibly use that for an Affiliates Scroller at some point in the near future if that would be possible?
If not then might just use it to house my affiliate information once ready to proceed.. But by all means if these can be implemented ready then id just have to insert the affiliate code and banner url that would be even better.

What are your thoughts?

Thanks
Dave

[Tumbleweed]

Well, my thoughts are try and see what you think. I think it looks o.k. but my one suggestion would be to maybe put your logo for guests only in that top left box that will appear empty for them. Oh, and I stuck some affiliate images in that last bottom cell so you can see what it looks like and you may want it static.

<span id="newest-user" style="display: none;">Welcome to our newest user, $[newest_user]!</span>
<span id="last-thread" style="display: none;">Last Updated Thread: $[last_updated_thread]</span>
<script type="text/javascript">
$(document).ready(function(){
fContent.push(document.getElementById('last-thread').innerHTML);
fContent.push(document.getElementById('newest-user').innerHTML);
});
</script>

$[news]
{foreach $[category]}
$[category.anchor]
<div class="container boards">
<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2></div>
<div class="content cap-bottom">
$[category.board_list]
</div>
</div>
{/foreach}

{if $[legend]}
<div class="container legend">
<div class="title-bar"><h2>Legend</h2></div>
<div class="content">
<table>
<tr>
{foreach $[legend]}
<td>$[legend.icon] <span>$[legend.name]</span></td>
{/foreach}
</tr>
</table>
</div>
</div>
{/if}
{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2><i>Forum Information And Statistics</i></h2></div>
<div class="content" style="background-color:white;">
<table style="width:100%;">
<tbody>
<tr>
<td style="height:25px;text-align:center;" colspan="2">
                    <span id="infocenter-links">
                          <a href="/members?dir=desc&sort=posts">• Top Posters</a> -
                          <a href="/members?dir=asc&sort=name&view=staff">• View Staff</a> -
                          <a href="#" onclick="scroll(0, 0); return false;">• Back To Top</a>
</span>
</td>
</tr>
<tr>
<td colspan="1">
                       
<table>
<tr>
<td class="info">
<table>
<tbody>                                            
{if $[last_updated_thread]}
<tr>
<td style="padding-left:10px;">
<b>Last Updated -</b> $[last_updated_thread.recent_link]<br/>By $[last_updated_thread.last_post.created_by_user] ($[last_updated_thread.last_post.date])
</td>
</tr>
{/if}
</tbody>
</table>
</td>
</tr>
</table>
                       
</td>
<td>
                     
<table>
<tr>
<td class="info">
<table>
<tbody>
<tr>
<td style="padding-left:10px;">
<b>Total Threads - $[total_threads]      Total Posts - $[total_posts]      Total Members - <a href="/members">$[total_members]</a></b>
</td>
</tr>
<tr>
<td style="padding-left:10px;">
<b>Newest Member - $[newest_user]</b><br/><b>Most Users Online - $[most_users_online] <span class="medium">($[most_users_online_date])</span></b>
</td>
</tr>
<tr>
<td style="padding-left:10px;">
<b>Today's Birthday's - $[birthdays_today_link] </b><br/>
                      </td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>  
                       
                       
</td>
</tr>
<!--2nd row-->    
<tr>
<td>
                       
                       
<table>
<tr>
<td class="info last">
<table>
<tbody>
<tr>
<th style="padding-left:10px;">
                                                   <b><u>Users Online</u></b>
</th>
</tr>
<tr>
<td style="padding-left:10px;">
There Are $[total_online] Users Online Now
</td>
</tr>
<tr>
<td style="padding-left:10px;">
<b>$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, $[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}</b>
</td>
</tr>
<tr>
<td style="padding-left:10px; padding-top:1px;">
{foreach $[online_user]}$[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
{/foreach}
{if $[total_online_not_shown]}, and <a class="$[view_active_members_link.class]"href="$[view_active_members_link.href]">$[total_online_not_shown] more...</a>
{/if}
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>                  
                       
                       
                       
</td>
<td>
<!--USER LEGEND GOES HERE--> 2nd right cell User legend
</td>
</tr>
               <!--Last row-->
<tr>
<td>
                       
<table>
<tr>
<td class="info last">
<table>
<tbody>
<tr>
<th style="padding-left:10px;">
Users Online in the Last 24 Hours
</th>
</tr>
<tr>
<td style="padding-left:10px;">
$[total_staff_online_24] Staff, <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_members_online_24] Member{if $[total_members_online_24] != 1}s{/if}</a>, $[total_guests_online_24] Guest{if $[total_guests_online_24] != 1}s{/if}.
</td>
</tr>
<tr>
<td style="padding-left:10px;">
{foreach $[online_user_24]} $[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]{/foreach}
{if $[total_online_not_shown_24]}, and <a class="$[view_todays_active_members_link.class]"href="$[view_todays_active_members_link.href]">$[total_online_not_shown_24] more...</a>
{/if}
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
                           
</td>
<td>
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
<img src='http://i657./uu300/EliteList/Mini%20banners/affi1.png'>
<img src='http://i657./uu300/EliteList/Mini%20banners/affi1.png'>
</marquee>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}

[Former Member]

May 27, 2015 19:26:24 GMT -8 Tumbleweed said:

Well, my thoughts are try and see what you think. I think it looks o.k. but my one suggestion would be to maybe put your logo for guests only in that top left box that will appear empty for them. Oh, and I stuck some affiliate images in that last bottom cell so you can see what it looks like and you may want it static.

<span id="newest-user" style="display: none;">Welcome to our newest user, $[newest_user]!</span>
<span id="last-thread" style="display: none;">Last Updated Thread: $[last_updated_thread]</span>
<script type="text/javascript">
$(document).ready(function(){
fContent.push(document.getElementById('last-thread').innerHTML);
fContent.push(document.getElementById('newest-user').innerHTML);
});
</script>

$[news]
{foreach $[category]}
$[category.anchor]
<div class="container boards">
<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2></div>
<div class="content cap-bottom">
$[category.board_list]
</div>
</div>
{/foreach}

{if $[legend]}
<div class="container legend">
<div class="title-bar"><h2>Legend</h2></div>
<div class="content">
<table>
<tr>
{foreach $[legend]}
<td>$[legend.icon] <span>$[legend.name]</span></td>
{/foreach}
</tr>
</table>
</div>
</div>
{/if}
{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2><i>Forum Information And Statistics</i></h2></div>
<div class="content" style="background-color:white;">
<table style="width:100%;">
<tbody>
<tr>
<td style="height:25px;text-align:center;" colspan="2">
                    <span id="infocenter-links">
                          <a href="/members?dir=desc&sort=posts">• Top Posters</a> -
                          <a href="/members?dir=asc&sort=name&view=staff">• View Staff</a> -
                          <a href="#" onclick="scroll(0, 0); return false;">• Back To Top</a>
</span>
</td>
</tr>
<tr>
<td colspan="1">
                       
<table>
<tr>
<td class="info">
<table>
<tbody>                                            
{if $[last_updated_thread]}
<tr>
<td style="padding-left:10px;">
<b>Last Updated -</b> $[last_updated_thread.recent_link]<br/>By $[last_updated_thread.last_post.created_by_user] ($[last_updated_thread.last_post.date])
</td>
</tr>
{/if}
</tbody>
</table>
</td>
</tr>
</table>
                       
</td>
<td>
                     
<table>
<tr>
<td class="info">
<table>
<tbody>
<tr>
<td style="padding-left:10px;">
<b>Total Threads - $[total_threads]      Total Posts - $[total_posts]      Total Members - <a href="/members">$[total_members]</a></b>
</td>
</tr>
<tr>
<td style="padding-left:10px;">
<b>Newest Member - $[newest_user]</b><br/><b>Most Users Online - $[most_users_online] <span class="medium">($[most_users_online_date])</span></b>
</td>
</tr>
<tr>
<td style="padding-left:10px;">
<b>Today's Birthday's - $[birthdays_today_link] </b><br/>
                      </td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>  
                       
                       
</td>
</tr>
<!--2nd row-->    
<tr>
<td>
                       
                       
<table>
<tr>
<td class="info last">
<table>
<tbody>
<tr>
<th style="padding-left:10px;">
                                                   <b><u>Users Online</u></b>
</th>
</tr>
<tr>
<td style="padding-left:10px;">
There Are $[total_online] Users Online Now
</td>
</tr>
<tr>
<td style="padding-left:10px;">
<b>$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, $[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}</b>
</td>
</tr>
<tr>
<td style="padding-left:10px; padding-top:1px;">
{foreach $[online_user]}$[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
{/foreach}
{if $[total_online_not_shown]}, and <a class="$[view_active_members_link.class]"href="$[view_active_members_link.href]">$[total_online_not_shown] more...</a>
{/if}
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>                  
                       
                       
                       
</td>
<td>
<!--USER LEGEND GOES HERE--> 2nd right cell User legend
</td>
</tr>
               <!--Last row-->
<tr>
<td>
                       
<table>
<tr>
<td class="info last">
<table>
<tbody>
<tr>
<th style="padding-left:10px;">
Users Online in the Last 24 Hours
</th>
</tr>
<tr>
<td style="padding-left:10px;">
$[total_staff_online_24] Staff, <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_members_online_24] Member{if $[total_members_online_24] != 1}s{/if}</a>, $[total_guests_online_24] Guest{if $[total_guests_online_24] != 1}s{/if}.
</td>
</tr>
<tr>
<td style="padding-left:10px;">
{foreach $[online_user_24]} $[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]{/foreach}
{if $[total_online_not_shown_24]}, and <a class="$[view_todays_active_members_link.class]"href="$[view_todays_active_members_link.href]">$[total_online_not_shown_24] more...</a>
{/if}
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
                           
</td>
<td>
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
<img src='http://i657./uu300/EliteList/Mini%20banners/affi1.png'>
<img src='http://i657./uu300/EliteList/Mini%20banners/affi1.png'>
</marquee>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}

   Yeah that would be good!

   What do you think Tumbleweed >> codv5test.proboards.com/

[Tumbleweed]

Looks O.K. to me. User legend looks good there. Oh and the forum jumping is from the news fader. It jumps when it changes to a new line of text but it is random so that is what is throwing me off. Sometimes it'll cycle all the way through without jumping and then it'll jump on different lines. I didn't think it was the news fader before because the jumping usually stems from adding something that is too big, like larger text,but I should have looked closer. Definitely the news fader and it is annoying.

[Former Member]

May 28, 2015 2:52:14 GMT -8 Tumbleweed said:

Looks O.K. to me. User legend looks good there. Oh and the forum jumping is from the news fader. It jumps when it changes to a new line of text but it is random so that is what is throwing me off. Sometimes it'll cycle all the way through without jumping and then it'll jump on different lines. I didn't think it was the news fader before because the jumping usually stems from adding something that is too big, like larger text,but I should have looked closer. Definitely the news fader and it is annoying.

  Is it ?

  I didnt really notice the jumping until i played with the CSS for the User Legend as at first it was very small so increased the size quite a bit.

  How would i go about adding an image for Guests to replace the Last Post info cell?

  Either that or if it can be modified to display the last post info for guests.

 Thanks
 Dave

[Tumbleweed]

May 28, 2015 3:02:24 GMT -8 Dave B said:

May 28, 2015 2:52:14 GMT -8 Tumbleweed said:

Looks O.K. to me. User legend looks good there. Oh and the forum jumping is from the news fader. It jumps when it changes to a new line of text but it is random so that is what is throwing me off. Sometimes it'll cycle all the way through without jumping and then it'll jump on different lines. I didn't think it was the news fader before because the jumping usually stems from adding something that is too big, like larger text,but I should have looked closer. Definitely the news fader and it is annoying.

  Is it ?

  I didnt really notice the jumping until i played with the CSS for the User Legend as at first it was very small so increased the size quite a bit.

  How would i go about adding an image for Guests to replace the Last Post info cell?

  Either that or if it can be modified to display the last post info for guests.

 Thanks
 Dave

It was definitely jumping before anything was done to the info center. Typically it is due to larger text for a certain line and since all the text looked the same I dismissed it as the problem but I should have looked more closely. I can't tell you if it is the plugin you are using or adding that extra stuff via script that is causing that. You could try making the height of the news fader a bit taller and see if that that helps.

For having something for the guest to see in that empty box something like this should work: (I stuck an image in there.)

{if !$[current_user.is_member]}<img src="http://i657./uu300/EliteList/Crazicons/oddy12-1.png">
{else}
<b>Last Updated -</b> $[last_updated_thread.recent_link]<br/>By $[last_updated_thread.last_post.created_by_user] ($[last_updated_thread.last_post.date])     
{/if}

(just so it doesn't confuse you, when there is a ! before the $[current_user.is_member]} that is saying "if it is NOT the current user do this")

[Former Member]

Thanks Tumbleweed

Il do something with this when i get home tonight as starting work soon for an 8 hour shift.

Thanks for the explanation i was just reading that code and thought that didnt make sense .. but now i know what the ! means before it i can see.

Thanks
Dave

[Former Member]

May 28, 2015 4:02:58 GMT -8 Tumbleweed said:

May 28, 2015 3:02:24 GMT -8 Dave B said:

  Is it ?

  I didnt really notice the jumping until i played with the CSS for the User Legend as at first it was very small so increased the size quite a bit.

  How would i go about adding an image for Guests to replace the Last Post info cell?

  Either that or if it can be modified to display the last post info for guests.

 Thanks
 Dave

It was definitely jumping before anything was done to the info center. Typically it is due to larger text for a certain line and since all the text looked the same I dismissed it as the problem but I should have looked more closely. I can't tell you if it is the plugin you are using or adding that extra stuff via script that is causing that. You could try making the height of the news fader a bit taller and see if that that helps.

For having something for the guest to see in that empty box something like this should work: (I stuck an image in there.)

{if !$[current_user.is_member]}<img src="http://i657./uu300/EliteList/Crazicons/oddy12-1.png">
{else}
<b>Last Updated -</b> $[last_updated_thread.recent_link]<br/>By $[last_updated_thread.last_post.created_by_user] ($[last_updated_thread.last_post.date])     
{/if}

(just so it doesn't confuse you, when there is a ! before the $[current_user.is_member]} that is saying "if it is NOT the current user do this")

    Thanks Tumbleweed

    I have put the above code in and seems to work perfectly!

    I have increased the height of the News fader but doesnt seem to have moved.. Wonder if the plugin has an issue with it.

    Thanks
    Dave

[Tumbleweed]

Dave B,

I downloaded the plug in and tried different things with it plus fiddled with what I had in my new fader via the regular way and I can't replicate that. Now sometimes a plugin needs to run first so you might want to try moving it up in the hierarchy of your plugins. If it is still doing it, temporarily remove the code you have to add the newest user and last thread. You could even remove the line "newest user"  first to see if it is that and then remove the whole thing. Also where is that javascript code? In our global headers or in your wrapper template? Not sure if that would make a difference. (I can't test that javascript code to add those to things as I'm not sure how it works or I could test it myself.)