По сути дела, в предыдущем примере мы добавили колонку АВТОР в 95 пикселей всего лишь за счёт уменьшения ненужной в этом окне ширины последней колонки ПОСЛЕДНЕЕ СООБЩЕНИЕ с 255 пикселей до 160 пикселей, не затрагивая ничего лишнего.
Для тех же кто желает сделать ширину колонки АВТОР более 95 пикселей, придётся вспомнить арифметику.
Три правых колонки - ОТВЕТЫ, ПРОСМОТРЫ и ПОСЛЕДНЕЕ СООБЩЕНИЕ
имеют ширину в пикселях соответственно - 95px, 95px, 250px и если их сложить, получим 440px,
запомним это число, все значения переменных равные 440px - есть выделенное для этих колонок пространство.
Теперь допустим, мы хотим добавить колонку АВТОР шириной 120px, а поле ПОСЛЕДНЕЕ СООБЩЕНИЕ сделать 160px.
Для этого, в файле
styles\prosilver\theme\content.css
1 -----------------------------------------------собственно добавляем переменную и указываем ширину колонки для неё 120px:------------------------ 1
Код: Выделить всё
dd.author {
width: 120px;
text-align: center;
line-height: 2.2em;
font-size: 1.2em;
}
2 -----------------------------------------------добавляем переменную для укороченной колонки ПОСЛЕДНЕЕ СООБЩЕНИЕ длинной 160px------------ 2
Код: Выделить всё
dd.lastpost2 {
width: 160px;
font-size: 1.1em;
}
3 -----------------------------------------------добавляем переменную dd.lastpost2 к описанию в строке-------------------------------------------- 3
Код: Выделить всё
dd.lastpost2 > span,
dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
теперь займёмся расчётами...
четыре колонки - АВТОР, ОТВЕТЫ, ПРОСМОТРЫ, ПОСЛЕДНЕЕ СООБЩЕНИЕ
будут иметь размеры - 120px, 95px, 95px, 160px, сложив получаем 470px, то есть, сумма увеличилась на 30 пикселей.
находим все значения переменных равные 440px обозначающих свободное пространство справа, и меняем их на 470px
Изменения нужно сделать в четырёх секциях:
4 ---------------------------для поля топика------------------------------------------------------------------------------------------------ 4
Код: Выделить всё
ul.topiclist dt {
width: 100%;
margin-right: -470px;
font-size: 1.1em;
}
5 ------------------------------------------------------------------------------------------------------------------------------------------------ 5
Код: Выделить всё
ul.topiclist dt .list-inner {
margin-right: 470px;
padding-left: 5px;
padding-right: 5px;
}
6 ----------------------------для заголовка таблицы---------------------------------------------------------------------------------------- 6
Код: Выделить всё
i.header dt {
font-weight: bold;
width: 100%;
margin-right: -470px;
}
7 ------------------------------------------------------------------------------------------------------------------------------------------------ 7
Код: Выделить всё
li.header dt .list-inner {
margin-right: 470px;
}
При этом следует учитывать то обстоятельство, что выделяя больше места для колонок справа в одном окне, это приводит к увеличению места для колонок справа и в другом окне - в окне с колонками ТЕМЫ, СООБЩЕНИЯ и ПОСЛЕДНЕЕ СООБЩЕНИЕ, в результате чего ширина последней сама по себе визуально увеличится на те же 30 пикселей, и правильней будет действительно его увеличить:
8 -----------------меняем значение переменной для колонки ПОСЛЕДНЕЕ СООБЩЕНИЕ делая её длину 280px------------ 8
Код: Выделить всё
dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
width: 280px;
font-size: 1.1em;
}
Вот собственно все изменения в файле
styles\prosilver\theme\content.css
Но это ещё не всё...
Поскольку изменилась ширина колонки ПОСЛЕДНЕЕ СООБЩЕНИЕ в окне, в котором нет колонки АВТОР, будет красивее и правильнее увеличить длину отображаемой и предварительно обрезаемой строки с 30 до 35 или 36 символов - можно поиграться и проверить на длинных заголовках чтобы текст вмещался в одну строчку по максимуму и не переносился на вторую.
Для этого редактируем строку в файле
includes\functions_display.php
Код: Выделить всё
$last_post_subject_truncated = truncate_string($last_post_subject, 36, 255, false, $user->lang['ELLIPSIS']);
В файле
viewforum_body.html делаем изменения уже описанные для варианта с шириной колонки АВТОР в 95 пикселей...
Сохраняем изменения, очищаем кэш и проверяем...