Tekil Mesaj gösterimi - XenForo'da tablo halinde mesaj alanları (message/postbit)

Konu XenForo'da tablo halinde mesaj alanları (message/postbit)

07-03-2015, 23:12:40

message şablonunu açın ve tüm kodları bununla değiştirin;

<xen:require css="message.css" />
<xen:require css="bb_code.css" />

<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_staff}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
	<div class="msgTitle">
		<span class="item">
			<xen:if is="{$post.canInlineMod}">
				<input type="checkbox" name="posts[]" value="{$post.post_id}" class="InlineModCheck item" data-target="#post-{$post.post_id}" title="{xen:phrase select_this_post_by_x, 'name={$post.username}'}" />
			</xen:if>
			<xen:if is="!{$message.conversation_id}">
				<a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="datePermalink"><xen:datetime time="$post.post_date" /></a>
			</xen:if>
			<xen:if is="{$message.conversation_id}">
				<a href="{xen:link conversations/message, $conversation, 'message_id={$message.message_id}'}" class="datePermalink"><xen:datetime time="$message.message_date" /></a>
			</xen:if>
		</span>
		<div class="privateControls">
			<xen:if is="!{$message.conversation_id}">
				<a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="item control muted postNumber hashPermalink OverlayTrigger" data-href="{xen:link posts/permalink, $post}">#{xen:calc '{$post.position} + 1'}</a>
			</xen:if>
			<xen:if is="{$post.canEdit}"><a href="{xen:link posts/edit, $post}" class="item control edit {xen:if $xenOptions.messageInlineEdit, OverlayTrigger}" data-href="{xen:link posts/edit-inline, $post}" data-overlayOptions="{&quot;fixed&quot;:false}" data-messageSelector="#post-{$post.post_id}"><span></span>{xen:phrase edit}</a><xen:require js="js/xenforo/discussion.js" /></xen:if>
			<xen:if is="{$post.edit_count} && {$post.canViewHistory}"><a href="{xen:link posts/history, $post}" class="item control history ToggleTrigger"><span></span>{xen:phrase history}</a></xen:if>
			<xen:if is="{$post.canDelete}"><a href="{xen:link posts/delete, $post}" class="item control delete OverlayTrigger"><span></span>{xen:phrase delete}</a></xen:if>
			<xen:if is="{$post.canCleanSpam}"><a href="{xen:link spam-cleaner, $post}" class="item control deleteSpam OverlayTrigger"><span></span>{xen:phrase spam}</a></xen:if>
			<xen:if is="{$canViewIps} AND {$post.ip_id}"><a href="{xen:link posts/ip, $post}" class="item control ip OverlayTrigger"><span></span>{xen:phrase ip}</a></xen:if>
			<xen:if is="{$post.canWarn}">
				<a href="{xen:link members/warn, $post, 'content_type=post', 'content_id={$post.post_id}'}" class="item control warn"><span></span>{xen:phrase warn}</a>
			<xen:elseif is="{$post.warning_id} && {$canViewWarnings}" />
				<a href="{xen:link warnings, $post}" class="OverlayTrigger item control viewWarning"><span></span>{xen:phrase view_warning}</a>
			</xen:if>
			<xen:if is="{$post.canReport}">
				<a href="{xen:link posts/report, $post}" class="OverlayTrigger item control report" data-cacheOverlay="false"><span></span>{xen:phrase report}</a>
			</xen:if>
			<xen:if is="{$message.conversation_id}">
				<xen:if is="{$message.canReport}">
					<a href="{xen:link 'conversations/report', $conversation, 'message_id={$message.message_id}'}" class="OverlayTrigger item control report" data-cacheOverlay="false"><span></span>{xen:phrase report}</a>
				</xen:if>
			</xen:if>
		</div>
	</div>
	<xen:include template="message_user_info">
		<xen:map from="$message" to="$user" />
	</xen:include>
	<div class="messageInfo primaryContent">
		<xen:if is="{$message.isNew}"><strong class="newIndicator"><span></span>{xen:phrase new}</strong></xen:if>
		<xen:if hascontent="true">
			<ul class="messageNotices">
				<xen:contentcheck>
					<xen:hook name="message_notices" params="{xen:array 'message={$message}'}">
						<xen:if is="{$message.warning_message}">
							<li class="warningNotice"><span class="icon Tooltip" title="{xen:phrase warning}" data-tipclass="iconTip flipped"></span>{$message.warning_message}</li>
						</xen:if>
						<xen:if is="{$message.isDeleted}">
							<li class="deletedNotice"><span class="icon Tooltip" title="{xen:phrase deleted}" data-tipclass="iconTip flipped"></span>{xen:phrase this_message_has_been_removed_from_public_view}</li>
						<xen:elseif is="{$message.isModerated}" />
							<li class="moderatedNotice"><span class="icon Tooltip" title="{xen:phrase awaiting_moderation}" data-tipclass="iconTip flipped"></span>{xen:phrase this_message_is_awaiting_moderator_approval_and_is_invisible_to_normal}</li>
						</xen:if>
						<xen:if is="{$message.isIgnored}">
							<li>{xen:phrase you_are_ignoring_content_by_this_member} <a href="javascript:" class="JsOnly DisplayIgnoredContent">{xen:phrase show_ignored_content}</a></li>
						</xen:if>
					</xen:hook>
				</xen:contentcheck>
			</ul>
		</xen:if>
		<xen:hook name="message_content" params="{xen:array 'message={$message}'}">
			<div class="messageContent">		
				<article>
					<blockquote class="messageText SelectQuoteContainer ugc baseHtml{xen:if $message.isIgnored, ' ignored'}">
						<xen:include template="ad_message_body" />
						{xen:raw $message.messageHtml}
						<div class="messageTextEndMarker">&nbsp;</div>
					</blockquote>
				</article>				
				{xen:raw $messageContentAfterTemplate}
			</div>
		</xen:hook>
		<xen:if is="{$message.last_edit_date}">
			<div class="editDate">
				<xen:if is="{$message.user_id} == {$message.last_edit_user_id}">
					{xen:phrase last_edited}: <xen:datetime time="{$message.last_edit_date}" />
				<xen:else />
					{xen:phrase last_edited_by_moderator}: <xen:datetime time="{$message.last_edit_date}" />
				</xen:if>
			</div>
		</xen:if>
		<xen:if is="{$visitor.content_show_signature} && {$message.signature} AND !{$message.conversation_id}">
			<div class="baseHtml signature messageText ugc{xen:if $message.isIgnored, ' ignored'}"><aside>{xen:raw $message.signatureHtml}</aside></div>
		</xen:if>
		{xen:raw $messageAfterTemplate}
		<div id="likes-{$messageId}">
			<xen:if is="{$message.likes}">
				<xen:include template="likes_summary" />
			</xen:if>
		</div>
	</div>
	<xen:hook name="message_below" params="{xen:array 'post={$message}','message_id={$messageId}'}" />
	<xen:include template="ad_message_below" />
</li>

message.css şablonunu açın ve tüm kodları bununla değiştirin;

<xen:edithint template="message_user_info.css" />

.messageList
{
	@property "messageList";

	@property "/messageList";
}

.messageList .message
{
	@property "message";
	padding-top: 10px;
	padding-bottom: 30px;
	@property "/message";
}

{xen:helper clearfix, '.messageList .message'}

/*** Message block ***/

.message .messageInfo
{
	@property "messageInfo";
	padding: 0;
	border-bottom: 1px none black;
	@property "/messageInfo";
	zoom: 1;
}

	.message .newIndicator
	{
		@property "messageNewIndicator";
		font-size: 11px;
		color: @textCtrlBackground;
		background: #000000 url('@imagePath/xenforo/gradients/form-button-white-25px.png') repeat-x top;
		padding: 1px 5px;
		margin: 3px -5px 5px 5px;
		border: 1px solid #504D5F;
		border-radius: 3px;
		border-top-right-radius: 0px;
		display: block;
		float: right;
		position: relative;
		box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
		@property "/messageNewIndicator";
		
		margin-right: -16px;
	}
	
		.message .newIndicator span
		{
			@property "messageNewIndicatorInner";
			border-top-right-radius: 3px;
			background-color: rgba(98, 85, 85, 1);
			position: absolute;
			top: -4px;
			right: -1px;
			width: 5px;
			height: 4px;
			@property "/messageNewIndicatorInner";
		}

	.message .messageContent
	{
		@property "messageContent";
		min-height: 200px;
		overflow: hidden;
		*zoom: 1;
		@property "/messageContent";
	}
	
	.message .messageTextEndMarker
	{
		height: 0;
		font-size: 0;
		overflow; hidden;
	}
	
	.message .editDate
	{
		text-align: right;
		margin-top: 5px;
		font-size: 11px;
		color: @mutedTextColor;
	}

	.message .signature
	{
		@property "messageSignature";
		font-size: 9pt;
		color: @mutedTextColor;
		padding: 5px 0 0;
		margin-top: 5px;
		border-top: 1px dashed #e1e1e1;
		@property "/messageSignature";
	}

	.message .messageMeta
	{
		@property "messageMeta";
		font-size: 11px;
		padding: 15px 5px 5px;
		margin: -5px;
		overflow: hidden;
		zoom: 1;
		@property "/messageMeta";
	}

		.message .privateControls
		{
			@property "messagePrivateControls";
			float: left;
			@property "/messagePrivateControls";
		}

		.message .publicControls
		{
			@property "messagePublicControls";
			float: right;
			@property "/messagePublicControls";
		}
		
			.message .privateControls .item
			{
				margin-right: 10px;
				float: left;
			}

				.message .privateControls .item:last-child
				{
					margin-right: 0;
				}

			.message .publicControls .item
			{
				margin-left: 10px;
				float: left;
			}
	
				.message .messageMeta .control
				{
					@property "messageMetaControl";

					@property "/messageMetaControl";
				}
				
					.message .messageMeta .control:focus
					{
						@property "messageMetaControlFocus";

						@property "/messageMetaControlFocus";
					}
				
					.message .messageMeta .control:hover
					{
						@property "messageMetaControlHover";

						@property "/messageMetaControlHover";
					}
				
					.message .messageMeta .control:active
					{
						@property "messageMetaControlActive";

						@property "/messageMetaControlActive";
					}
	/*** multiquote +/- ***/
			
	.message .publicControls .MultiQuoteControl
	{
		padding-left: 4px;
		padding-right: 4px;
		border-radius: 2px;
		margin-left: 6px;
		margin-right: -4px;
	}
	
	
	.message .publicControls .MultiQuoteControl.active
	{
		background-color: @primaryLighterStill;
	}
	
	<xen:include template="message_notices.css" />
	
	.message .likesSummary
	{
		@property "messageLikesSummary";
		padding: 5px;
		margin-top: 10px;
		border: 1px solid @primaryLighterStill;
		border-radius: 5px;
		@property "/messageLikesSummary";
	}
	
	.message .messageText > *:first-child
	{
		margin-top: 0;
	}

/* inline moderation changes */

.InlineModChecked .messageUserBlock,
.InlineModChecked .messageInfo,
.InlineModChecked .messageNotices,
.InlineModChecked .bbCodeBlock .type,
.InlineModChecked .bbCodeBlock blockquote,
.InlineModChecked .attachedFiles .attachedFilesHeader,
.InlineModChecked .attachedFiles .attachmentList
{
	@property "inlineModChecked";
	background: @inlineMod url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
	@property "/inlineModChecked";
}

.InlineModChecked .messageUserBlock div.avatarHolder,
.InlineModChecked .messageUserBlock .extraUserInfo
{
	background: transparent;
}

.InlineModChecked .messageUserBlock .arrow span
{
	border-left-color: @inlineMod;
}

/* message list */

.messageList .newMessagesNotice
{
	margin: 10px auto;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid @primaryLighter;
	background: @primaryLighterStill url(@imagePath/xenforo/gradients/category-23px-light.png) repeat-x top;
	font-size: 11px;
}

/* deleted / ignored message placeholder */

.messageList .message.placeholder
{
}

.messageList .placeholder .placeholderContent
{	
	overflow: hidden; zoom: 1;
	color: @primaryLightish;
	font-size: 11px;
}

	.messageList .placeholder a.avatar
	{
		float: left;
		display: block;
	}
	
		.messageList .placeholder a.avatar img
		{
			display: block;
			width: 32px;
			height: 32px;
		}
		
	.messageList .placeholder .privateControls
	{
		margin-top: -5px;
	}
	

/* messages remaining link */

.postsRemaining a,
a.postsRemaining
{
	font-size: 11px;
	color: @mutedTextColor;
}

.msgTitle 
{
	font-size: 11px;
	padding: 4px 0 6px 8px;
	background-color: #7192a8;
	color: @textCtrlBackground;
}
.msgTitle a 
{
	color: @textCtrlBackground;
}
.msgTitle .privateControls 
{
	float: right !important;
}
.msgTitle .privateControls .item 
{
	float: right !important;
	margin-left: 0 !important;
	color: @textCtrlBackground;
}
.message .privateControls .item 
{
	margin-right: 10px;
}
.privateControls .item:last-child 
{
	margin-left: 0;
	margin-right: 10px !important;
}
.messageList li.message 
{
	padding: 0;
	margin-bottom: 7px;
	background-color: #FAFAFA;
	border: 1px solid #D1D1E1;
}
.messageList li.message .messageInfo 
{
	margin-left: 134px;
}
.messageList .message .primaryContent 
{
	margin-top: 10px;
	padding: 0 10px 10px 10px;
	background-color: transparent;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
	.Responsive .message .newIndicator
	{
		margin-right: 0;
		border-top-right-radius: @messageNewIndicator.border-top-left-radius;
	}
	
		.Responsive .message .newIndicator span
		{
			display: none;
		}
}

@media (max-width:@maxResponsiveNarrowWidth)
{
	.Responsive .message .messageInfo
	{
		margin-left: 0;
		padding: 0 10px;
	}

	.Responsive .message .messageContent
	{
		min-height: 0;
	}	

	.Responsive .message .newIndicator
	{
		margin-right: -5px;
		margin-top: -16px;
	}

	.Responsive .message .postNumber,
	.Responsive .message .authorEnd
	{
		display: none;
	}
	
	.Responsive .message .signature
	{
		display: none;
	}
	
	.Responsive .messageList .placeholder a.avatar
	{
		margin-right: 10px;
	}
}
</xen:if>

message_user_info şablonunu açın ve tüm kodları bununla değiştirin;

<xen:require css="message_user_info.css" />

<div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">	
<div class="messageUserBlock {xen:if $user.isOnline, online}">
	<xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
		<div class="avatarHolder">
			<span class="helper"></span>
			<xen:avatar user="$user" size="m" img="true" />
			<xen:if is="{$user.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-22" data-offsetY="-8"></span></xen:if>
			<!-- slot: message_user_info_avatar -->
		</div>
	</xen:hook>

<xen:if is="!{$isQuickReply}">
	<xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
		<h3 class="userText">
			<xen:username user="$user" itemprop="name" rich="true" />
			<xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user, 1, 1}</xen:contentcheck></em></xen:if>
			{xen:helper userBanner, $user, 'wrapped'}
			<!-- slot: message_user_info_text -->
		</h3>
	</xen:hook>
	<xen:if is="!{$message.conversation_id}">
	<xen:if hascontent="true">
		<div class="extraUserInfo">
			<xen:contentcheck>
			<xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
				<xen:if is="@messageShowRegisterDate AND {$user.user_id}">
					<dl class="pairsJustified">
						<dt>{xen:phrase joined}:</dt>
						<dd>{xen:date $user.register_date}</dd>
					</dl>
				</xen:if>
				
				<xen:if is="@messageShowMessageCount AND {$user.user_id}">
					<dl class="pairsJustified">
						<dt>{xen:phrase messages}:</dt>
						<dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
					</dl>
				</xen:if>
				
				<xen:if is="@messageShowTotalLikes AND {$user.user_id}">
					<dl class="pairsJustified">
						<dt>{xen:phrase likes}:</dt>
						<dd>{xen:number $user.like_count}</dd>
					</dl>
				</xen:if>
				
				<xen:if is="@messageShowTrophyPoints AND {$user.user_id}">
					<dl class="pairsJustified">
						<dt>{xen:phrase trophy_points}:</dt>
						<dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
					</dl>
				</xen:if>
			
				<xen:if is="@messageShowGender AND {$user.gender}">
					<dl class="pairsJustified">
						<dt>{xen:phrase gender}:</dt>
						<dd itemprop="gender"><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></dd>
					</dl>
				</xen:if>
				
				<xen:if is="@messageShowOccupation AND {$user.occupation}">
					<dl class="pairsJustified">
						<dt>{xen:phrase occupation}:</dt>
						<dd itemprop="role">{xen:string censor, $user.occupation}</dd>
					</dl>
				</xen:if>
				
				<xen:if is="@messageShowLocation AND {$user.location}">
					<dl class="pairsJustified">
						<dt>{xen:phrase location}:</dt>
						<dd><a href="{xen:link 'misc/location-info', '', 'location={xen:string censor, $user.location, '-'}'}" target="_blank" rel="nofollow" itemprop="address" class="concealed">{xen:string censor, $user.location}</a></dd>
					</dl>
				</xen:if>
			
				<xen:if is="@messageShowHomepage AND {$user.homepage}">
					<dl class="pairsJustified">
						<dt>{xen:phrase home_page}:</dt>
						<dd><a href="{xen:string censor, $user.homepage, '-'}" rel="nofollow" target="_blank" itemprop="url">{xen:string censor, $user.homepage}</a></dd>
					</dl>
				</xen:if>
							
			</xen:hook>			
			<xen:if is="@messageShowCustomFields AND {$user.customFields}">
			<xen:hook name="message_user_info_custom_fields" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
			
				<xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
					<xen:if is="{$fieldInfo.viewable_message} AND ({$fieldInfo.display_group} != 'contact' OR {$user.allow_view_identities} == 'everyone' OR ({$user.allow_view_identities} == 'members' AND {$visitor.user_id}))">
						<xen:if hascontent="true">
							<dl class="pairsJustified userField_{$fieldId}">
								<dt>{xen:helper userFieldTitle, $fieldId}:</dt>
								<dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
							</dl>
						</xen:if>
					</xen:if>
				</xen:foreach>
				
			</xen:hook>
			</xen:if>
			</xen:contentcheck>
		</div>
	</xen:if>
	</xen:if>
		
</xen:if>

	<span class="arrow"><span></span></span>
</div>
</div>

message_user_info.css şablonunu açın ve tüm kodları bununla değiştirin;

.messageUserInfo
{
	@property "messageUserInfo";
	float: left;
	margin: 8px 0 8px 8px !important;
	width: 124px;
	@property "/messageUserInfo";
}

	.messageUserBlock
	{
		@property "messageUserBlock";
		background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-selected-light.png') repeat-x bottom;
		border: 1px solid @primaryLighterStill;
		border-radius: 5px;
		@property "/messageUserBlock";
		
		position: relative;
	}
		
		.messageUserBlock div.avatarHolder
		{
			@property "messageAvatarHolder";
			background-color: @primaryLightest;
			padding: 10px;
			border-radius: 2px;
			@property "/messageAvatarHolder";
			
			position: relative;	
		}
		
			.messageUserBlock div.avatarHolder .avatar
			{
				display: block;
				font-size: 0;
			}
			
			.messageUserBlock div.avatarHolder .onlineMarker
			{
				position: absolute;
				top: {xen:calc '@messageAvatarHolder.padding-top - 1'}px;
				left: {xen:calc '@messageAvatarHolder.padding-right - 1'}px;
				
				@property "messageOnlineMarker";
				border: 7px solid transparent;
				border-top-color: rgb(127, 185, 0);
				border-left-color: rgb(127, 185, 0);
				border-top-left-radius: 5px;
				border-top-right-radius: 3px;
				border-bottom-left-radius: 3px;
				@property "/messageOnlineMarker";
			}
			
		.messageUserBlock h3.userText
		{
			@property "messageUserText";
			padding: 6px;
			@property "/messageUserText";
		}
		
		.messageUserBlock .userBanner
		{
			display: block;
			margin-bottom: 5px;
			margin-left: -{xen:calc '@messageUserText.padding-left + 6'}px;
			margin-right: -{xen:calc '@messageUserText.padding-right + 6'}px;
		}
		
		.messageUserBlock .userBanner:last-child
		{
			margin-bottom: 0;
		}
	
		.messageUserBlock a.username
		{
			@property "messageUsername";
			font-weight: bold;
			display: block;
			overflow: hidden;
			line-height: 16px;
			@property "/messageUsername";
			
		}
		
		.messageUserBlock .userTitle
		{
			@property "messageUserTitle";
			font-size: 11px;
			display: block;
			@property "/messageUserTitle";
		}
		
		.messageUserBlock .extraUserInfo
		{
			@property "messageExtraUserInfo";
			font-size: 10px;
			background-color: @primaryLightest;
			padding: 4px 6px;
			@property "/messageExtraUserInfo";
		}
		
			.messageUserBlock .extraUserInfo dl
			{
				margin: 2px 0 0;
			}
							
			.messageUserBlock .extraUserInfo img
			{
				max-width: 100%;
			}
		
		.messageUserBlock .arrow
		{
			position: absolute;
			top: 2px;
			right: -10px;
			
			display: block;
			width: 0px;
			height: 0px;
			line-height: 0px;
			
			border: 10px solid transparent;
			border-left-color: @messageUserBlock.border-color;
			-moz-border-left-colors: @messageUserBlock.border-color;
			border-right: none;
			
			/* Hide from IE6 */
			_display: none;
		}
		
			.messageUserBlock .arrow span
			{
				position: absolute;
				top: -10px;
				left: -11px;
				
				display: block;
				width: 0px;
				height: 0px;
				line-height: 0px;
				
				border: 10px solid transparent;
				border-left-color: @messageAvatarHolder.background-color;
				-moz-border-left-colors: @messageAvatarHolder.background-color;
				border-right: none;
			}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
	.Responsive .messageUserInfo
	{
		float: none;
		width: auto; 
	}

	.Responsive .messageUserBlock
	{
		overflow: hidden;
		margin-bottom: 5px;
		position: relative;
	}

	.Responsive .messageUserBlock div.avatarHolder
	{
		float: left;
		padding: 5px;
	}

		.Responsive .messageUserBlock div.avatarHolder .avatar img
		{
			width: 48px;
			height: 48px;
		}
		
		.Responsive .messageUserBlock div.avatarHolder .onlineMarker
		{
			top: 4px;
			left: 4px;
			border-width: 6px;
		}

	.Responsive .messageUserBlock h3.userText
	{
		margin-left: 64px;
	}
	
	.Responsive .messageUserBlock .userBanner
	{
		max-width: 150px;
		margin-left: 0;
		margin-right: 0;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		position: static;
		display: inline-block;
	}
	
		.Responsive .messageUserBlock .userBanner span
		{
			display: none;
		}

	.Responsive .messageUserBlock .extraUserInfo
	{
		display: none;
	}

	.Responsive .messageUserBlock .arrow
	{
		display: none;
	}
}
</xen:if>

post isimli şablonu açın ve tüm kodları bununla değiştirin;

<xen:include template="message">
	<xen:map from="$post" to="$message" />
	<xen:set var="$messageId">post-{$post.post_id}</xen:set>
	<xen:set var="$likesUrl">{xen:link posts/likes, $post}</xen:set>
		<xen:set var="$messageContentAfterTemplate">
			<xen:if is="{$post.attachments}">
				<xen:include template="attached_files" />
			</xen:if>
		</xen:set>
		<xen:set var="$messageAfterTemplate">
			<div class="messageMeta ToggleTriggerAnchor">			
				<div class="publicControls">
					<xen:hook name="post_public_controls" params="{xen:array 'post={$post}'}">
						<xen:if is="{$post.canLike}">
							<a href="{xen:link posts/like, $post}" class="LikeLink item control {xen:if $post.like_date, unlike, like}" data-container="#likes-post-{$post.post_id}"><span></span><span class="LikeLabel">{xen:if $post.like_date, {xen:phrase unlike}, {xen:phrase like}}</span></a>
						</xen:if>
						<xen:if is="{$canReply}">
							<xen:if is="{$xenOptions.multiQuote}">
								<a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}" data-messageid="{$post.post_id}" class="MultiQuoteControl JsOnly item control" title="{xen:phrase toggle_multi_quote_tooltip}"><span></span><span class="symbol">{xen:phrase multiquote_add}</span></a>
							</xen:if>
							<a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}" data-postUrl="{xen:link posts/quote, $post}" data-tip="#MQ-{$post.post_id}" class="ReplyQuote item control reply" title="{xen:phrase reply_quoting_this_message}"><span></span>{xen:phrase reply}</a>
						</xen:if>
					</xen:hook>
				<xen:hook name="post_private_controls" params="{xen:array 'post={$post}'}"></xen:hook>
			</div>
		</div>
	</xen:set>
</xen:include>

conversation_message isimli şablonu açın ve tüm kodları bununla değiştirin;

<xen:include template="message">
	<xen:set var="$messageId">message-{$message.message_id}</xen:set>
	<xen:set var="$messageContentAfterTemplate">
		<xen:if is="{$message.attachments}">
			<xen:include template="attached_files">
				<xen:map from="$message" to="$post" />
			</xen:include>
		</xen:if>
	</xen:set>
	<xen:set var="$messageAfterTemplate">
		<div class="messageMeta">
			<xen:if hascontent="true">
				<div class="publicControls">
					<xen:contentcheck>
						<xen:hook name="conversation_message_public_controls" params="{xen:array 'message={$message}'}">
							<xen:if is="{$message.canEdit}">
								<a href="{xen:link 'conversations/edit-message', $conversation, 'm={$message.message_id}'}" class="item control edit {xen:if $xenOptions.messageInlineEdit, OverlayTrigger}" data-overlayOptions="{&quot;fixed&quot;:false}" data-href="{xen:link conversations/edit-message-inline, $conversation, 'm={$message.message_id}'}" data-messageSelector="#message-{$message.message_id}"><span></span>{xen:phrase edit}</a>
								<xen:require js="js/xenforo/discussion.js" />
							</xen:if>
							<xen:if is="{$canReplyConversation}">
								<a href="{xen:link 'conversations/reply', $conversation, 'm={$message.message_id}'}" class="item control reply ReplyQuote"><span></span>{xen:phrase reply}</a>
							</xen:if>
						</xen:hook>
					</xen:contentcheck>
				</div>
			</xen:if>
		</div>
	</xen:set>
</xen:include>

conversation.css isimli şablonu açın ve tüm kodları bununla değiştirin;

.conversation_view .messageList
{
	border-left: none;
	border-bottom: none;
}
.conversation_view .message:first-child
{
	border-top: none;
}
.conversation_view .message .newIndicator
{
	margin-top: 0;
	margin-right: -15px;
}
.conversation_view .attachment
{
	width: 49.5%;
}
.conversation_view .quickReply
{
	border-top: none;
}

Ekran Görüntüsü: