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



امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
آموزش ساخت دکمه بازگشت به بالا scroll to top

آموزش ساخت دکمه بازگشت به بالا Scroll to Top
سلام

آموزش: ساخت دکمه بازگشت به بالا
نویسنده: team my-bb
آموزش:
پنل مدیریت ... قالب ها و پوسته ها ... قالب مورد نظر ... footer
کد زیر رو آخر تمامی کد ها قرار دهید :
کد:
<!-- start: persian-talk.ir -->
<script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
 $("#backtop").hide();
  $(window).scroll(function () {
    if ($(this).scrollTop() > 400) {
      $('#backtop').fadeIn(200);
    } else {
      $('#backtop').fadeOut(200);
    }
  });
  $('.go-top').click(function () {
    $('html,body').animate({
      scrollTop: 0
    }, 1000);
    return false;
  });
});
</script>
<!-- end: persian-talk.ir  -->
کد زیر رو در فوتر سایت در محلی که میخواین نمایش داده بشه ( عکس بازگشت به بالا ) قرار بدین .
کد:
<div id='backtop'>
    <a class='go-top' href='#top' title='Back to Top'><img src="{$theme['imgdir']}/top.png" /></a>
</div>
به جای لینک عکس مورد نظر خودتون رو برای بازگشت به بالا قرار دهید .
کد:
{$theme['imgdir']}/top.png
سپس پنل مدیریت ... قالب ها و پوسته ها ... پوسته ها ... global.css به آخر کد ها اضافه کنید :
کد:
#backtop {
    position: fixed;
    bottom: 50px;
    right: 10px;
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    z-index: 100;
}
پیروز باشید .


خوشحالم به خاطر این همه پیشرفت
I'm happy to progress
نمونه نداره برادر رضا!؟


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

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



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
خیر ...


خوشحالم به خاطر این همه پیشرفت
I'm happy to progress
من انجام دادم این آموزش رو
زیبا هم بود
فقط میخواستم بدونم چطور میشه سمت چپ که رفته یکسان باشه با بنر سمت راستم که برای فروشگاه هست
باید تو هدر بزارم کد هارو؟


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

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



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
(۲۴ اسفند ۱۳۹۱، ۱۱:۴۷ ب.ظ)bensol نوشته:  من انجام دادم این آموزش رو
زیبا هم بود
فقط میخواستم بدونم چطور میشه سمت چپ که رفته یکسان باشه با بنر سمت راستم که برای فروشگاه هست
باید تو هدر بزارم کد هارو؟
مقدار 
کد:
bottom: 50px;
right: 10px;
رو تغییر بدید.


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید!تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/lightbulb.gif

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
روی چند بزارم هی بالا پایین کردم عداد رو به نتیجه ای نرسیدم!


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

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



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش متصل کردن کاربران مای‌بی‌بی به وردپرس Tofighi 22 5,094 ۰۳ تير ۱۳۹۴، ۰۲:۵۹ ب.ظ
آخرین ارسال: Mohammadreza477
  آموزش تب بندی پروفایل به سبک VB Tofighi 162 29,609 ۱۱ فروردین ۱۳۹۴، ۰۶:۰۴ ب.ظ
آخرین ارسال: Masoud_MI
  آموزش زیبا سازی قسمت Navigation Tofighi 79 15,498 ۲۳ آبان ۱۳۹۳، ۰۳:۳۸ ب.ظ
آخرین ارسال: KalKalForum
  آموزش ساخت صفحات جداگانه پی اچ پی برای مای بی بی mybb 1 1,843 ۱۹ آبان ۱۳۹۳، ۰۶:۵۷ ب.ظ
آخرین ارسال: sajad1441
  آموزش فعال سازی Html امضا برای گروه‌های خاص Tofighi 5 2,633 ۲۲ مهر ۱۳۹۳، ۱۱:۴۷ ب.ظ
آخرین ارسال: akpar
  آموزش ست کردن مای بی بی با آمارگیر piwik TaK DoKhTaR 20 6,023 ۰۲ خرداد ۱۳۹۳، ۰۸:۳۸ ب.ظ
آخرین ارسال: Mehr@ban
  آموزش سئو وبسایت با استفاده از تگهای heading Tofighi 35 7,149 ۰۲ خرداد ۱۳۹۳، ۰۵:۴۸ ب.ظ
آخرین ارسال: Mehr@ban
  آموزش تبدیل اعداد انگلیسی به فارسی در MyBB Tofighi 5 2,500 ۲۹ دى ۱۳۹۲، ۱۲:۴۱ ب.ظ
آخرین ارسال: Amir-Me
Star آموزش ایجاد تولتیپ ویژه v2 KoG 10 3,167 ۲۵ دى ۱۳۹۲، ۱۲:۵۵ ب.ظ
آخرین ارسال: Arsalan
  آموزش ایجاد نوار نمایش امکانات Tofighi 48 7,994 ۲۵ دى ۱۳۹۲، ۱۲:۴۶ ب.ظ
آخرین ارسال: KoG

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

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