Editing Files
Open layout_topic.css in a text editor, find this 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"):
.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):
.pm .postprofile {
border-left: 1px solid #ddd;
}and change border-left: to border-right:
Then near beginning of same file find this:
.online .inner { background: url("{IMG_ICON_USER_ONLINE_SRC}") 100% 0 no-repeat; }and replace with this:
.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.