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]

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

[ahora-kabir]

من همشون را درست کردم اما هر کاریمی کنم کادر دور نوشته ها درست در نمی یاد اگه امکانش هستش برای نوشته ها را بزارید
و من برای مثال بخشای دی ها که پایین تر از همه هستش گه کسی فلیدشو پر نکرده باشه خالی می مونه اما برای من یک کادر میاد
این هم عکس مشخصات هستش

[mr.bahram]

شما کل postbit خودتونو رو قرار بدید تا برسی بکنیم

[ahora-kabir]

فایل زمینه کردم
همین postbit_legacy کافیه یا کل postbit_legacy را باید بزارم

شما کل postbit خودتونو رو قرار بدید تا برسی بکنیم

و اگه امکانش هستش کاری کنید که دور امضا کادر نیاد
با تشکر

[mr.behrooz]

شما کل postbit خودتونو رو قرار بدید تا برسی بکنیم

توجه کنید به متن بالا

[mr.behrooz]

کدو کامل بزارید ناقص هست

[ahora-kabir]

کدو کامل بزارید ناقص هست

مگه کد postbit_legacy کامل نیود؟ من از همون کد استفاده می کنم

تمام کد های postbit را گذاشتم

[mr.bahram]

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

[kevin-1372]

سلام این کد رو در کجا قرار بدم؟
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;
م
}
منظورم کدوم css هستش

[mr.bahram]

تنظیمات استایل ... استایل مورد نظر .. css های اصلی