IP.Board:Выпрямляем таблицу главной страницы форума

Материал из CSI

Перейти к: навигация, поиск

[править] IP.Board 2.3

Вот простой пример форума, где таблица его главной страницы искривлена:

Сейчас покажу как решить эту проблему. Также затронем вопрос об увеличении или фиксировании ширины столбцов таблицы.

Итак, почему происходит такое искревление? Всё очень просто. Зайдите в шаблон skin_boards (главная страница) > ForumRow и посмотрите на эту строчку:

<td class="row1" nowrap="nowrap">{$data['last_unread']} <span>{$data['last_post']}<br /><b>{$this->ipsclass->lang['in']}:</b> {$data['last_topic']}<br /><b>{$this->ipsclass->lang['by']}:</b> {$data['last_poster']}</span></td>

Видите в самом начале nowrap="nowrap"? Открываем описание тега <td> и читаем:

Цитата

Добавление параметра nowrap к тегу <TD> заставляет текст внутри ячейки отображаться без переносов, одной сплошной строкой. Неправильное использование этого атрибута может привести к тому, что таблица будет слишком широкой и не поместится целиком на веб-страницу. Как следствие, появится горизонтальная полоса прокрутки. В любом случае, пользоваться подобной таблицей будет неудобно, из-за чего применение параметра nowrap осуждается в спецификации HTML 4.

Так, значит нам нужно удалить этот параметр. Смело удаляем nowrap="nowrap" и у нас получается вот такая строчка:

<td class="row1">{$data['last_unread']} <span>{$data['last_post']}<br /><b>{$this->ipsclass->lang['in']}:</b> {$data['last_topic']}<br /><b>{$this->ipsclass->lang['by']}:</b> {$data['last_poster']}</span></td>


В принципе, на этом можно завершить наши «шаманства». Однако, если теперь посмотреть на нашу главную страницу, то можно заметить, что в столбце «Последнее сообщение» длинные названия тем стали переноситься на новую строчку. Выход: увеличить ширину столбца.

Для увеличения ширины столбца «Последнее сообщение», нужно пройти в шаблон skin_boards (главная страница) > CatHeader_Expanded. В нём найти стройку:

<th width="35%">{$this->ipsclass->lang['last_post_info']}</th>

И проценты заменить на число пикселей. Например, вот так:

<th width="200">{$this->ipsclass->lang['last_post_info']}</th>

Кроме того, нужно удалить ширину у столбца «Форум», иначе она нам испортит всё веселье. Находим:

<th colspan="2" width="66%">{$this->ipsclass->lang['cat_name']}</th>

Заменяем на:

<th colspan="2">{$this->ipsclass->lang['cat_name']}</th>


Для исправления таблицы подфорумов, нужно выполнить теже действия в шаблоне skin_boards (главная страница) > subheader.

Вот теперь у нас таблица главной страницы получилась более менее…

Я бы порекомендовал сделать все столбцы таблицы (кроме «Форум») полностью фиксированными.

[править] Ссылки

Выпрямляем таблицу главной страницы форума в IP.Board v2.3

Личные инструменты
Пространства имён
Варианты
Действия
Навигация
Категории
Инструменты