Insert icons to custom info center

[Former Member]

 
   Im wondering if someone can help to put some icons to the left of the "User Legend" and the "Affiliate Images" sections.

   If you take a peek at my forum url moviecenter.boards.net/ you will see all sections of the info center have an icon bar these two.

   Thanks in advance 
  

SPOILER: Click to show

 {if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2><i>Forum Information And Statistics</i></h2></div>
<div class="content" style= "@body_background_color;">
<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="icon">$[image.announcement]</td>
<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])
                                                       <br /><br /> <div class="forum-age"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
                       
</td>
<td>
                     
<table>
<tr>
                               <td class="icon">$[image.stats]</td>
<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="icon">$[image.online]</td>
<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 class="last" style="width: 150px; padding-left:10px;">
                      <b><u>User Legend</u></b>
<!--USER LEGEND GOES HERE--> <div id="user-legend" style="font-size: 11px; font-weight: bold;"></div>
</td>
</tr>
               <!--Last row-->
<tr>
<td>
                       
<table>
<tr>
                               <td class="icon">$[image.members]</td>
<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 style="width: 150px; padding-left:10px;">
           
                      <b><u>Affiliate Images</u></b> - <span style="font-color:#F2F215;"><a href="/post/12/thread">My Affiliate Link</a></span>
                       <br/><br/>
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
<a href="http://moviecenter.boards.net/" target="_blank" title="Movie Center"><img src="http://storage.proboards.com/6359216/i/6Lc3ESancGiiznFTtf1Y.png" alt="Movie Center" width="88" height="31" border="0" /></a>
<a href="http://generalchatters.proboards.com/" target="_blank" title="GCC"><img src="http://i451./qq240/crawford2299/General%20Chatters/minibannerph4.gif" alt="GCC" border="0" width="88px" height="31px" /></a>
<a href="http://promoforum.net" target="_blank" title="PromoForum"><img src="http://storage.proboards.com/6344232/i/drPTfD__HjA0bcZm0zA2.png" alt="PromoForum" width="88" height="31" border="0" /></a>
<a href="http://interoceandesigns.com" target="_blank" title="InterOcean Designs"><img src="http://i28./c236/radesign100/IODv5/IODv5-MiniBanner88x31.png" alt="InterOcean Designs" width="88" height="31" border="0" /></a>
<a href="http://forum.sz-ex.com/" target="_blank" title="Studio Zero"><img src="http://sz-ex.com/mini_v2-1.gif" alt="Studio Zero" width="88" height="31" border="0" /></a>
<a href="http://www.wormocodes.com" target="_blank" title="WormoCodes"><img src="http://i280./kk168/SKBundy/affiliate_1-1.jpg" alt="Wormo Codes" width="88" height="31" border="0" /></a>
<a href="http://myshopp.uk/" target="_blank" title="My Shopp"><img src="http://i.imgur.com/eEZtCxl.jpg" alt="My Shopp" width="88" height="31" border="0" /></a>
<a href="http://mycarr.uk/" target="_blank" title="My Carr"><img src="http://i.imgur.com/tMGKIOT.jpg" alt="My Carr" width="88" height="31" border="0" /></a>
<a href="http://goldenbeatz.uk/" target="_blank" title="GoldenBeatz UK"><img src="http://i.imgur.com/i5PEgXh.jpg" alt="Goldenbeatz UK" width="88" height="31" border="0" /></a>
<a href="http://forumdirectory.forumotion.net/" target="_blank" title="Forum Directory"><img src="http://i21.servimg.com/u/f21/17/95/88/56/fd-afi12.png" alt="Forum Directory" width="88" height="31" border="0" /></a>
</marquee>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}

   Thanks
   Dave

[Tumbleweed]

Nov 3, 2015 11:31:14 GMT -8 Dave B said:

 
   Im wondering if someone can help to put some icons to the left of the "User Legend" and the "Affiliate Images" sections.

   If you take a peek at my forum url moviecenter.boards.net/ you will see all sections of the info center have an icon bar these two.

   Thanks in advance 
  

SPOILER: Click to show

 {if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2><i>Forum Information And Statistics</i></h2></div>
<div class="content" style= "@body_background_color;">
<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="icon">$[image.announcement]</td>
<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])
                                                       <br /><br /> <div class="forum-age"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
                       
</td>
<td>
                     
<table>
<tr>
                               <td class="icon">$[image.stats]</td>
<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="icon">$[image.online]</td>
<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 class="last" style="width: 150px; padding-left:10px;">
                      <b><u>User Legend</u></b>
<!--USER LEGEND GOES HERE--> <div id="user-legend" style="font-size: 11px; font-weight: bold;"></div>
</td>
</tr>
               <!--Last row-->
<tr>
<td>
                       
<table>
<tr>
                               <td class="icon">$[image.members]</td>
<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 style="width: 150px; padding-left:10px;">
           
                      <b><u>Affiliate Images</u></b> - <span style="font-color:#F2F215;"><a href="/post/12/thread">My Affiliate Link</a></span>
                       <br/><br/>
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
<a href="http://moviecenter.boards.net/" target="_blank" title="Movie Center"><img src="http://storage.proboards.com/6359216/i/6Lc3ESancGiiznFTtf1Y.png" alt="Movie Center" width="88" height="31" border="0" /></a>
<a href="http://generalchatters.proboards.com/" target="_blank" title="GCC"><img src="http://i451./qq240/crawford2299/General%20Chatters/minibannerph4.gif" alt="GCC" border="0" width="88px" height="31px" /></a>
<a href="http://promoforum.net" target="_blank" title="PromoForum"><img src="http://storage.proboards.com/6344232/i/drPTfD__HjA0bcZm0zA2.png" alt="PromoForum" width="88" height="31" border="0" /></a>
<a href="http://interoceandesigns.com" target="_blank" title="InterOcean Designs"><img src="http://i28./c236/radesign100/IODv5/IODv5-MiniBanner88x31.png" alt="InterOcean Designs" width="88" height="31" border="0" /></a>
<a href="http://forum.sz-ex.com/" target="_blank" title="Studio Zero"><img src="http://sz-ex.com/mini_v2-1.gif" alt="Studio Zero" width="88" height="31" border="0" /></a>
<a href="http://www.wormocodes.com" target="_blank" title="WormoCodes"><img src="http://i280./kk168/SKBundy/affiliate_1-1.jpg" alt="Wormo Codes" width="88" height="31" border="0" /></a>
<a href="http://myshopp.uk/" target="_blank" title="My Shopp"><img src="http://i.imgur.com/eEZtCxl.jpg" alt="My Shopp" width="88" height="31" border="0" /></a>
<a href="http://mycarr.uk/" target="_blank" title="My Carr"><img src="http://i.imgur.com/tMGKIOT.jpg" alt="My Carr" width="88" height="31" border="0" /></a>
<a href="http://goldenbeatz.uk/" target="_blank" title="GoldenBeatz UK"><img src="http://i.imgur.com/i5PEgXh.jpg" alt="Goldenbeatz UK" width="88" height="31" border="0" /></a>
<a href="http://forumdirectory.forumotion.net/" target="_blank" title="Forum Directory"><img src="http://i21.servimg.com/u/f21/17/95/88/56/fd-afi12.png" alt="Forum Directory" width="88" height="31" border="0" /></a>
</marquee>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}

   Thanks
   Dave

You could just add the image right after the td tag:

<td class="last" style="width: 150px; padding-left:10px;"><img src="http://myimage.png" style="width:16px; height:16px; float:left; margin-right:14px;">

Unless you want different ones for various themes then just put a div there:

<td class="last" style="width: 150px; padding-left:10px;"><div id="user_legend_icon"></div>

And then the style for that in each theme would be this but with the prefered icon:

#user_legend_icon{background-image:url(http://linktoimage.png); background-repeat:no-repeat; width:16px; height:16px;float:left; margin-right:14px;
}

[Former Member]

Nov 8, 2015 0:27:31 GMT -8 Tumbleweed said:

Nov 3, 2015 11:31:14 GMT -8 Dave B said:

 
   Im wondering if someone can help to put some icons to the left of the "User Legend" and the "Affiliate Images" sections.

   If you take a peek at my forum url moviecenter.boards.net/ you will see all sections of the info center have an icon bar these two.

   Thanks in advance 
  

SPOILER: Click to show

 {if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2><i>Forum Information And Statistics</i></h2></div>
<div class="content" style= "@body_background_color;">
<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="icon">$[image.announcement]</td>
<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])
                                                       <br /><br /> <div class="forum-age"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
                       
</td>
<td>
                     
<table>
<tr>
                               <td class="icon">$[image.stats]</td>
<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="icon">$[image.online]</td>
<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 class="last" style="width: 150px; padding-left:10px;">
                      <b><u>User Legend</u></b>
<!--USER LEGEND GOES HERE--> <div id="user-legend" style="font-size: 11px; font-weight: bold;"></div>
</td>
</tr>
               <!--Last row-->
<tr>
<td>
                       
<table>
<tr>
                               <td class="icon">$[image.members]</td>
<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 style="width: 150px; padding-left:10px;">
           
                      <b><u>Affiliate Images</u></b> - <span style="font-color:#F2F215;"><a href="/post/12/thread">My Affiliate Link</a></span>
                       <br/><br/>
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
<a href="http://moviecenter.boards.net/" target="_blank" title="Movie Center"><img src="http://storage.proboards.com/6359216/i/6Lc3ESancGiiznFTtf1Y.png" alt="Movie Center" width="88" height="31" border="0" /></a>
<a href="http://generalchatters.proboards.com/" target="_blank" title="GCC"><img src="http://i451./qq240/crawford2299/General%20Chatters/minibannerph4.gif" alt="GCC" border="0" width="88px" height="31px" /></a>
<a href="http://promoforum.net" target="_blank" title="PromoForum"><img src="http://storage.proboards.com/6344232/i/drPTfD__HjA0bcZm0zA2.png" alt="PromoForum" width="88" height="31" border="0" /></a>
<a href="http://interoceandesigns.com" target="_blank" title="InterOcean Designs"><img src="http://i28./c236/radesign100/IODv5/IODv5-MiniBanner88x31.png" alt="InterOcean Designs" width="88" height="31" border="0" /></a>
<a href="http://forum.sz-ex.com/" target="_blank" title="Studio Zero"><img src="http://sz-ex.com/mini_v2-1.gif" alt="Studio Zero" width="88" height="31" border="0" /></a>
<a href="http://www.wormocodes.com" target="_blank" title="WormoCodes"><img src="http://i280./kk168/SKBundy/affiliate_1-1.jpg" alt="Wormo Codes" width="88" height="31" border="0" /></a>
<a href="http://myshopp.uk/" target="_blank" title="My Shopp"><img src="http://i.imgur.com/eEZtCxl.jpg" alt="My Shopp" width="88" height="31" border="0" /></a>
<a href="http://mycarr.uk/" target="_blank" title="My Carr"><img src="http://i.imgur.com/tMGKIOT.jpg" alt="My Carr" width="88" height="31" border="0" /></a>
<a href="http://goldenbeatz.uk/" target="_blank" title="GoldenBeatz UK"><img src="http://i.imgur.com/i5PEgXh.jpg" alt="Goldenbeatz UK" width="88" height="31" border="0" /></a>
<a href="http://forumdirectory.forumotion.net/" target="_blank" title="Forum Directory"><img src="http://i21.servimg.com/u/f21/17/95/88/56/fd-afi12.png" alt="Forum Directory" width="88" height="31" border="0" /></a>
</marquee>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}

   Thanks
   Dave

You could just add the image right after the td tag:

<td class="last" style="width: 150px; padding-left:10px;"><img src="http://myimage.png" style="width:16px; height:16px; float:left; margin-right:14px;">

Unless you want different ones for various themes then just put a div there:

<td class="last" style="width: 150px; padding-left:10px;"><div id="user_legend_icon"></div>

And then the style for that in each theme would be this but with the prefered icon:

#user_legend_icon{background-image:url(http://linktoimage.png); background-repeat:no-repeat; width:16px; height:16px;float:left; margin-right:14px;
}

Thanks Tumbleweed

A star as always

Dave

[Tumbleweed]

Awww, thanks and you're welcome Dave B.  I see you have one for the user legend but not for the affiliate area and I'm wondering if your marquee will need to be moved over. Let me know if you have some issues with that as I suspect you might, unless you decided against an icon there.

Edit: Looking at your code again, you may have to put a div around the title and the whole marquee bit with your affiliates and then float it right. Something like this:

<td style="width: 150px; padding-left:10px;">
Icon here (whatever you decided to use)
<div style="float:right;">
Affiliates title
<marquee>
links
</marquee>
</div>

[Former Member]

Hi Tumbleweed

Ive actually been trying to figure out that lol ...

Ive tried your suggestion but it hasnt entirely worked out..

The title and link of that cell has been pushed down below the icon and not to the right of it inline with the layout.

This is the updated code ..

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 $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2><i>Forum Information And Statistics</i></h2></div>
<div class="content" style= "@body_background_color;">
<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="icon">$[image.announcement]</td>
<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])
                                                       <br /><br /> <div class="forum-age"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
                       
</td>
<td>
                     
<table>
<tr>
                               <td class="icon">$[image.stats]</td>
<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="icon">$[image.online]</td>
<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 class="last" style="width: 150px; padding-left:10px;"><img src="http://i21./b253/foreverdreamer83/moviecenter/membersonline.png" style="width:53px; height:53px; float:left; margin-right:14px; margin-top:14px;">
                      <b><u>User Legend</u></b>
<!--USER LEGEND GOES HERE--> <div id="user-legend" style="font-size: 11px; font-weight: bold;"></div>
</td>
</tr>
               <!--Last row-->
<tr>
<td>
                       
<table>
<tr>
                               <td class="icon">$[image.members]</td>
<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 style="width: 150px; padding-left:10px;">
                   $[image.members]
                   <div style="float:right;">
                      <b><u>Movie Center Affiliates</u></b> - <span style="font-color:#F2F215;"><a href="/post/12/thread">My Affiliate Link</a></span>
                       <br/><br/>
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
<a href="http://moviecenter.boards.net/" target="_blank" title="Movie Center"><img src="http://storage.proboards.com/6359216/i/6Lc3ESancGiiznFTtf1Y.png" alt="Movie Center" width="88" height="31" border="0" /></a>
<a href="http://generalchatters.proboards.com/" target="_blank" title="GCC"><img src="http://i451./qq240/crawford2299/General%20Chatters/minibannerph4.gif" alt="GCC" border="0" width="88px" height="31px" /></a>
<a href="http://promoforum.net" target="_blank" title="PromoForum"><img src="http://storage.proboards.com/6344232/i/kg_QQFuiLZq3pAmHLY_e.png" alt="PromoForum" width="88" height="31" border="0" /></a>
<a href="http://interoceandesigns.com" target="_blank" title="InterOcean Designs"><img src="http://i28./c236/radesign100/IODv5/IODv5-MiniBanner88x31.png" alt="InterOcean Designs" width="88" height="31" border="0" /></a>
<a href="http://forum.sz-ex.com/" target="_blank" title="Studio Zero"><img src="http://sz-ex.com/mini_v2-1.gif" alt="Studio Zero" width="88" height="31" border="0" /></a>
<a href="http://www.wormocodes.com" target="_blank" title="WormoCodes"><img src="http://i280./kk168/SKBundy/affiliate_1-1.jpg" alt="Wormo Codes" width="88" height="31" border="0" /></a>
<a href="http://myshopp.uk/" target="_blank" title="My Shopp"><img src="http://i.imgur.com/eEZtCxl.jpg" alt="My Shopp" width="88" height="31" border="0" /></a>
<a href="http://mycarr.uk/" target="_blank" title="My Carr"><img src="http://i.imgur.com/tMGKIOT.jpg" alt="My Carr" width="88" height="31" border="0" /></a>
<a href="http://goldenbeatz.uk/" target="_blank" title="GoldenBeatz UK"><img src="http://i.imgur.com/i5PEgXh.jpg" alt="Goldenbeatz UK" width="88" height="31" border="0" /></a>
<a href="http://forumdirectory.forumotion.net/" target="_blank" title="Forum Directory"><img src="http://i21.servimg.com/u/f21/17/95/88/56/fd-afi12.png" alt="Forum Directory" width="88" height="31" border="0" /></a>
</marquee>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}

Thanks
Dave

[Tumbleweed]

Hey Dave B,

I tossed that on my test site. Try this: (Only posting the part that is right above where you start the marquee: 


<td style="width: 150px; padding-left:10px;clear:both;">
<div style="float:left;margin-top:8px;">$[image.members]</div>
<div style="width:80%;float:right;">

Also you are missing that closing div so add the red: 

</marquee>
</div>
</td>


The blue is what I added.

[Former Member]

Nov 10, 2015 13:31:43 GMT -8 Tumbleweed said:

Hey Dave B,

I tossed that on my test site. Try this: (Only posting the part that is right above where you start the marquee: 


<td style="width: 150px; padding-left:10px;clear:both;">
<div style="float:left;margin-top:8px;">$[image.members]</div>
<div style="width:80%;float:right;">

Also you are missing that closing div so add the red: 

</marquee>
</div>
</td>


The blue is what I added.

   Hi Tumbleweed 

   It worked with all the blue added in, I already had the closing div i just indented it

   Thanks for your help as always you have been amazing   
   
   Dave

[Tumbleweed]

Nov 10, 2015 13:40:43 GMT -8 Dave B said:

Nov 10, 2015 13:31:43 GMT -8 Tumbleweed said:

Hey Dave B,

I tossed that on my test site. Try this: (Only posting the part that is right above where you start the marquee: 


<td style="width: 150px; padding-left:10px;clear:both;">
<div style="float:left;margin-top:8px;">$[image.members]</div>
<div style="width:80%;float:right;">

Also you are missing that closing div so add the red: 

</marquee>
</div>
</td>


The blue is what I added.

   Hi Tumbleweed 

   It worked with all the blue added in, I already had the closing div i just indented it

   Thanks for your help as always you have been amazing   
   
   Dave

You'll no doubt have to play with the margins to get it perfect.

Are you sure it is there because what you posted above doesn't have it and I was getting a red flag on the </td> right below it and when I added the closing div, the red closing td was better:


<a href="http://forumdirectory.forumotion.net/" target="_blank" title="Forum Directory"><img src="http://i21.servimg.com/u/f21/17/95/88/56/fd-afi12.png" alt="Forum Directory" width="88" height="31" border="0" /></a>
</marquee>
</td>
</tr>
</tbody>


Oh and also, after I posted the fix, I did add this to keep the marquee from being right at the edge:

<div style="width:81%;float:right;margin-right:8px;">

[Former Member]

Yeah i got it

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


And thanks rather than adjusting the margin i adjusted the width to 83% and that made it all nice and flush with the whole right hand side

Thanks again Tumbleweed

[Tumbleweed]

You're welcome, Dave B. And by the way, I think your site looks very sharp!

[Former Member]

Nov 10, 2015 21:49:16 GMT -8 Tumbleweed said:

You're welcome, Dave B. And by the way, I think your site looks very sharp!

Thanks Tumbleweed