Разделы в виде кнопок

[Aimo]

Подскажите, как сделать разделы форума в виде прямоугольников?

Код: Выделить всё

<!-- BEGIN catrow -->
<tr>
</tr>
<!-- BEGIN forumrow -->
<tr>
<td class="row1" height="45"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
<td class="row1" width="100%"><a href="{catrow.forumrow.U_VIEWFORUM}" class="nav">{catrow.forumrow.FORUM_NAME}</a><br />
<span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
</span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
</tr>
<!-- END forumrow -->
<!-- END catrow -->

[Палыч]

Aimo
Или нарисуйте или дайте ссылку на то, что вы хотите.

[FladeX]

Автор имеет в виду usemap?

[Aimo]

Сделал схему

[FladeX]

Можно сделать по 2 прямоугольника в каждой строке, либо по 3. А чтобы чередовалось, как на рисунке... Что-то даже не знаю, с чего начинать.

[Aimo]

А как сделать по 2 или 3 прямоугольника?

[FladeX]

Ну для начала отмечу, что все нужные вам изменения следует производить в файле templates/subsilver/index_body.tpl (вместо subsilver подставьте название вашего стиля).

Далее... Первые мысли (на основе subSilver):

приблизительно 16 строка:

Код: Выделить всё

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">

замените на

Код: Выделить всё

<table width="48%" cellpadding="2" cellspacing="1" border="0" class="forumline">

Это сделает первую колонку.

Теперь нужно как-то изменить парсер, чтобы он в шахматном порядке заполнял таблицы...

[Палыч]

Aimo
Примерно так

Код: Выделить всё

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <!-- BEGIN catrow -->
  <tr>
   <td class="catLeft" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
  </tr>
  <tr><td class="row1" width="100%">
    <!-- BEGIN forumrow -->
      <div style="float: left; width: 33%;" align="center">
      <table border="1"><tr><td>
   <img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />   <span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br /></span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
     </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span>
     </td></tr></table>
     </div>
   <!-- END forumrow -->
   </td></tr>
  <!-- END catrow -->
</table>

Остально настроите по вкусу http://www.htmlbook.ru