مهمان عزیز خوش آمدید. ورود ثبت نام



صفحه‌ها (3):
امتیاز موضوع:
  • 1 رای - 3 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
پست بیت خاکستری با بک گراند متحرک

پست بیت خاکستری با بک گراند متحرک
سلام
این هم یه پست بیت قشنگ خاکستری البته با بک گراند متحرک که وقتی موس روش میره بک گراند حرکت می کنه و خیلی جالبه .
دمو :

تصویر: http://up.wikivb.ir/images/39kusl3ymfp1r6607buw.png

بهترین راه امتحان کردن این پست بیت هست .

کد استایل:
کد:
.post_field {
background: url(http://up.wikivb.ir/images/e7yjpvuhnr7k4a8dk88v.png);
padding: 10px 5px 5px 0px;
margin-top: 5px;
text-align: center;
border-top: 0px solid #bfbfbf;
border-bottom: 3px solid #bfbfbf;
border-right: 1px solid #bfbfbf;
border-left: 1px solid #bfbfbf;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
font-family: Tahoma;
-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
-o-box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
    color:#3e3e3e;
}
.post_field:hover {
background: url(http://up.wikivb.ir/images/e7yjpvuhnr7k4a8dk88v.png) -150px;
    color:#000;
box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
-o-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
-ms-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
}

کد فراخوانی :
کد:
    <div class="post_field"> <center><strong><span class="largetext">{$post['profilelink']}</span></strong></center> </div>
    <div class="post_field"><center>{$post['useravatar']}</center></div>
    <div class="post_field"><center>{$post['groupimage']}</center></div>
    <div class="post_field"><font color="#4d4d4d"><a href="search.php?action=finduser&amp;uid={$post['uid']}">یافتن تمام ارسالهای

نویسنده</a></font></div>
    <div class="post_field">وضعیت : {$post['onlinestatus']}</div>
    <div class="post_field">{$post['user_details']}</div>
       </strong>
       <br />
          
       </span>

آموزش:

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

حالا این کد ها را پیدا کنید :
کد:
<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
        <span class="smalltext">
            {$post['usertitle']}<br />
            {$post['userstars']}
            {$post['groupimage']}
            {$post['useravatar']}<br />
            {$post['user_details']}
        </span>

به جای کدبالا ، شما باید کد استایل + کد فراخوانی رو قرار بدید . البته می تونید کد استایل رو در Global.css  قالبتون قرار بدید و کد فراخوانی رو به جای کد بالا قرار بدید .

منبع : my-bb.ir
موفق باشید .تصویر: images/smilies/heart.gif


تصویر: http://toolsdl.com/banner2.gif
 
سپاس + اعتبار
عالی بود دادا جواد. ازش استفاده کردم. من دنبال همچین پست بیت بودم چون دوست داشتم رنگ پست بیتم به رنگ خاکستری باشه. به خاطر اینکه از قالب مولتی کالر استفاده میکنم. به تمام رنگ های قالم میاد.
امیدوارم بتونم با کمک شما بخش های دیگه بهش اضافه کنم. مثل حالت من و ...


فقط قبلاً با آموزش آقا reza عزیز

پست‌ها
تاریخ عضویت
اعتبار
درصد اخطار

رو کادر بندی کردم و الان هم داخل پست بیتم نشون میده.
می خواستم بدونم الان باید چه کنم که اینا حذف شه
برگردونم به نصخه اصلی!؟

تو عکس متوجه میشید منظورم رو


نمونه: تصویر: http://upload.tehran98.com/img1/w250dvislvfvwt2p3471.gif


زندگیمو میسازم اونجوری که میخوام

.....
....
...
..
.



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
در قسمت postbit_classic اونهایی که اسم کلاسشون post_userdetails  هست رو به post_field تغییر بده .


تصویر: http://toolsdl.com/banner2.gif
 
ببخشید اقا جواد!این سبک امضاء ویبولتین هم نیست؟>
این سبک پست بیت وی بی هست که تبدیل شده به مای بی بی


تصویر: http://toolsdl.com/banner2.gif
 
اها!درورد بر ابتکار شما!خسته نباشید
(۳۱ فروردین ۱۳۹۲، ۰۵:۵۰ ب.ظ)'KoG' نوشته:  در قسمت postbit_classic اونهایی که اسم کلاسشون post_userdetails  هست رو به post_field تغییر بده .

 
تا اونجا که نگاه کردم همه post-field هست
ولی بازم به همون صورت هست
یک نگاهی بفرمایید

کد:
{$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="post_field"> <center><strong><span class="largetext">{$post['profilelink']}</span></strong></center> </div>
    <div class="post_field"><center>{$post['useravatar']}</center></div>
    <div class="post_field"><center>{$post['groupimage']}</center></div>
    <div class="post_field"><font color="#4d4d4d"><a href="search.php?action=finduser&amp;uid={$post['uid']}">یافتن تمام ارسالهای

نویسنده</a></font></div>
    <div class="post_field">وضعیت : {$post['onlinestatus']}</div>
    <div class="post_field">{$post['user_details']}</div>
       </strong>
       <br />
          
       </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: left; 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"><div class="postbit_buttons">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</div></span></td>
                <td align="left"><div class="postbit_buttons">{$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></td>
            </tr>
        </table>
    </td>
</tr>{$post['thxdsp_inline']}
</table>{$post['thxdsp_outline']}{$post['showadspostbit']}


زندگیمو میسازم اونجوری که میخوام

.....
....
...
..
.



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
دو تاش رو باید از قسمت postbit_author_user تغییر بدی و یکیش رو از قسمت postbit_reputation باید ادیت کنی .
البته اگر بخوای اینها رو به  post_field تغییر بدی باید استایل پست بیت رو در Global.css قالبت قرار بدی تا مشکلی پیش نیاد .


تصویر: http://toolsdl.com/banner2.gif
 
همون طور که گفتی استایل پست بیت رو در Global.css قالب قرار دادم و مشکلی پیش نیمده تا اینجا
و گفتی باید یکیشو از قسمت postbit_author_user تغییر بدی و یکیش رو از قسمت postbit_reputation باید ادیت کنی
این کار رو هم کردم درست شد
فقط دوتاش مونده که یکی درصد اخطار هست
و اون یکی هم سپاس ها
این دو رو از کدوم قالب ها باید ویرایش کنم


زندگیمو میسازم اونجوری که میخوام

.....
....
...
..
.



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
می خوای به صورت جدا نمایش داده بشن ؟


تصویر: http://toolsdl.com/banner2.gif
 
صفحه‌ها (3):


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  [ویژه] امضای زیبا سری دو _ با بک گراند css KoG 0 1,640 ۱۱ فروردین ۱۳۹۲، ۰۹:۳۴ ب.ظ
آخرین ارسال: KoG
  [ویژه] امضای زیبا با بک گراند css KoG 0 1,481 ۱۱ فروردین ۱۳۹۲، ۰۶:۰۰ ب.ظ
آخرین ارسال: KoG
  [پست بیت ویژه] پست زیبا خاکستری رنگ #3 KoG 0 1,384 ۲۹ اسفند ۱۳۹۱، ۱۰:۵۳ ق.ظ
آخرین ارسال: KoG
Thumbs Up امضای خاکستری #2 KoG 0 710 ۲۱ اسفند ۱۳۹۱، ۱۱:۰۴ ب.ظ
آخرین ارسال: KoG

پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir