Something to showcase special members on a board.

[Kami]

Feb 10, 2021 15:25:45 GMT -8 PF said:

Feb 10, 2021 14:47:03 GMT -8 Kami said:

PF - At the bottom, under the legend - does this work? (This only shows 5 names intentionally right now).
kamitest5.proboards.com/board/1/general-board

Kami, yes! I like that.

Here's the code:

<div class="container legend">
   <div class="title-bar"><h2>Bungalow Rock Stars</h2></div>
   <div class="content" style="margin-left: auto; margin-right: auto;">
       <table style="text-align:center; width: 100%;">
          <!-- Start a new row of 5 users with this line-->
           <tr>
               <td><a href="/user/1">Name 1</a> <span>- Numbers</span></td>
               <td><a href="/user/1">Name 2</a> <span>- Numbers</span></td>
               <td><a href="/user/1">Name 3</a> <span>- Numbers</span></td>
               <td><a href="/user/1">Name 4</a> <span>- Numbers</span></td>
               <td><a href="/user/1">Name 5</a> <span>- Numbers</span></td>
           </tr>
           <!-- Paste a new row of five users after this line-->
       </table>
   </div>
</div>
This goes in the FOOTER of the board you want to apply it to. Change the "1" in /user/1 to whatever the user ID is of the member you want, and change "Number" to whatever number you want to display.

[PF]

Thank you so much Kami!

[PF]

Btw, Kami, how can I have it placed above the Shoutbox? Right now, it appears at the very bottom below the Shoutbox.

[Kami]

Feb 10, 2021 15:46:59 GMT -8 PF said:

Btw, Kami, how can I have it placed above the Shoutbox? Right now, it appears at the very bottom below the Shoutbox.

You can't with it in your board footers, at least not without javascript (which I don't know how to write). You can put this in your templates (admin > structure > layout template > board > board (tab)) and have that, but you'd have to repeat it for every theme you have.

Wrap it in

{if $[board.id] == 1}
the code here
{/if}

Replace "1" with the board ID, and place it after the HTML for the board legend (or before, wherever you want it). Repeat for each theme you have, and make sure to remove it from the board footer.

[PF]

Feb 10, 2021 16:11:45 GMT -8 Kami said:

Feb 10, 2021 15:46:59 GMT -8 PF said:

Btw, Kami, how can I have it placed above the Shoutbox? Right now, it appears at the very bottom below the Shoutbox.

You can't with it in your board footers, at least not without javascript (which I don't know how to write). You can put this in your templates (admin > structure > layout template > board > board (tab)) and have that, but you'd have to repeat it for every theme you have.

Wrap it in

{if $[board.id] == 1}
the code here
{/if}

Replace "1" with the board ID, and place it after the HTML for the board legend (or before, wherever you want it). Repeat for each theme you have, and make sure to remove it from the board footer.

Kami, instead of that, I would rather have it as a section on the Forum Information & Statistics section on the Home page, preferably beneath the 'Members' section or at the bottom where I have 'Forum Age'. I'll replace the Forum Age with it. 

Here's a link to my forum so you can see what I mean: link

[Kami]

Feb 10, 2021 16:26:54 GMT -8 PF said:

Feb 10, 2021 16:11:45 GMT -8 Kami said:

You can't with it in your board footers, at least not without javascript (which I don't know how to write). You can put this in your templates (admin > structure > layout template > board > board (tab)) and have that, but you'd have to repeat it for every theme you have.

Wrap it in

{if $[board.id] == 1}
the code here
{/if}

Replace "1" with the board ID, and place it after the HTML for the board legend (or before, wherever you want it). Repeat for each theme you have, and make sure to remove it from the board footer.

Kami, instead of that, I would rather have it as a section on the Forum Information & Statistics section on the Home page, preferably beneath the 'Members' section or at the bottom where I have 'Forum Age'. I'll replace the Forum Age with it. 

Here's a link to my forum so you can see what I mean: link

That's a different ask from before. Give me like an hour since I'm wrapping up my work day and I'll get back to you. Note that you will have to use templates if that's where you want it. You don't need to replace forum age with it.

[PF]

Feb 10, 2021 16:33:21 GMT -8 Kami said:

Feb 10, 2021 16:26:54 GMT -8 PF said:

Kami, instead of that, I would rather have it as a section on the Forum Information & Statistics section on the Home page, preferably beneath the 'Members' section or at the bottom where I have 'Forum Age'. I'll replace the Forum Age with it. 

Here's a link to my forum so you can see what I mean: link

That's a different ask from before. Give me like an hour since I'm wrapping up my work day and I'll get back to you. Note that you will have to use templates if that's where you want it. You don't need to replace forum age with it.

Okay, take your time. I tried it with your code and I really like it. It's just a matter of which style to choose. I can't decide.

Thank you for your help! 

ETA: btw, Kami, I like the style with your code, but the only reason I would choose the template version would be if there is no way to make the title bar collapsible. I have the Collapsible Categories plug-in, but I don't see the Bungalow category on the list to add. Would there be a way to make it collapsible?

[Kami]

OK so this one is a bit more of a pain in the butt, so be sure to follow directions VERY closely.

Go to admin > structure > layouts > home.

Scroll all the way down to this line:
<td class="icon">$[image.online_24]</td>
This should be around line 97.

Follow this HTML until you see these lines (around lines 113-117):

                        </td>
                             </tr>
                         </table>
                     </td>
                 </tr>
Under that last </tr> (line 117, or thereabouts), create a new line and copy / paste this code. Replace the word "Icon" with an image you would want to use here, should be the same size as the info centre icons. Or you can just delete the text (be careful not to delete any of the brackets) to have an empty section.

                  <tr>
                     <td colspan="2">
                         <table>
                             <tr>
                                 <td class="icon">icon</td>
                                 <td class="info last">
                                     <table>
                                         <tbody>
                                             <tr><th>Bungalow Rock Stars</th></tr>
<!-- Start a new row of 5 users with this line-->
                                               <tr>
                                                   <td><a href="/user/1">Name 1</a> <span>- Numbers</span></td>
                                                   <td><a href="/user/1">Name 2</a> <span>- Numbers</span></td>
                                                   <td><a href="/user/1">Name 3</a> <span>- Numbers</span></td>
                                                   <td><a href="/user/1">Name 4</a> <span>- Numbers</span></td>
                                                   <td><a href="/user/1">Name 5</a> <span>- Numbers</span></td>
                                               </tr>
<!-- Paste a new row of five users after this line-->
                                         </tbody>
                                     </table>
                                 </td>
                             </tr>
                         </table>
                     </td>
                 </tr>


Editing the names in are the same instruction as before. Quick tip, since the formatting on these code blocks isn't great -- highlight this code once you paste it into the templates, then press SHIFT TAB on your keyboard to align the text properly.

[PF]

Kami, OMG, I tried it on my test forum and it looks great! I just have to find an icon to go with it.

Thank you so much for your work. I really appreciate it! *hugs*

[Kami]

Feb 11, 2021 5:14:53 GMT -8 PF said:

Kami , OMG, I tried it on my test forum and it looks great! I just have to find an icon to go with it.

Thank you so much for your work. I really appreciate it! *hugs*

Glad to hear you like it! You're welcome (: