Меняем ориентацию профиля в prosilver [3.x]

[Wapik]

При установке phpBB меня,как,наверное,и многих, смутило расположение профилей слева. Google привел меня на статью сайта phpbbguru.net,где подробно был описан весь процесс. Залез в макет, я осознал - их статья актуальна местами для устаревших версий движка. Поэтому я решил нереписать их код под новую версию.

Часть данного кода взята с официального сайта русской поддержки phpBB

Шаг первый. CSS стили.
Для начала нам необходимо переместить блоки в нужном порядке. Заходим через FTP в папку /styles/prosilver/theme/ и открываем файл content.css. Здесь нам необходимо поменять ориентацию блоков и перенести границы.
В файле ищем след. участок кода:

Код: Выделить всё

.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
}

Нам необходимо заменить float: left на float: right. Должно выйти так:

Код: Выделить всё

.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: right;
	clear: both;
}

Здесь мы поменяли ориентацию блока с сообщением. Теперь в этом же файле ищем след, участок кода:

Код: Выделить всё

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border: 1px solid transparent;
	border-width: 0px 0px 0px 1px;
	width: 22%;
	float: right;
      	display: inline;
}

Этот участок кода отвечает за блок с профилем пользователя. В нем нам необходимо заменить уже больше значений,а именно:
float: right заменить на float: left и строки

Код: Выделить всё

border: 1px solid transparent;
border-width: 0px 0px 0px 1px;

Заменить на:

Код: Выделить всё

border: 0px;
border-right: 1px solid transparent;

В результате у нас должна выйти следующая кракозябра:

Код: Выделить всё

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border: 0px;
	border-right: 1px solid transparent;
	width: 22%;
	float: left;
      	display: inline;
}

На этом мы можем сохранять наш CSS файл,он нам больше не понадобится.Теперь в этой же папки палим файл colours.css и открываем для редактирования его. В нем нам нужнен такой код:

Код: Выделить всё

.online {
	background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}

Нашли? Отлично, теперь целиком выделяем этот участок и заместо него вставляем следующее:

Код: Выделить всё

.online {
	background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
	margin-top: -5px;
}

.online dt {
	margin-top: 5px;
}

Сохраняем. На этом 1й этап - CSS стили - подходит к концу,и мы переходим к редактированию моделей.

Шаг второй. Модели шаблона.
Заходим в папку /styles/prosilver/template/ и находим файл viewtopic_body.html. Открываем его и ищем такой участок кода:

Код: Выделить всё

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->">

Выделяем ее и заменяем на:

Код: Выделить всё

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">

Для особо любопытных - мы вырезали из блока с сообщением отображение Online статуса пользователя,иначе бы под текстом у нас в фоне шло "В СЕТИ". А за отображение этого у нас отвечало:

Код: Выделить всё

<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->

Далее в этом же файле нам нужно переместить отображение Online статуса на его законное место - в блок с информацией об авторе поста.
Ищем строки:

Код: Выделить всё

<dl class="postprofile" id="profile{postrow.POST_ID}">

Ее нам необходимо заменить на следующую:

Код: Выделить всё

<dl class="postprofile<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">

На этом мы перестаем мучать эту модель и сохраняем ее. Мы произвели выравнивание профиля по левой стороне в форуме. В той же папке ищем файл с моделью личного сообщения (да-да,его тоже нужно выровнять...). Файл носит гордое имя ucp_viewmessage.html. Открываем теперь его.
В нем нам нужно найти такую строку:

Код: Выделить всё

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">

И заменить ее на эту:

Код: Выделить всё

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">

Умные уже догнали,что мы сделали,а красивые уже заменили код.
Далее ищем такую плюшку (в этом же файле):

Код: Выделить всё

<dl class="postprofile" id="profile{MESSAGE_ID}">

И нуэно поменять ее на это:

Код: Выделить всё

<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">

Вот и все. Сохраняем модель.

Теперь Вам осталось только живым добраться до админки и очистить кэш движка.

P.S. Перед изменением я бы посоветовал сделать бэкап изменяемых файлов.

P.P.S. Первый раз пишу статью для этого движка,поэтому сильно не пинайте.

Всем удачи!

[Татьяна5]

[dev] Profile side switcher - Минипрофили слева - практически то же самое без правок кода

[rxu]

Wapik, спасибо за труды, и в phpBB 3.1 код можно не править, помогают расширения, например указанное выше Татьяной

[Anvar]

Если создавать свой стиль (Создание своего стиля для phpbb 3.1.x с наследованием от prosilver), то возможно и есть смысл менять местоположение минипрофилей без использования расширения.

[Sumanai]

то возможно и есть смысл менять местоположение минипрофилей без использования расширения.

Нету- оно будет мешать расширению [dev] Profile side switcher - Минипрофили слева , а его лучше ставить- вдруг кому то справа по нраву.

[Anvar]

На phpbb.com есть стили левосторонние и об конфликтах с расширениями даже не думают.

[Татьяна5]

Можно создать папку для левостороннего стиля в расширении, поправить чуть js и css для переключения направо, и никаких конфликтов не будет (останется разве что путаница в надписях, но это некритично)

[Casper12]

почему в стандартном стиле нету значка offline ???

[Sumanai]

Casper12, потому что он не нужен.