ایجاد دکمه بازگشت به بالا [ جی کوئری ]
سلام
با استفاده از این آموزش می تونید برای انجمن یه دکمه بازگشت به بالا ایجاد کنید که هنگامی که کاربر به پایین صفحه
میره ظاهر میشه و به کاربر امکان بازگشت به بالای صفحه رو میده

به مسیر زیر برید »
قالب ها و پوسته ها / قالب مورد نظر / قالب Footer
حالا فایل footer رو ویرایش کنید و کد زیر رو بالای همه کدها قرار بدید :
<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>

حالا کد زیر رو به قسمت پایین کدهای footer قبل از دو تگ </div> قرار بدید :
<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;
}

قسمت آخر هم کد زیر رو به headerinclude قالبتون اضافه کنید :
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

منتشر شده در : همیار مای بی بی
موفق باشید thanks
نویسنده :

X
پلاگین گالری آواتار
[color=#ff0000] پلاگین :[/color] [size=small]Avatar Gallery Manager[/size]   [color=#ff0000]نسخه ...
تعیین نشده
دیدگاه های کاربران 1
ارسال: 2
آقا جواد میشه بنویسی headerinclude در قالب های گروه بندی نشده قرار داره Smile


مجموعه دکمه های بازگشت به بالا پیوست شد .
این آدرس هم میتونه کمک کنه Smile


فایل‌(های) پیوست شده
نام فایل : Up.Buttons.zip
اندازه : 104.36 KB
پسورد : www.mybbco.ir
فقط اعضا میتوانند فایل پیوست را دریافت کنند .

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