Чтобы иконки сообщений не "наезжали" на иконки тем

[Luz]

Как сделать так, чтобы созданные вами иконки тем:



не накладывались в оглавлении на иконки "статуса" тем ("тема закрыта", "новое сообщение в теме" и т.д. )


Напоминаем, что вы можете задать свои собственные иконки сообщений : при создании темы участник форума может выбрать иконку для своей темы.

ПА - Стили - Картинки и цвета - Иконки сообщений

Будем называть здесь эти иконки "иконками сообщений"

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

ПА - Стили - Картинки и цвета - Быстрое управление картинками - вкладка "Иконки тем"

Будем называть здесь эти иконки "иконками тем"

Если ваш форум работает в версии phpbb2,
эти иконки будут показываться в двух разных колонках на странице оглавления под-форума:




Однако в версии phpbb3 одни иконки как бы "накладываются" на другие. Это может быть удобно, если стиль вашего форума рассчитан на подобное наложение. Но во многих случаях иконки "склеиваются" и заслоняют друг друга :




Благодаря возможности редактировать CSS форума этот эффект в phpbb3 можно устранить.

Откройте окно редактирования CSS:

ПА - Стили - Картинки и цвета - Цвета
вкладка "Каскадная таблица стилей CSS"

Вам понадобится следующий код:

dl.icon {
min-height: Xpx;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: Y+Zpx;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: Ypx 5px;
min-height: Xpx;
height:auto !important
}

В этом коде вам надо заменить :

X заменить высотой иконки темы или иконки сообщения (выбрать самую высокую из этих иконок!), увеличенной на 5 пикселей (X = высота самой высокой иконки + 5 пикселей)
Y заменить шириной инонки темы, увеличенной на 5 пикселей (Y = ширина иконки темы + 5 пикселей)
Y+Z заменить суммой : ширина иконки темы + ширина инонки сообщения + 5 или 10 пикселей

Получившийся код надо вставить в окно редактирования CSS и нажать на кнопку "ОК" прямо под этим окном (Осторожно! Не трогайте кнопку "Сохранить", расположенную ниже ! )