پست بیت فوق العاده زیبا

[amir2007]

دوستان عزیزم در این مرحله می خواهم پست بیت شما را در فرومتان به طرز جالبی تغییر بدهم مراحل زیر را با دقت و حوصله دنبال کنید
1- مرحله زیر را دنبال نمایید
AdminCP > Style Manager > Chosen Skin > "Edit Templates" > CSS Templates > Postbit.css
سپس کد زیر را در انتهای آن وارد نمایید و ذخیره کنید

.eti_postbit_merkezli { 
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #efefef;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 4px;
  text-align:center; 
 -moz-box-shadow: 0 2px 6px #b3b3b3;
 -webkit-box-shadow: -1px 2px 2px #b3b3b3;
 -moz-border-radius-bottom{vb:stylevar left}:6px;
 -moz-border-radius-top{vb:stylevar right}:6px;
 -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
 -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};}
 
.eti_postbit {
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #efefef;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 4px;
 -moz-box-shadow: 0 2px 6px #b3b3b3;
 -webkit-box-shadow: -1px 2px 2px #b3b3b3;
 -moz-border-radius-bottom{vb:stylevar left}:6px;
 -moz-border-radius-top{vb:stylevar right}:6px;
 -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
 -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
}

2- در این مرحله بدلایل امنیت سرور و مشکلات امنیتی سرور سایت به خاطر وارد نمودن یک سری کدهای html دست ساز مجبور شدم مرحله دوم را در فایل ضمیمه در notepad قرار دهم شما تنها کافی است که مرحله زیر را دنبال کنید
AdminCP > Style Manager > Chosen Skin > "Edit Templates" > Postbit > Postbit_legacy
سپس هر آنچه داخل ان می بینید پاک نمایید و حذف کنید و به جای آن کد داخل فایل ضمیمه در notepad را قرار دهید و ذخیره کنید


3- مسیر زیر را دنبال نمایید
AdminCP > Style Manager > Chosen Skin > Edit Templates > Postbit > Postbit_onlinestatus
سپس هر آنچه در آن میبینید را پاک نمایید و کد زیر را در آن قرار دهید و ذخیره کنید

<vb:if condition="$onlinestatus==0"><font color="#FDD017"><b><i>Offline</i></b></font></vb:if> 
<vb:if condition="$onlinestatus==1"><font color="#00FF00"><b><i>Online</i></b></font></vb:if> 
<vb:if condition="$onlinestatus==2"><font color="#87AFC7"><b><i>Invisible</i></b></font></vb:if>

خوب تمام شد تا اینجا که پیش رفتیم پست بیت ما رنگش سفید است حالا اگر می خواهید پست بیت به رنگ سیاه در بیاید تمامی مراحل بالا را با دقت طی کرده فقط در انتها باید به مسیر زیر بروید:
(در صورتی که تمایل دارید به رنگ سیاه باشد)
Admin CP> Style Manager > Chosen Skin > Edit Templates > CSS > Postbit
کد زیر را به انتهای آن اضافه کرده و ذخیره نمایید

.eti_postbit_merkezli {  
  padding-left: 4px; 
  padding-right: 2px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  background-color: #333333; 
  border-top: 1px solid #dddddd; 
  border-right: 1px solid #dddddd; 
  border-left: 1px solid #c4c4c4; 
  border-bottom: 1px solid #c4c4c4; 
  margin-bottom: 4px; 
  text-align:center;  
-moz-box-shadow: 0 2px 6px #b3b3b3;
-webkit-box-shadow: -1px 2px 2px #b3b3b3;
-moz-border-radius-bottom{vb:stylevar left}:6px;
-moz-border-radius-top{vb:stylevar right}:6px;
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};}

.eti_postbit { 
  padding-left: 4px; 
  padding-right: 2px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  background-color: #333333; 
  border-top: 1px solid #dddddd; 
  border-right: 1px solid #dddddd; 
  border-left: 1px solid #c4c4c4; 
  border-bottom: 1px solid #c4c4c4; 
  margin-bottom: 4px; 
-moz-box-shadow: 0 2px 6px #b3b3b3;
-webkit-box-shadow: -1px 2px 2px #b3b3b3;
-moz-border-radius-bottom{vb:stylevar left}:6px;
-moz-border-radius-top{vb:stylevar right}:6px;
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
}

تصاویر و فایل note pad ضمیمه شد
تشکر یادتون نره
تشکر بیشتر = پست های مفید بیبشتر
موفق باشید



-================================================== =====-

( بهرام )

برای گذاشتن امار وبلاگ درون کادر شما استایل زیر را سرچ بکنید

blog_postbit_entries_link

و این کد را درونش قرار بدید

<div class="eti_postbit"><dt>{vb:rawphrase blog_entries}</dt><dd><a href="{vb:link blog, {vb:raw post}, null, 'userid', 'blog_title'}">{vb:raw post.entries}</a></dd></div>

---------


برای گذاشتن تشکر درون کادر استایل زیر را جستجو بکنید

post_thanks_postbit_info

کد زیر را قرار بدید بجاش

<div class="eti_postbit"><vb:if condition="$post['userid']">
    <dt>{vb:rawphrase post_thanks_thanks}</dt> <dd>{vb:raw post.post_thanks_user_amount_formatted}</dd></div>
    <vb:if condition="$post['post_thanks_thanked_times'] == 1">
        <dd style="white-space:nowrap; display:inline; float: {vb:stylevar right};">{vb:rawphrase post_thanks_time_post}</dd>
    <vb:elseif condition="$post['post_thanks_thanked_posts'] == 1" />
        <dd style="white-space:nowrap; display:inline; float: {vb:stylevar right};">{vb:rawphrase post_thanks_times_post, {vb:raw post.post_thanks_thanked_times_formatted}}</dd>
    <vb:else />
    </vb:if>
</vb:if>
<div class="eti_postbit">
        <dd style="white-space:nowrap; display:inline;">{vb:rawphrase post_thanks_times_posts, {vb:raw post.post_thanks_thanked_times_formatted}, {vb:raw post.post_thanks_thanked_posts_formatted}}</dd>
</div>

-============-
برای فعال سازی حالت شخصی در پست بیت یعنی این هک vMoods ابتدا وارد تنظیمات سیستم و تنظیمات هک مربوط بشد و قسمت Auto Edit Postbit Template را غیر فعال کنید
سپس این کد را درون پست بیت در بخشی که میخواید قرار بدید

<div class="eti_postbit">{vb:raw vmoods_postbit}</div>

می تونید کد بالا را در خط زیری این کد قرار بدید

<div class="eti_postbit">
{vb:rawphrase 'posts'} : {vb:raw post.posts}
</div>

[perspolisnews]

یک سوال دیگه

این پست بیت برای من در فایر فاکس خیلی عالی نمایش داده میشه ولی در اینترنت اکسپلورر کلا قالب رو بهم میریزه. مشکل از چیه ؟

[mr.behrooz]

مشکل از کدهاست کلا" خیلی کم پیش میاد که توی این دوتا مرورگر همه چیز یکسان نمایش بدن

[perspolisnews]

آخه جوری هست که در اینترنت اکسپلورر همه استایل رو بهم میریزه به طرز افتضاحی .. باید چی کار کرد ؟

[mr.behrooz]

باید روی قالبتون کار کرد دیگه باید قالب ویرایش کنید

[namo_57]

سلام من چطوري ميتونم كه كادر مثل همين سايت بكنم كدهاشو كجا پيدا كنم

متشكرم

[#elahe#]

سلام من چطوري ميتونم كه كادر مثل همين سايت بكنم كدهاشو كجا پيدا كنم

متشكرم

6 صفحه برگردین عقب
آموزش تو پست اول

[namo_57]

6 صفحه برگردین عقب
آموزش تو پست اول

نه عزيز من اون با اين كلي فرق داره

[mr.bahram]

نه عزيز من اون با اين كلي فرق داره

هیچ فرقی نمی کنه
ما هم داریم از همین استفاده می کنیم

[perspolisnews]

هیچ فرقی نمی کنه
ما هم داریم از همین استفاده می کنیم

احتمالا ایشون هم مثل من دارند از مرورگر اینترنت اکسپلورر که در ویندوز Seven به صورت دیفالت نصب میشه استفاده می کنند.
دوست من شما از فایرفاکس استفاده کنید! فکر می کنم مشکلتون حل بشه...
چون ظاهرا اکسپلورر با این نوع سی اس اس و برنامه نویسی مشکل داره کهذ اون رو به صورت کامل نشون نمی ده.

[mr.bahram]

احتمالا ایشون هم مثل من دارند از مرورگر اینترنت اکسپلورر که در ویندوز Seven به صورت دیفالت نصب میشه استفاده می کنند.
دوست من شما از فایرفاکس استفاده کنید! فکر می کنم مشکلتون حل بشه...
چون ظاهرا اکسپلورر با این نوع سی اس اس و برنامه نویسی مشکل داره کهذ اون رو به صورت کامل نشون نمی ده.

می تونی یه تصویر بگیری از بخش هایی که مورد داره و قرار بدی تا مشخص بشه اگر موردی بود برطرف بکنیم