CSS نویسی قالب postbit

[mr.bahram]

سلام
برای CSS نویسی قالب postbit می توانید از این اموزش استفاده بکنید
شما باید اول از هر کاری یک کلاس برای بخشی که می خواید درست بکنید این یک کلاس اماده هست که در اینجا برای شما قرار می دم و شما می تونید اسم آن رو تغییر بدید و یا بخش هایی آن رو ویرایش بکنید

vbskin{
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
border-top: 1px solid #D9D9D9;
border-right: 2px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
border-bottom: 2px solid #D9D9D9;
margin-bottom: 3px;
}  

اسم کلاس شما الان vbskin نام داره
نحوه قرار گیری کلاس در کد ها به صورت <div class="vbskin"> می باشد
این یک نمونه از کد تغییر کرده هست قبل و بعد از آن رو برای شما قرار می دم تا خودتان مشاهده بکنید

بدونه کلاس

<!-- / vbskin start -->
<div>
<if condition="$post[field6]"><img src="images/cars/$post[field6].gif"></if>
</div>
<!-- / vbskin end -->

با کلاس

<!-- / vbskin start -->
<div class="vbskin">
<if condition="$post[field6]"><img src="images/cars/$post[field6].gif"></if>
</div>
<!-- / vbskin end -->

شما باید این کلاس ها رو در کاراکتر <div> قرار بدید

برای هک هایی هم که از اکشن ها استفاده می کنند باید شما اون اکشن رو پیدا بکنید و درون اونها این کد رو قرار بدید و یا در خود قالب هک برید و این تغییرات رو بدید معمولا روش اولی جواب می ده
برای مثال برای نمایش هک تشکر شما باید این اکشن رو [برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید] و کلاس رو براش تعریف بکنید

<div>$template_hook[postbit_userinfo_right_after_posts]</div>

که باز با کلاس تعریف شدش به این شکل میشه

<div class="vbskin">$template_hook[postbit_userinfo_right_after_posts]</div>

امید وارم این اموزش برای شما دوستان مفید واقع شده باشه
موفق و پیروز باشید
بهرام


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

آموزش تکمیلی و راهنما از پست شما ره
[برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]

سلام
من خلاصه ی این چند صفحه رو اینجا میزارم:)
خب اول میرین تو کنترل پنلتون،از سمت راست استایل ها & قالب ها رو باز میکنید و تنظیمات استایل رو بزنید،بعد جلوی استایلی که میخواین تمام تنظیمات استایل رو بزنید.حالا بیاین پایین و کادر دوم "تعریف css اضافی" این کد رو وارد کنید(اون تهش):

.pbit {
padding-left: 1px;
padding-right: 1px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #FFFFFF;
border-top: 1px solid #333399;
border-right: 1px solid #333399;
border-left: 1px solid #333399;
border-bottom: 1px solid #333399;
margin-bottom: 3px;
}

خب کلاس شما تعریف شد،حالا چطوری ازش استفاده کنیم؟
این کد رو ببینید:

<!-- / PB start -->
 <div>
 <if condition="$post[field6]"><img  src="http://parsipeople.com/forum/images/cars/$post[field6].gif"></if>
 </div>
 <!-- / PB end -->

این کد بی کلاسه،این یکی با کلاس میشه

 <!-- / PB start -->
 <div class="pbit">
 <if condition="$post[field6]"><img  src="http://parsipeople.com/forum/images/cars/$post[field6].gif"></if>
 </div>
 <!-- / PB end -->

حالا بعضی هک ها اکشن دارن و این شکلین:

<div>$template_hook[postbit_userinfo_right_after_posts]</div>

شما باید این شکلیشون کنید:

<div class="pbit">$template_hook[postbit_userinfo_right_after_posts]</div>

خب تا اینجا css نویسی و روش کلی بود،حالا میرسیم به اینکه کدوم کدا رو باید عوض کنید،من برای چندتا رو میگم،بازم خواستید بگین ن میگردم و میگم بهتون
شما از جستجوی قالب postbit_legacy رو سرچ کنید،کدایی که هست ایناست(من پیشفرض های ویبولتین رو میزارم براتون)
این برای تاریخ عضویته:

                <if  condition="$post['joindate']"><div><strong>$vbphrase[join_date]:</strong>  $post[joindate]</div></if>

این برای محل سکونت:

                <if  condition="$post['field2']"><div><strong>$vbphrase[location_perm]:</strong>  $post[field2]</div></if>

این برای سن:

                <if  condition="$post['age']"><div><strong>$vbphrase[age]:</strong>  $post[age]</div></if>

برای اخطارها

                <if  condition="$show['infraction']"><div>$vbphrase[infractions]:  $post[warnings]/$post[infractions]  ($post[ipoints])</div></if>

برای سیستم امتیاز دهی پیش فرض ویبولتین:

                <if condition="$show['reputation']"><if  condition="$show['reppower']">$vbphrase[reppower]: <span  id="reppower_$post[postid]_$post[userid]">$post[reppower]</span>  </if><div><span  id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>

برای نمایش آیکن آی دی ها:

<div>$post[icqicon] $post[aimicon] $post[msnicon]  $post[yahooicon] $post[skypeicon]</div>

حالا میرسیم به جایی که خیلی ها مشکل دارن،یعنی هک تشکر و قسمت بندیش
این رو تو جستجوی قالب سرچ کنید:
post_thanks_postbit_info
برای تشکر کرده ها:

    <div>$vbphrase[post_thanks_thanks]:  $post[post_thanks_user_amount_formatted]</div>

برای تشکر شده ها:

    <div>
        <if condition="$post[post_thanks_thanked_times] == 1">
            $vbphrase[post_thanks_time_post]
        <else />
            <if condition="$post[post_thanks_thanked_posts] == 1">
                <phrase  1="$post[post_thanks_thanked_times_formatted]">$vbphrase[post_thanks_times_post]</phrase>
            <else />
                <phrase  1="$post[post_thanks_thanked_times_formatted]"  2="$post[post_thanks_thanked_posts_formatted]">$vbphrase[post_thanks_times_posts]</phrase>
            </if>
        </if>
    </div>

---------- Post added at 06:28 PM ---------- Previous post was at 06:19 PM ----------

و اینکه امضاء میچسبه به نوشته می خوام یکی دو سطر فاصله داشته باشه با پست و داخل کادر امضاء یه خط هست ماله قبل بود که امضاء از پست جدا میشده اما الان اون خط اومده داخل امضاء

این کد رو پیدا کن:

 <div>
                __________________<br />
                $post[signature]
            </div>

و این رو جاش بزار:

 <div>
                __________________
<br></br>
                $post[signature]
            </div>

قائدتا باید درست شه،اگه نشد بگو تا کد رو عوض کنم:)
راستی قبل از هر کاری کدهای اولیت رو توی نت پدی چیزی کپی پیست کن که اگه خراب شد ببتونی درستشون کنی:)

[mr.bahram]

این مورد بارها توی سایت توضیح داده شده
حالت پست بیت خودتون رو بصورت عمودی باید در بیارید
برای این کار توی ادمین سایت بخش تنطیمات سیستم قسمت استایل و زبان ، پست بیت بصورت عمودی ، بله