Prosilver: Profiles on Left

Adjustments to existing phpBB3 styles
Post Reply
User avatar
spaceace
Site Owner
Posts: 991
Joined: Wed Dec 16, 2009 8:30 pm
Location: Ontario, Canada
Flag: Canada
Contact:

Prosilver: Profiles on Left

Post by 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>
Last edited by spaceace on Tue Feb 26, 2013 10:29 am, edited 2 times in total.

if you like my work and would like to contribute to my development of styles, please donate by using the donate button in the header.

Image

Need hosting? Click this text to check out ICDSOFT

Post Reply