images in categories & boards

[bubu]

Hi! How can I change the images in the forum category on the home page? Currently, I have code in the style sheet that one image is repeated above each category, and I would like each image to be different for categories.



style sheet:


@default-board-image: 'IMG'; /* 300 pixels by 120 pixels */


board:


<div class="p-category" style="margin-bottom: 0;">

   <div class="image" style="margin-bottom: 0;">

       <div class="overlay">

           $[board.display_name]          

       </div>

   </div>

</div>

{if $[board.sub_board_list]}

<div class="container p-category" style="margin-bottom: 0px;">

<div class="title-bar" style="margin-bottom: 15px;"><h2>Sub-Boards</h2></div>

$[board.sub_board_list]

</div>

{/if}

{if $[display_thread_list]}

<div{if $[viewing_bookmarks]} id="bookmarks"{/if} class="container threads" style="padding-bottom: 15px;">

       {if $[create_thread_button]}

       <div align="center" style="height: 15px;">

        <a class="c-thread" href="$[create_thread_button.href]">

            <left></left>

            <right></right>

            create a new thread

        </a>

       </div>

       {/if}

<div class="title-bar">

<h1>threads</h1>

</div>

<div class="control-bar ui-helper-clearfix $[scroll_class]">

$[search]

<div class="controls">

$[selection_menu]

$[action_menu]

</div>

$[pagination]

</div>

<div class="content cap-bottom">

<table class="list p-threads">

<tbody class="$[list_class]">

$[thread_list]

</tbody>

</table>

</div>

</div>

{/if}



{if $[board.id]}{if $[show_stats]}

<div class="forum-statistics" style="height: 353px;">

       <div class="side">

           <table class="stats">

               <tr>

                   <td>

                       $[board.threads] thread{if $[board.threads] != 1}s{/if} <i class="fas fa-list-ul"></i>

                   </td>

                   <td>

                       $[board.posts] post{if $[board.posts] != 1}s{/if} <i class="fas fa-bolt"></i>

                   </td>

               </tr>

           </table>

       </div>

       <div class="user-abilities">

           you can{if !$[can.create_threads]}not{/if} create threads<br>

           you can{if !$[can.reply_to_threads]}not{/if} reply to threads<br>

           you can{if !$[can.create_polls]}not{/if} create polls

       </div>

       <div class="board-desc">

           {if $[board.description]}

           $[board.description]

           {else}

           This board has no description.

           {/if}

       </div>

       <table class="online">

           <tr>

               <td>

                   <div class="t">

                       <span>

                           currently viewing

                       </span>

                   </div>

                   <div class="sides">

                       <div>

                           $[total_board_guests] guest{if $[total_board_guests] != 1}s{/if}

                       </div>

                       <div>

                           $[total_board_members] member{if $[total_board_members] != 1}s{/if}

                       </div>

                       <div style="border-bottom-width: 1px;">

                           $[total_board_staff] staff

                       </div>

                   </div>

                   <div class="people">

                       {foreach $[board_user]}

                        $[board_user]{if $[board_user.invisible]} <span class="small">(invisible)</span>{/if}$[board_user.comma]

                       {/foreach}

                   </div>

               </td>

           </tr>

       </table>

</div>

{/if}{/if}

[Craig]

Hi babu

Could you clarify. You posted the thread view template which lists the threads, so want to check confirm what area of the forum you want to modify.

[bubu]

Oct 28, 2024 5:50:11 GMT -8 Craig said:

Hi babu

Could you clarify. You posted the thread view template which lists the threads, so want to check confirm what area of the forum you want to modify.

Hi Craig,

Thank you for your answer!  I would like to change these images to be different in each category, so that they are not all with a ball. In style sheet I have this code with only one picture (@default-board-image: 'IMG'; /* 300 pixels by 120 pixels */) and I don't know how to make it possible to put a different picture in each category.

Here is a screenshot of what I would like to change
i.imgur.com/cA91ECm.png

[Craig]

Oops. Sorry, one last question. What is the link to your forum?

[bubu]

Oct 28, 2024 9:52:59 GMT -8 Craig said:

Oops. Sorry, one last question. What is the link to your forum?

montanagrizzlies.proboards.com/

[Craig]

Thanks

Looks like you need to install the Board Description Images plugin from the plugin library, and that will allow you to set a different image for each board.

[bubu]

Oct 28, 2024 10:31:06 GMT -8 Craig said:

Thanks

Looks like you need to install the Board Description Images plugin from the plugin library, and that will allow you to set a different image for each board.

Thanks! It works!!! 

[Craig]

You are welcome. Glad it helped