1. Firstly we will make sure attachments boxes are not separated from the rest of the post by the profile pane
Open styles/prosilver/theme/content.css
Search:
- Code: Select all
/* Attachments
----------------------------------------*/
.attachbox {
float: left;
width: auto;
margin: 5px 5px 5px 0;
padding: 6px;
background-color: #FFFFFF;
border: 1px dashed #d8d8d8;
clear: left;
}
Replace with:
- Code: Select all
/* Attachments
----------------------------------------*/
.attachbox {
float: left;
width: auto;
margin: 5px 5px 5px 0;
padding: 6px;
background-color: #FFFFFF;
border: 1px dashed #d8d8d8;
clear: right;
}
2. Second we are going to change the float value for the .postbody class from left to right.
open styles/prosilver/theme/content.css
Search:
- Code: Select all
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}
Change it to:
- Code: Select all
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}
3. We are going to change the float value for the .postprofile class from right to left and move the white vertical border to the right side.
open styles/prosilver/theme/content.css
Search:
- Code: Select all
/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
display: inline;
}
Replace it with
- Code: Select all
/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}
4: Next find this:
- Code: Select all
.pm .postprofile {
border-left: 1px solid #DDDDDD;
}
Replace it with:
- Code: Select all
.pm .postprofile {
border-right: 1px solid #DDDDDD;
}
5: Next find this:
Open : styles/prosilver/theme/colours.css
- Code: Select all
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
Replace it with:
- Code: Select all
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
margin-top: -5px;
}
.online dt {
margin-top: 5px;
}
6. First we need to remove the current image from being applied to the Post's div.
Open viewtopic_body.html
search:
- Code: Select all
<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 and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">
Remove this: <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->
to create this:
- Code: Select all
<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 -->">
7. Now we need to add this back to the postprofile dl element.
Open viewtopic_body.html
search:
- Code: Select all
<dl class="postprofile" id="profile{postrow.POST_ID}">
replace with:
- Code: Select all
<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
8. open styles/prosilver/template/ucp_pm_viewmessage.html
Search:
- Code: Select all
<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
Remove this: <!-- IF S_ONLINE --> online<!-- ENDIF -->
to create this:
- Code: Select all
<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
9. Find this code;
- Code: Select all
<dl class="postprofile" id="profile{MESSAGE_ID}">
Change it to:
- Code: Select all
<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">
This should correctly align the profiles on the left just like in subsilver in topics as well as Private Messages. Here is what you get if completed properly:
Viewing a PM:
Viewing a Post:
20091105 - removed the acp-editor information and slightly re-written by Raimon
20101101 - added .attachbox changes by AdamR
20111702 - Corrected step 8 to include classes added through phpBB updates - Christian 2.0