I've got a number of emails asking how to add static icons in the Category frame. Below is my solution:
- Create icons for each category and name them category[cat_id].gif, for example
category1.gif, category2.gif, etc.
This is according to your taste, of course. I'm using 40x40 gif's like this:
- Create the image
joinbottom.gif for sub-categories or use mine:
- Place them all into /templates/xxxx/images/ folder (or /templates/xxxx/images_lang/ if you are using multiple languages)
- Change your /templates/xxxx/category_bit.html as follows:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" rowspan="2" align="center" valign="top">
<a href="{cat_url}"><img src="{template_lang_image_url}/category{cat_id}.gif" border="1"></a></td>
<td align="left" valign="top"><a href="{cat_url}" class="maincat">{cat_name}</a> ({num_images})</td>
</tr>
<tr>
<td align="left" valign="top">{if cat_description}<span class="smalltext">{cat_description}</span><br />{endif cat_description}</td>
</tr>
</table>
{if sub_cats}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" align="center" valign="top"><img src="{template_lang_image_url}/joinbottom.gif"></td>
<td align="left" valign="top">{sub_cats}</td>
</tr>
</table>
{endif sub_cats}
- If you do not use multiple languages, change {template_lang_image_url} to {template_image_url}
That's it! Demo at
http://faces.dalnet.ru/index.php?l=english