Post by bubu on Oct 28, 2024 0:14:06 GMT -8
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:
board:
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}