Images or css around catigories

[AllanD]

was wondering if anyone knew or could help with adding images or css tables around each category?

[kat]

Like this?

http://custom.simplemachines.org/mods/index.php?mod=3174

[AllanD]

something like the image i add. Where the dark grey goes around each category, but inside the forum wrapper.
I hope that made sense 

[kat]

Ah, right.

No mod that I know of.

I bet someone could help you figure it out, though.

It's just a case of being patient, ay?

[AllanD]

Patience I have
Thank you though very much.

[kat]

No sweat, mate!

[Antechinus]

That actually requires rewriting the markup for BoardIndex.template.php. The entire board index is one big table. To get the effect you're after, you would have to break it down into a table for each category (unless you want to go nuts and re-write the markup to be table-less).

Find:

Code Select Expand

echo '
<div id="boardindex_table">
<table class="table_list">';

/* Each category in categories is made up of:
id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down image),
and boards. (see below.) */
foreach ($context['categories'] as $category)
{

Replace:

Code Select Expand

/* Each category in categories is made up of:
id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down image),
and boards. (see below.) */
foreach ($context['categories'] as $category)
{
echo '
<div class="boardindex_table">
<table class="table_list">';

Find:

Code Select Expand

</tbody>';
}
echo '
</table>
</div>';

Replace:

Code Select Expand

</tbody>
</table>
</div>';
}

That will break it into separate tables. After that it's just a matter of using borders, etc to get what you want.

[AllanD]

Thank you for responding, but since I'm not that good at coding where would I enter the border and background info at.

[Antechinus]

Code Select Expand

<div class="boardindex_table">

That wraps each table, so you can use that class to set borders, etc in your css. Example:

Code Select Expand

.boardindex_table {
    padding: 25px;
    background: #555;
    border: 2px solid #aaa;
    border-radius: 5px;
}

[AllanD]

ok thank you

[AllanD]

Since this the  BoardIndex.template.php being modified will this take effect on all themes?

[kat]

Yep.

[AllanD]

ok thank you just needed to know that so I can have a backup original on hand.

[kat]

Good man.

[AllanD]

Just wanted to say work out great thank you both very much for taking the time to help out.

[MoinFaraz]

Hey CrazieGrafix,

Just thought i report it as i am not sure if its a redirect you are working on or an issue with your forum.

Anyways, all of your board links are not accessible at the moment. click on any board links and you will see a 404 error.

[AllanD]

Thanks I forgot to update my info on here. That forum has been sold.