تالار میدوری

نسخه کامل: آموزش زیبا سازی بخش پست ها ( بخش دوم با تصویر )
شما در حال مشاهده نسخه تکمیل نشده می باشید. مشاهده نسخه کامل با قالب بندی مناسب.
صفحه ها: 1 2
آموزش زیبا سازی بخش پست ها ( بخش دوم با تصویر )
آموزشی برای زیباتر کردن پست ها قرار میدهم امید که بکار بیاید .
اگر می خواهید پست های خود را در کادری زیبا و به حالت نقل قول در بیاورید از آموزش زیر استفاده کنید . این آموزش برای دو حالت عمودی و افقی در پست بیت فرق میکند . هر کدام را جداگانه باید وارد بخش مربوطه بکنید .
ابتدا حالت افقی یا معمولی پست بیت .

به مسیر زیر بروید
پنل مدیر کل > قالب ها و پوسته > قالب ها > قالب مورد نظر > زیرمجموعه >postbit < postbit template
و کد زیر را پیدا کنید
برای دیدن نوشته های این بخش , نام نویسی کنید و یا وارد شوید .

کد زیر را جایگزین متغیر بالا کنید
برای دیدن نوشته های این بخش , نام نویسی کنید و یا وارد شوید .

فایل ضمیمه را دانلود و دو تصویر موجود در فایل فشرده را در پوشه images آپلود کنید .
نتیجه کار را در تصویر زیر ببینید.
================
[attachment=1485]
================
حالت پست بیت عمودی یا کلاسیک
به مسیر زیر بروید
پنل مدیر کل > قالب ها و پوسته > قالب ها > قالب مورد نظر > زیرمجموعه >postbitclassic < postbit template
و کد زیر را پیدا کنید
برای دیدن نوشته های این بخش , نام نویسی کنید و یا وارد شوید .

کد زیر را جایگزین متغیر بالا کنید
برای دیدن نوشته های این بخش , نام نویسی کنید و یا وارد شوید .
فایل ضمیمه را دانلود و دو تصویر موجود در فایل فشرده را در پوشه images آپلود کنید .
نتیجه کار را در تصویر زیر ببینید
===============
[attachment=1486]
===============
کار تمام است . سعی کنید با تغییر در رنگ بندی و گرد کردن کم و زیاد گوشه ها ی کادر به الگوی مورد نظر خودتان برسید .
نمونه در تالار میدوری و همین پستی که مشاهده می کنید .

==============
کدهای پست بیت من شبیه زیر شد
ولی هیچ تغییری در قسمت نوشته ها انجام نشد

کد :
{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
	<tr>
		<td width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
		<strong><span>{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
		<span>
			{$post['usertitle']}<br />
			{$post['userstars']}
			{$post['groupimage']}
			{$post['useravatar']}<br />
{$post['user_details']}
{$post['newpoints_postbit']}

		</span>
{$post['ougc_awards']}

	</td>
	<td valign="top">
		<table width="100%">
			<tr><td>{$post['posturl']}<span><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
			<br />
			<div id="pid_{$post['pid']}">
				<div id="1" style="float:right; z-index: 1; position: Absolute;">
<br><img src="{$mybb->settings['bburl']}/images/arrow-right.png">
</div>
<div id="2" style="z-index: 0; padding: 5px;">
<fieldset style="background: #ffffff;
border:2px solid #C3C3C3;
border-radius: 8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
position: relative;">{$post['message']}</fieldset>
</div>
</div></div> 
			</div>
			{$post['attachments']}
			{$post['signature']}
			<div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
				<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
				{$post['iplogged']}
			</div>
		</td></tr>
	</table>
</td>
</tr>
<tr>
	<td style="white-space: nowrap; text-align: center; vertical-align: middle;"><span>{$post['postdate']} {$post['posttime']}</span></td>
	<td style="vertical-align: middle;">
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
					<tr valign="bottom">
				<td align="right"><span>{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
				<td align="left">{$post['button_tyl']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
			</tr>
		</table>
	</td>
</tr>
</table>{$post['showadspostbit']}

سایت : http://www.atamalek.ir

(09 - May - 2014 16 : 05 PM)ehssanit نوشته بوده : [ -> ]کدهای پست بیت من شبیه زیر شد
ولی هیچ تغییری در قسمت نوشته ها انجام نشد

کد :
{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
	<tr>
		<td width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
		<strong><span>{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
		<span>
			{$post['usertitle']}<br />
			{$post['userstars']}
			{$post['groupimage']}
			{$post['useravatar']}<br />
{$post['user_details']}
{$post['newpoints_postbit']}

		</span>
{$post['ougc_awards']}

	</td>
	<td valign="top">
		<table width="100%">
			<tr><td>{$post['posturl']}<span><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
			<br />
			<div id="pid_{$post['pid']}">
				<div id="1" style="float:right; z-index: 1; position: Absolute;">
<br><img src="{$mybb->settings['bburl']}/images/arrow-right.png">
</div>
<div id="2" style="z-index: 0; padding: 5px;">
<fieldset style="background: #ffffff;
border:2px solid #C3C3C3;
border-radius: 8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
position: relative;">{$post['message']}</fieldset>
</div>
</div></div> 
			</div>
			{$post['attachments']}
			{$post['signature']}
			<div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
				<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
				{$post['iplogged']}
			</div>
		</td></tr>
	</table>
</td>
</tr>
<tr>
	<td style="white-space: nowrap; text-align: center; vertical-align: middle;"><span>{$post['postdate']} {$post['posttime']}</span></td>
	<td style="vertical-align: middle;">
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
					<tr valign="bottom">
				<td align="right"><span>{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
				<td align="left">{$post['button_tyl']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
			</tr>
		</table>
	</td>
</tr>
</table>{$post['showadspostbit']}

سایت : http://www.atamalek.ir


در سورس صفحه ای از پست های شما من این کد ها را ندیدم یعنی این کدها وارد نشده اند و یا درست در جای خود قرار ندارند پست بیت استاندارد و کلاسیک را بررسی کنید . و نکته ی دیگر اینکه در صورتی که با فایر فاکس کدها را وارد کردید دوباره صفحه را ریفرش کنید تا کدها در کنترل پنل بنشیند چون فایر فاکس جدیدا بطرز احمقانه ای کش می گیرد و آن چیزی که می بینید همانی نیست که وجود دارد.
صفحه ها: 1 2
لینک مرجع