Remodel Of Forum

[Former Member]

Hello I would like to know if anyone could help me on my proboards forum I want the members online and all to look like this or something similar prntscr.com/dg9v3y and to have the forum icons round like this prntscr.com/dg9vaj and to have the nav. menu like this prntscr.com/dg9vfy but without those icons and to have recent posts and mark forum or mark posts as read buttons here prntscr.com/dg9vqd above the forums and then to end it I want the profile edit and all here prntscr.com/dg9w2f in the header and when you click the message or inbox it will redirect you to messages and make the username a drop down prntscr.com/dg9wda if you can do this thank you in advance.

[Former Member]

bump can anyone please help me with this?

[Former Member]

bump anyone please help me screenshots are in first post of what I want.

[Former Member]

I'd like to get this done please help me my forum is lossantospolicefire.boards.net/ if you need it.

[Tumbleweed]

@aclyles91, I'll try to at least take one of your requests and see if I can help you out. Just not tonight as I am babysitting my grand niece and nephew. Just wanted you to know, I saw your request but just didn't have the time to do anything to help.

[Former Member]

Dec 9, 2016 18:51:18 GMT -8 Tumbleweed said:

@aclyles91 , I'll try to at least take one of your requests and see if I can help you out. Just not tonight as I am babysitting my grand niece and nephew. Just wanted you to know, I saw your request but just didn't have the time to do anything to help.

Ok thank you.

[Tumbleweed]

I picked the easiest first which was the icons, but looking at your site, I see you have a circle around the icon already but are you wanting to use Font Awesomes (like it looks like they are doing in the screen cap you provided) to replace all your icons? If so, there is a thread here that gives you a choice of editing the templates or there is detailed instructions on a site which  ???lq ???u??? linked to. They use javascript to change the icons but you will have to join the site to get the instructions.

Am looking at your other requests now. As far as the menu, I'm not sure what is different about the example you gave verses what you have now on your site aside from the example menu items have more space around them and have a bit of a color background difference. Can you give in detail what you want different than what you have?

Another question regarding your info center request. Is it the layout you are wanting or is the list of birthdays important as well as the age showing by their name. If just the layout, then that can be done but last I heard, there isn't a way to pull up the list of "today's birthdays" by member and age and have it show in the info center.  I checked plugins as well and found nothing that could do that.

[Former Member]

Dec 11, 2016 9:38:34 GMT -8 Tumbleweed said:

I picked the easiest first which was the icons, but looking at your site, I see you have a circle around the icon already but are you wanting to use Font Awesomes (like it looks like they are doing in the screen cap you provided) to replace all your icons? If so, there is a thread here that gives you a choice of editing the templates or there is detailed instructions on a site which  ???lq ???u??? linked to. They use javascript to change the icons but you will have to join the site to get the instructions.

Am looking at your other requests now. As far as the menu, I'm not sure what is different about the example you gave verses what you have now on your site aside from the example menu items have more space around them and have a bit of a color background difference. Can you give in detail what you want different than what you have?

Another question regarding your info center request. Is it the layout you are wanting or is the list of birthdays important as well as the age showing by their name. If just the layout, then that can be done but last I heard, there isn't a way to pull up the list of "today's birthdays" by member and age and have it show in the info center.  I checked plugins as well and found nothing that could do that.

the nav. menu is fine just forget about it and thanks for first part and just do layout of of the info center part and that's fine about the today"s birthdays part if it isn't allowed I understand thanks in advance.

[Tumbleweed]

@aclyles91,

Did you delete your forum? I got the layout of the info center put together (test site) and then went to check the width of your site and got that message, that it was deleted.  

[Former Member]

Dec 12, 2016 21:14:26 GMT -8 Tumbleweed said:

@aclyles91 ,

Did you delete your forum? I got the layout of the info center put together (test site) and then went to check the width of your site and got that message, that it was deleted.  

I did but I gonna use default forum and make another one most likely. and it looks nice thanks.

[Tumbleweed]

Dec 13, 2016 14:23:51 GMT -8 @aclyles91 said:

Dec 12, 2016 21:14:26 GMT -8 Tumbleweed said:

@aclyles91 ,

Did you delete your forum? I got the layout of the info center put together (test site) and then went to check the width of your site and got that message, that it was deleted.  

I did but I gonna use default forum and make another one most likely. and it looks nice thanks.

So does that mean you still want this? If so, are there any changes you want made before I give you the code and instructions? If you don't need it right now or don't need it at all, that's fine too.

[Former Member]

Dec 13, 2016 16:36:20 GMT -8 Tumbleweed said:

Dec 13, 2016 14:23:51 GMT -8 @aclyles91 said:

I did but I gonna use default forum and make another one most likely. and it looks nice thanks.

So does that mean you still want this? If so, are there any changes you want made before I give you the code and instructions? If you don't need it right now or don't need it at all, that's fine too.

yes and no changes thanks

[Tumbleweed]

Here it is @aclyles91 : This is your whole "home" template so replace what you have with this:




$[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}

<style>
   .content td{padding:2px 8px 2px 8px;}
   .content td span{font-weight:bold;margin-right:6px;}
   .for_stats_cont{text-align:center;}
   .stats_title{text-align:left;font-weight:bold;margin-top:8px;}
</style>


{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2>Forum Information & Statistics</h2></div>
<div class="content">
<table>
<tbody>
<tr>
                       <td style="width:100%;"><span>Who's online:</span>

$[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>

<div style="margin-left:10px;">                      
     
{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}    
                                                   
</div>                                                    

<div class="stats_title">Forum Statistics</div>
<table class="for_stats_cont">
<tbody>
<tr>
<td>                                                    
                                       $[total_threads]  <br> Total Threads
   
</td>
<td>
$[total_posts]<br>Total Posts
</td>
<td>
        <!--something could be here-->
</td>
</tr>
                               </tbody>
</table>
                                                   
<div class="stats_title">Member Statistics</div>
<table class="for_stats_cont">
  <tbody>
        <tr>
            <td>                                                    
$[total_members]<br>Total Members
   
    </td>
                                       <td>
 
$[most_users_online] <br>Most Users Online:  
</td>
                                       <td>
  <center>{if $[newest_user]} $[newest_user.avatar_small] {/if}</center> Newest Member<br> $[newest_user]
</td>
</tr>
</tbody>
</table>    

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

In the above you'll see I have some css in there. You can move that to the bottom of your style sheet if your prefer or just leave it in the home template. I prefer to keep all my css in the style sheet so if you do, label it so you know what it afftects like I did in blue and remove the style tags like so:

/* Info Center CSS */
.content td{padding:2px 8px 2px 8px;}
.content td span{font-weight:bold;margin-right:6px;}
.for_stats_cont{text-align:center;}
.stats_title{text-align:left;font-weight:bold;margin-top:8px;}


And questions just ask. 

[Former Member]

Dec 16, 2016 8:43:06 GMT -8 Tumbleweed said:

Here it is @aclyles91 : This is your whole "home" template so replace what you have with this:




$[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}

<style>
   .content td{padding:2px 8px 2px 8px;}
   .content td span{font-weight:bold;margin-right:6px;}
   .for_stats_cont{text-align:center;}
   .stats_title{text-align:left;font-weight:bold;margin-top:8px;}
</style>


{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2>Forum Information & Statistics</h2></div>
<div class="content">
<table>
<tbody>
<tr>
                       <td style="width:100%;"><span>Who's online:</span>

$[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>

<div style="margin-left:10px;">                      
     
{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}    
                                                   
</div>                                                    

<div class="stats_title">Forum Statistics</div>
<table class="for_stats_cont">
<tbody>
<tr>
<td>                                                    
                                       $[total_threads]  <br> Total Threads
   
</td>
<td>
$[total_posts]<br>Total Posts
</td>
<td>
        <!--something could be here-->
</td>
</tr>
                               </tbody>
</table>
                                                   
<div class="stats_title">Member Statistics</div>
<table class="for_stats_cont">
  <tbody>
        <tr>
            <td>                                                    
$[total_members]<br>Total Members
   
    </td>
                                       <td>
 
$[most_users_online] <br>Most Users Online:  
</td>
                                       <td>
  <center>{if $[newest_user]} $[newest_user.avatar_small] {/if}</center> Newest Member<br> $[newest_user]
</td>
</tr>
</tbody>
</table>    

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

In the above you'll see I have some css in there. You can move that to the bottom of your style sheet if your prefer or just leave it in the home template. I prefer to keep all my css in the style sheet so if you do, label it so you know what it afftects like I did in blue and remove the style tags like so:

/* Info Center CSS */
.content td{padding:2px 8px 2px 8px;}
.content td span{font-weight:bold;margin-right:6px;}
.for_stats_cont{text-align:center;}
.stats_title{text-align:left;font-weight:bold;margin-top:8px;}


And questions just ask. 

K thanks.