Prosilver: Profiles on Left

[spaceace]

just need to add a couple of template tweaks for Prosilver: Profiles on Left that was posted on phpbb.com by Snowcone here.

all of these edits are for the default prosilver packaged with phpbb3.0.6

first, i'll break it down to the individual files that need to be edited.

this is not my work, i'm just posting another way to do it. credit goes to Snowcone.

my template tweaks are only to make the .online avatar images display in the correct places.

open theme/content.css
find

Code: Select all

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

replace with

Code: Select all

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

find

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 with

Code: Select all

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

find

Code: Select all

.pm .postprofile {
	border-left: 1px solid #DDDDDD;
}

replace with

Code: Select all

.pm .postprofile {
	border-right: 1px solid #DDDDDD;
}

open theme/colours.css
find

Code: Select all

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

replace with
i removed the .online dt edit due to it messes up the view profile page

Code: Select all

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

open template/viewtopic_body.html
find

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 -->">

replace with

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 -->">

find

Code: Select all

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

replace with
i've made a couple of template tweaks in this

Code: Select all

			<dl class="postprofile<!-- IF postrow.S_ONLINE --> online<!-- ENDIF --><!-- IF postrow.S_DELETED --> deleted_post<!-- ENDIF -->" <!-- IF postrow.S_ONLINE --> style="padding-top: 10px"<!-- ENDIF --> id="profile{postrow.POST_ID}">
			<dt style="padding-top:5px">

open template/ucp_pm_viewmessage.html
find

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 -->">

replace with

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 -->">

find

Code: Select all

	<dl class="postprofile" id="profile{MESSAGE_ID}">
		<dt><!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}">{AUTHOR_AVATAR}</a><br /><!-- ENDIF -->{MESSAGE_AUTHOR_FULL}</dt>

replace with
i've made a couple of template tweaks in this

Code: Select all

	<dl style="margin-top: -10px" class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">
		<dt style="padding-top: 15px"><!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}">{AUTHOR_AVATAR}</a><br /><!-- ENDIF -->{MESSAGE_AUTHOR_FULL}</dt>