پست بیت بسیار زیبا

نویسنده : borhan
نام فایل : images.zip
اندازه : 97.47 KB
پسورد : www.mybbco.ir
فقط اعضا میتوانند فایل پیوست را دریافت کنند .

پست بیت بسیار زیبا
درود عزیزان جانم

این پست بیت یک پست بیت ویژه هستش که توی انجمن های دیگه اموزشش بسیار سخت استBig Grin

امروز بنده این پست بیت رو برای شما در چند مرحله ساده خلاصه میکنم تا بتونید لذت ببرید از این پست بیتBig Grin
image


خب اول این کد رو به گلوبال اضافه کنید:

.postbited {
height: 35px;
line-height: 3;
background: #f6f6f6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 -1px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
-moz-box-shadow: 0 -1px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
box-shadow: 0 -1px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
}
.postbited:hover {
background: #f0f0f0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(224,224,224,1)));
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
}
.postbit-style {
margin-bottom: 10px;
border: none;
-webkit-border-radius: 100% / 33px;
-moz-border-radius: 100% / 33px;
border-radius: 100% / 33px;
-webkit-box-shadow: 0 8px 3px -5px rgba(0,0,0,.2);
-moz-box-shadow: 0 8px 3px -5px rgba(0,0,0,.2);
box-shadow: 0 8px 3px -5px rgba(0,0,0,.2);
}
.postbited:hover > .postbit-style {
-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.22);
-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.22);
box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.22);
}
.postbit2 {
width: 100%;
height: 45px;
}
.postbitsmall {
float: right;
margin-left: 4%;
width: 48%;
}
.postbitsanllleft {
width: 48%;
float: right;
}
.postbited img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}



سپس این کد رو با کد های postbit_author_user جایگزین کنید:
<div class="postbit-style">
<div class="postbited"> {$lang->postbit_posts} {$post['postnum']} </div>
</div>
<div class="postbit-style">
<div class="postbited"> {$lang->postbit_joined} {$post['userregdate']} </div>
</div>
<div class="postbit2">
<div class="postbitsmall">
<div class="postbit-style">
<div class="postbited"> {$post['replink']} </div>
</div>
</div>
<div class="postbitsanllleft">
<div class="postbit-style">
<div class="postbited"> {$post['warninglevel']} </div>
</div>
</div>
</div>
<div class="postbit2">
<div class="postbitsmall">
<div class="postbit-style">
<div class="postbited"> وضعیت : {$post['onlinestatus']} </div>
</div>
</div>
<div class="postbitsanllleft">
<div class="postbit-style">
<div class="postbited"> جنسیت: <img src="{$theme['imgdir']}/{$post['fid3']}.gif" /> </div>
</div>
</div>
</div>


و این کد ها را با کد های postbit_classic جایگزین کنید:
{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tr>
<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="postbit-style">
<div class="postbited" style="line-height:2.5">
<strong><span class="largetext">{$post['profilelink']}</span></strong>
</div>
</div>
<span class="smalltext">
<div class="postbit-style">
<div class="postbited"> {$post['usertitle']} </div>
</div>
<div class="postbit-style">
<div class="postbited"> {$post['userstars']} </div>
</div>
{$post['groupimage']}


<div class="postbit-style">
<div class="postbited" style="height:auto"> {$post['useravatar']}</div>
</div>


{$post['user_details']}
</span>
    </td>
    <td class="{$altbg}" valign="top">
<table width="100%">
<tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
<br />
<div id="pid_{$post['pid']}" class="post_body">
{$post['message']}
</div>
{$post['attachments']}
{$post['signature']}
<div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
{$post['iplogged']}
</div>
</td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
    <td class="{$altbg}" style="vertical-align: middle;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="bottom">
<td align="right" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
<td align="left">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['thanks']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
</tr>
</table>
    </td>
</tr>{$post['thxdsp_inline']}
</table>{$post['thxdsp_outline']}


خب تقریبا کار تمام شده است

فقط مونده که سپاس ها را کادر بندی کنیم

خب برای این کار برید به مسیر زیر:
قالب‌ها و پوسته‌ها > قالب های سراسری >thanks_postbit_count

و با کد زیر جای گزین کنید

<div class="postbit-style">
<div class="postbited">
<span class="smalltext">{$lang->thx_thank} {$post['thank_count']}</span>
</div>
</div>
<div class="postbit-style">
<div class="postbited">
<span class="smalltext">{$post['thanked_count']}</span>
</div>
</div>



خب کار تموم شد حالا تصاویر پیوست شده رو دانلود کنید و در هاستتون اپ کنید

به همین راحتیBig Grin

امیدوارم که مورد پسند بوده باشه

نکته بسیار مهم:قبل از قرار دادن کد ها را در نت پد ذخیره کنید
نویسنده :

X
پلاگین باکس ورود جی کوئری (jQuery Login Box)
نام پلاگین : jQuery Login Box نویسنده : MybbCo عملکرد : افزودن باکس ورود جی کوئری به انجمن شما لی ...
تعیین نشده
دیدگاه های کاربران 31
ارسال: 31
من که مشکلی ندیدمBig Grin

ولی دلیلش اینه که این پست بیت مختص مای بی بی 1.6 هستBig Grin

با کمی ویراییش میتونید به 1.8 هم ارتقا بدیدSmile

ارسال: 32
من وقتی این پست بیت رو میزارم عکس پلاگین های تشکر/اخطاراعتبار پاسخ و... میره و اسمشون میاد
چیکار کنم؟
میشه برام به 1.8 ارتقا بدید؟

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :