Перейти к содержанию
  • Разделы форума в две колонки для IP.Board 3.4


    KitsuneSolar

    Лицензия:

    • _creativecommons.org/licenses/by-nc-sa/4.0/

    Делать было нечего, дело было вечером... Встречаем... 

    Как такое сделать? Просто откройте custom.css (или ipb_styles.css) и добавьте следующий код:

    /**
    - * Two Columns Forum
    - * By CYBERSPACE.Industries
    - * <__cyberspace.industries/>
    - * ------------------------------------------------------------------------- */
    
    @media all and (min-width: 1400px) {
      #categories .category_block table.ipb_table tbody {
        overflow: hidden;
      }
      #categories .category_block table.ipb_table tr {
        display: table;
        float: left;
        width: 50%;
      }
      #categories .category_block table.ipb_table tr.header {
        display: none;
      }
      #categories .category_block table.ipb_table tr.unread {
        background-color: transparent;
      }
      #categories .category_block table.ipb_table td {
        display: table-cell;
        border-bottom: none;
      }
      #categories .category_block table.ipb_table td.col_c_stats {
        display: none; /* удаление ячейки со статистикой */
      }
      #categories .category_block table.ipb_table td.col_c_post {
        width: 200px; /* изменение ширины ячейки последнего сообщения  */
      }
    }

    Код адаптивный. При уменьшении окна браузера до 1400 пикселей (и меньше) вид шаблона возвращается к стандартному отображению.


    Обратная связь

    Рекомендуемые комментарии

    Комментариев нет



    Присоединяйтесь к обсуждению

    Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
    Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

    Гость
    Добавить комментарий...

    ×   Вставлено с форматированием.   Вставить как обычный текст

      Разрешено использовать не более 75 эмодзи.

    ×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

    ×   Ваш предыдущий контент был восстановлен.   Очистить редактор

    ×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


×
×
  • Создать...