phpBB 3.0 Tutorial

Most phpBB styles show poster's profile in posts on the right side. Many people prefer profile to be on left side. This tutorial explains how to change it.

This tutorial applies only to styles available on this website, except for mobile style, Black, Ultra and Helion.

Editing Files

Open layout_topic.css in a text editor, find this code:
Code:
.postbody {
  padding: 0;
  line-height: 1.48em;
  width: 76%;
  float: left;
and in that code change float: left; to float: right;

Then find code like this (note: values might be different, search for ".postprofile"):
Code:
.postprofile {
  /* Also see tweaks.css */
  margin: 2px 0 10px 0;
  min-height: 80px;
  color: #666666;
  border-left: 1px solid #ddd;
  width: 22%;
  float: right;
and in that code change float: right; to float: left; and border-left: to border-right:

Then few lines below find this (note: color value might be different):
Code:
.pm .postprofile {
  border-left: 1px solid #ddd;
}
and change border-left: to border-right:

Then near beginning of same file find this:
Code:
.online .inner { background: url("{IMG_ICON_USER_ONLINE_SRC}") 100% 0 no-repeat; }
and replace with this:
Code:
.online .postprofile {
  background: url("{IMG_ICON_USER_ONLINE_SRC}") 100% 0 no-repeat;
  margin-top: -6px;
  padding-top: 8px;
  min-height: 100px;
}
If instead of moving "online" image you prefer to completely remove it, remove code above instead of changing it.

Problems

If after editing css files you do not see changes, go to admin control panel, click "styles" tab, click "themes" link on left side, refresh theme.

If you have any questions or ran into problems, please post your questions on support forum.