[Remodel] - Info Center Remodel Basic

[littlebabe322]

L I T T L E B A B E ' S  T E M P L A T E S
Information Center Remodel [ Basic ]  

---

    This is my first remodel template that I made myself and I'm really new to this so I hope I am doing this all right. There are some things that you can definitely edit your self that you need to I'm still trying to fix this up a bit so this code may be updated through out time. I'm still trying to learn the coding of Proboards Templates and it's getting easier as I mess around with them. Let me know if you have any questions or need help with anything. Thanks! 

        THE RULES

• Please keep the credit in the code as well as add a credit to the home page of your forum. 
• You can edit the code as you please in any way you wan too just keep the credits. 
• Do not re-post my code anywhere! 
• I hope you enjoy my code!
• Thanks for using it!  

        HOW TO USE

                01. Go to Admin Panel > Themes > Layout Templates > Home 

             02. Go down to, or around 12 and replace the code starting at {if $[show_stats]}: 
                   
<! --- INFO CENTER REMODEL BY LITTLEBABE322 --->
{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2><center>$[forum.name] Information Center</center></h2></div>
<div class="content">
<table>
<tbody>
<tr>
<td>
<table>
<tr>
<td class="info">
<table>
<tbody>
<tr><th>Threads and Posts</th></tr>
<tr><td>Total Threads: $[total_threads] &nbsp;&nbsp;&nbsp;&nbsp; Total Posts: $[total_posts]</td></tr>
{if $[last_updated_thread]}<tr><td>Last Updated: $[last_updated_thread.recent_link] by $[last_updated_thread.last_post.created_by] ($[last_updated_thread.last_post.created_on])</td></tr>{/if}
<tr><td>$[recent_threads_link] - $[recent_posts_link] - $[rss_feed_link]{if $[mark_boards_read_link]} - $[mark_boards_read_link]{/if}</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
                         <td>
<table>
<tr>
<td class="info last">
<table>
<tbody>
<tr><th>Users Online</th></tr>
<tr><td>$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, {if $[view_guests_online_link]}<a href="#" class="$[view_guests_online_link.class]">{/if}$[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}{if $[view_guests_online_link]}</a>{/if}.</td></tr>
<tr><td>
{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>
<td>
<table>
<tr>
<td class="info">
<table>
<tbody>
<tr><th>Members</th></tr>
<tr><td>Total Members: $[total_members]</td></tr>
<tr><td>Newest Member: $[newest_user]</td></tr>
<tr><td>Most Users Online: $[most_users_online] <span class="small">($[most_users_online_date])</span></td></tr>
<tr><td>$[birthdays_today_link]</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td class="last">
<table>
<tr>
<td class="info last">
<table>
<tbody>
<tr><th>Users Online in the Last 24 Hours</th></tr>
<tr><td>$[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>
{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>
</tr>
</tbody>
</table>
</div>
</div>
{/if}

[/span]

            03. Edit whatever you need to and desire. Just keep credits. 

            PM me or ask on here if you have any questions, comments, concerns, or suggestions!  

[NatAni]

Hi littlebabe
Got the new info center on ok - but just thought I'd mention that I had to take out that end [/span] as it showed as text like that between the bottom of
the info center and the shoutbox - it didnt effect the info center though by taking it out.

One query - is it possible to make it so the text in the info center isn't so squashed up to the left ? Perhaps it can be centered or at least have a bit of a space put in. 

(Edit) I realised why the text is squashed to the left - there are no icons like the old one had. How do I add some please ?

[NatAni]

Never mind I've changed it back to the original.

[Quintur]

littlebabe322 is there a way to add a bit of a maybe 5-10px padding between the left edge of the box and the writing. It doesn't look right being so forced to the left.