ویرایش حرفه ای Postbit برای ورژن 4

[EbiramGs]

آموزش ویرایش حرفه ای Postbit برای ورژن 4:

برای اینکه گیج نشه کسی مستقیم میرم سر آموزش...

برای ویرایش Postbit از admincp تنظیمات استایل>ویرایش قالب (قالب مورد نظر)>کلید <<>> برای باز شدن کامل لیست قالب ها

از دسته Postbit Templates قالب postbit_legacy رو انتخاب کنید،بعد از باز شدن صفحه نمایش کد های قالب،همه کد های قالب رو در ویرایشگری مثل فرانت پیج کپی کنید...

-------------------------------------------------

Postbit ورژن 4 برعکس ورژن 3 که با تگ های <div> نوشته شده بود با تگ های <dt> و <dd> نوشته شده.

ما برای ویرایش این کد ها تگ <div> رو خودمون به قسمت هایی که لازمه ویرایش بشه اضافه می کنیم:

برای شروع کار تمام کد هایی که ما ویرایش می کنیم کد های زیره:

<vb:if condition="$post['joindate']"><dt>{vb:rawphrase  join_date}</dt> <dd>{vb:raw  post.joindate}</dd></vb:if>
                    <vb:if  condition="$post['field2']"><dt>{vb:rawphrase  location_perm}</dt> <dd>{vb:raw  post.field2}</dd></vb:if>
                    <vb:if  condition="$post['age']"><dt>{vb:rawphrase age}</dt>  <dd>{vb:raw post.age}</dd></vb:if>
                    <dt>{vb:rawphrase 'posts'}</dt>  <dd>{vb:raw post.posts}</dd>    
                    {vb:raw  template_hook.postbit_userinfo_right_after_posts}
                </dl>
                <vb:if condition="$show['infraction'] OR  $show['reppower']">
                <dl class="user_rep">
                    <vb:if condition="$show['infraction']">
                    <dt>{vb:rawphrase infractions}</dt> 
                    <dd>{vb:raw post.warnings}/{vb:raw  post.infractions} ({vb:raw post.ipoints})</dd>
                    </vb:if>
                    <vb:if condition="$show['reputation']">
                        <vb:if condition="$show['reppower']">
                    <dt>{vb:rawphrase reppower}</dt> 
                    <dd id="reppower_{vb:raw post.postid}_{vb:raw  post.userid}">{vb:raw post.reppower}</dd> 
                        </vb:if>
                    </vb:if>

خب حالا روی این کدها تغییرات رو انجام میدیم:

قبلا مفایم id و class ها رو گفتم پس دیگه اینجا توضیح نمیدم و فقط ازشون استفاده می کنم.

کد های بالا رو با تگ های <div> ویرایش کردم،دوستان میتونید خودتون دونه دونه ویرایش کنید و یا کد های زیر رو جایگزین کد های اصلی کنید:

نمونه برای کسایی که می خوان خودشون ویرایش رو انجام بدن:

     <vb:if condition="$post['joindate']"><div id="new-postbit"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></div></vb:if>

تذکر:تگ <div> رو یادتون نره که ببندید،</div>


اینم همه کد ها برای جایگزینی:

<vb:if condition="$post['joindate']"><div id="new-postbit"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></div></vb:if>
                    <vb:if condition="$post['field2']"><div id="new-postbit"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></div></vb:if>
                    <vb:if condition="$post['age']"><div id="new-postbit"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div></vb:if>
                <div id="new-postbit"><dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd></div>    
                    {vb:raw template_hook.postbit_userinfo_right_after_posts}
                </dl>
                <vb:if condition="$show['infraction'] OR $show['reppower']">
                <dl class="user_rep">
                    <vb:if condition="$show['infraction']">
                    <div id="new-postbit"><dt>{vb:rawphrase infractions}</dt> 
                    <dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>
                    </div></vb:if>
                    <vb:if condition="$show['reputation']">
                        <vb:if condition="$show['reppower']">
                    <div id="new-postbit"><dt>{vb:rawphrase reppower}</dt> 
                    <dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd> 
                    </div></vb:if>
                    </vb:if>

خب بعد از جایگزینی کد ها و یا ویرایششون حالا نوبت میرسه به تعریف استایل برای id و یا class که تعریف کردیم:

برای این کار از بخش CSS Templates استایل postbit.css رو انتخاب کنید،بعد از باز شدن صفحه ویرایش کد به پایین ترین بخش کد ها بیاسد و کد های css اصلی قالب کد های زیر رو قرار بدید:

#new-postbit
{
background:#e1e4e7;
border:1px solid #cdd6dd;
padding:4px;
padding-right:5px;
margin-bottom:2px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

و حالا ذخیره رو بزنید تا کار ذخیره بشه،حالا postbit فرومو مشاهده کنید.

css های بالا رو می تونید به دلخواه هم ویرایش کنید.

-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;

این کد ها،کد های css3.0 هستن که برای گرد کردن گوشه های کادر استفاده میشن ولی تو همه مرورگر ها هنوز کار نمی کنن.