Changing the position in a thread!

[selimahope]

How would I change the position of the mini profile from left to top?

[Retread]

Feb 21, 2019 8:53:02 GMT -8 selimahope said:

How would I change the position of the mini profile from left to top?

Hi selimahope

The short version: Make sweeping changes in two of the Layout Templates.

Admin Home> Themes> Layout Templates> click Thread, then click on the Post List tab.

SPOILER: Click to show

PB Stock version:

{foreach $[post]}
	<tr id="$[post.content_id]" class="$[post.content_class]{if $[post.even]} even{/if}{if $[viewing_recent_posts]} recent{/if}">
		<td class="$[post.unblocked_class]">
			<table role="grid">
				<tr>
					<td class="left-panel" rowspan="2">
						$[post.created_by.miniprofile]
					</td>
					<td class="content">
						<article>
							<div class="content-head ui-helper-clearfix">
								<div class="info">
									$[post.thread]
									<span class="date">$[post.created_on]</span>
									{if $[post.how_posted]}
										<span class="post-method">via $[post.how_posted]</span>
									{/if}
									$[post.likes]
								</div>
								<div class="controls">
									$[post.quote_button]
									$[post.edit_button]
									$[post.likes.button]
									$[post.select_options]
								</div>
							</div>
							<h3 class="title aria-hidden">Post by $[post.created_by.name] on $[post.created_on]</h3>
							<div class="message">$[post.message]</div>
						</article>
					</td>
				</tr>
				<tr>
					<td class="foot">
						{if $[post.edited]}
							<div class="edited_by"><span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if}</div>
						{/if}
						{if $[post.created_by.signature]}
							<div class="signature">$[post.created_by.signature]</div>
						{/if}
					</td>
				</tr>
			</table>
		</td>
		{if $[post.is_blocked]}
			<td class="$[post.blocked_class] content center">
				<div class="message note pad-bottom">This post is hidden</div>
				$[post.display_blocked_post_button]
			</td>
		{/if}
	</tr>
{/foreach}
{if !$[post]}
	<tr class="last"><td class="last center" colspan="1">No posts were found.</td></tr>
{/if}

and

Admin Home> Themes> Layout Templates> click Mini-Profile

SPOILER: Click to show

PB Stock version:

<div class="$[miniprofile_class]">
	$[user]<br />
	{if $[user.is_guest]}Guest<br />{/if}
	{if $[user.is_deleted]}<em>Deleted Member</em><br />{/if}
	{if $[user.group]}
		$[user.group.name]<br />$[user.group.stars]<br />
	{elseif $[user.rank]}
		$[user.rank.name]<br />
		{if $[user.rank.stars]}
			$[user.rank.stars]<br />
		{/if}
	{/if}
	{if $[user.custom_title]}$[user.custom_title]<br />{/if}
	$[user.warning.bar]
	<br />
	{if $[user.avatar]}
		<div class="avatar">$[user.avatar]</div><br />
	{/if}
	{if $[user.personal_text.message]}
		$[user.personal_text]<br />
	{/if}
	{if $[user.is_member]}
		<div class="info">
			Posts: $[user.posts]{if $[user.gender]}<span class="float-right">$[user.gender.image]</span>{/if}
			{foreach $[user.mini_custom_field]}
				<br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
			{/foreach}
			{if $[user.is_online]}<br /><span class="italic">Member is Online</span>{/if}
		</div><br />
	{/if}
	{if $[user.badges_miniprofile]}
		<div class="$[user.badges_miniprofile_container_class]">
			{foreach $[user.badges_miniprofile]}
				$[user.badges_miniprofile.icon]
			{/foreach}
		</div>
	{/if}
</div>

The slightly longer version:

The Post List template has the Mini-Profile in a table cell in the 'left panel'. The cell to the right (in the same row) has the timestamp, likes, controls, and contents of the post. The table row beneath that spans the full width and contains the 'edited by' and signature.

You'll need to change that and put the $[post.created_by.miniprofile] and all the items in the cell to the right in separate rows which span the full width, then restructure the Mini-Profile template to arrange the items horizontally rather than vertically.

---

The Bottom Line: It would require quite a significant amount of work and careful planning.

[Scott]

selimahope,

1. Are you already using a customized theme that you wish to make this change to? Or is the change being made to the basic theme layout?

2. Might help if you were able to perhaps sketch some kind of visual of what you are looking to achieve, and then upload/attach it to this thread.

Just moving the profile to the top of the post basically puts a vertical rectangle mini-profile on top of a horizontal post. Is this the look you are going for?

It would help those that potentially opt to assist if they knew more about the look or layout you were wanting.