Нумерация постов на phpBB2

Как известно на движке phpBB2 нет номеров сообщений. В связи с этим решил прикрутить номера как на движке punBB.

1. ПА - Оформление - Шаблоны - Общие настройки
Откройте шаблон viewtopic_body (Показ темы), найдите фрагмент:

Код:

<!-- BEGIN switch_vote_active -->

и перед ним поставьте

Код:

<div class="room"><strong>{postrow.displayed.COUNT_POSTS}</strong></div>

Сохраните и опубликуйте шаблон.

2. ПА - Оформление - Картинки и цвета - Цвета - Каскадная таблица стилей CSS
Вставьте код оформления

Код:

.room {
background-color:#DBF3FF; /* фон ячейки с номером */
border:1px dotted #828282; /* толщина, стиль и цвет рамки */
float:right; /* расположение номера справа */
font-size:11px; /* размер шрифта номера */
font-family:Georgia; /* шрифт номера */
color:#000080; /* цвет номера */
margin:-5px 1px 0 7px; /* отступ ячейки */
padding:1px 3px; /* отступ номера в ячейке */
}

Сохраните.

Что бы картинкой то в CSS ставим такой код

Код:

.room {
background-image:url(http://i30.servimg.com/u/f30/14/80/95/87/ddn_dd10.png); /* фоновая картинка */
background-repeat:no-repeat;
width:43px; /* ширина картинки */
height:29px; /* высота картинки */
float:right; /* расположение номера справа */
font-size:12px; /* размер шрифта номера */
font-family:Georgia; /* шрифт номера */
color:#000080; /* цвет номера */
margin:-5px 1px 0 5px;
padding:3px 0; /*расположение номера в картинке */
text-align:center;
}

В результате получится вот так



или так



Вот ещё картинки

---

Делаем номер поста ссылкой.

Кликнув на номер поста в адресной строке браузера будет отображаться ссылка именно на данный пост.
Это анологично Re: "название темы" активное как на punBB и phpBB3

В шаблон viewtopic_body (Показ темы) перед фрагментом

Код:

<!-- BEGIN switch_vote_active -->

надо поставить

Код:

<div class="room"><a href="#{postrow.displayed.U_POST_ID}">{postrow.displayed.COUNT_POSTS}</a></div>

Сохраните и опубликуйте шаблон.

В CSS поставьте

Код:

.room {
background-image:url(http://i30.servimg.com/u/f30/14/80/95/87/ddn_dd10.png); /* фоновая картинка */
background-repeat:no-repeat;
width:43px; /* ширина картинки */
height:29px; /* высота картинки */
float:right;
margin:-5px 1px 0 5px;
padding:3px 0; /*расположение номера в картинке */
text-align:center;
}

.room a{
color:#000080; /* цвет номера */
text-decoration:none;
font-size:13px; /* размер шрифта номера */
font-family:Georgia; /* шрифт номера */
}
.room a:hover{
color:#FF0000;/* цвет номера при наведении курсора */
text-decoration:none;
}

Спасибо

Урок отличный, только тут одно но: в тех постах, автором которых являюсь я, нумерация не работает. Т.е. если у меня нет возможности поставить "+" или "-" (в автор своих постов не может их оценивать), то и номеров, к сожалению, не видно

Adeline пишет:Урок отличный, только тут одно но: в тех постах, автором которых являюсь я, нумерация не работает. Т.е. если у меня нет возможности поставить "+" или "-" (в автор своих постов не может их оценивать), то и номеров, к сожалению, не видно

А вы уверены что туда вставили код

Код:

<div class="room"><strong>{postrow.displayed.COUNT_POSTS}</strong></div>

Посмотрите внимательно, его надо ставить перед фрагментом

Код:

<!-- BEGIN switch_vote_active -->

а не после него
я же проверял, репутация и номер поста друг от друга не зависимы

Огромное спасибо за код и картинки!

Adeline, вот вам подтверждене моего поста, я как автор не имею права на репу самому себе но вижу номер

Systemik@ пишет:Огромное спасибо за код и картинки!

Пожалуйста!
Вижу уже прикрутили)))

угу, прикрутили)
Домовой, ещё вопрос: возможно номер перенести в место, которое на скрине отмечено птичкой?

Systemik@ пишет:угу, прикрутили)
Домовой, ещё вопрос: возможно номер перенести в место, которое на скрине отмечено птичкой?

Туда что то никак, а вот после кнопок можно


Найдите в шаблоне фрагмент

Код:

<td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>

и замените на

Код:

<td valign="top" nowrap="nowrap" class="post-options"> <div class="room">{postrow.displayed.COUNT_POSTS}</div>                                  
   {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
            </td>

Тот код что ставили раньше удалите
Соответственно в CSS регулируйте отступы

Спасибо, так тоже хорошо)