آموزش زیبا سازی بخش پست ها ( بخش دوم با تصویر )

[میدوری]

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

ابتدا حالت افقی یا معمولی پست بیت

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

کد php:

{$post['message']} 


کد زیر را جایگزین متغیر بالا کنید

کد php:

<div id="1" style="float:right; z-index: 1;  position: Absolute;">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="{$mybb->settings['bburl']}/images/arrow-top.png">
</div>
<div id="2" style="z-index: 0; padding: 10px;">
<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> 


فایل ضمیمه را دانلود و دو تصویر موجود در فایل فشرده را در پوشه images آپلود کنید .
نتیجه کار را در تصویر زیر ببینید.

================
[attachment=7777]
================

حالت پست بیت عمودی یا کلاسیک
به مسیر زیر بروید
پنل مدیر کل > قالب ها و پوسته > قالب ها > قالب مورد نظر > زیرمجموعه >postbitclassic < postbit template
و کد زیر را پیدا کنید

کد php:

{$post['message']} 


کد زیر را جایگزین متغیر بالا کنید

کد php:

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


فایل ضمیمه را دانلود و دو تصویر موجود در فایل فشرده را در پوشه images آپلود کنید .
نتیجه کار را در تصویر زیر ببینید

===============
[attachment=7778]
===============

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

==============

[attachment=7781]

منبع: تالار میدوری

[Ehssan_it]

هیچ فایل ضمیمه ای نمیبینم به صورت متنی نوشته شده attachment

[motorola30]

درود

لینک آموزش
http://www.midorinco.ir/showthread.php?tid=833