ــیɪʀᴀɴɪایرانــ

ثبت شده در ستاد ساماندهی پایگاه های اینترنتی

ــیɪʀᴀɴɪایرانــ

ثبت شده در ستاد ساماندهی پایگاه های اینترنتی

ــیɪʀᴀɴɪایرانــ

فلک به مردم نادان دهد زمام مراد. تو اهل فضلی و دانش همین گناهت بس

logo-samandehi
از بازدید کنندگان محترم دعوت میشود تا در صورت تمایل، بعد از عضویت در سایت بیان ، در این بلاگ به عنوان نویسنده شروع به کار کنند. برای این امر،کافیست در بخش دعوت به نویسندگی تنها نام کاربری خود را همراه با مشخصات فردی ارسال کنید.
در حال بارگزاری موتور جست و جو
برای شنیدن آهنگ نابرده رنج احسان خواجه امیری روی دکمه زیر کلیک کنید.
آخرین نظرات
کد لوگوی ما در جعبه پایین


ساختن دکمه برگشت به بالای صفحه (+فیلم آموزشی)

بسم الله الرحمن الرحیم.

بی مقدمه برای ساختن دکمه "رفتن به بالای صفحه" فیلم آموزشی زیر را مشاهده کنید.

(از کد های زیر میبایست استفاده کنید.)

کد زیر را در بخش "ویرایش ساختار قالب فعلی (یا همان html)"، بین <body> و <body/> بچسبانید.

برای دیدن با کیفیت اصلی روی دکمه زیر کلیک کنید!
دریافت
مدت زمان: 3 دقیقه 35 ثانیه


<div id="top"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 1000) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});

});
//]]>
</script>
<p style="display:block;" id="back-top">
<a href="#top"><span></span></a>
</p>


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

#back-top {
position: fixed;
bottom: 50px;
right: 50px;
}
#back-top a {
position: fixed;
bottom:30px;
right:30px;
width: 60px;
display: block;
text-align: center;
text-decoration: none;
color: #bbb;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}
/* arrow icon (span tag) */
#back-top span {
width: 60px;
height: 60px;
display: block;
margin-bottom: 7px;
background: #29e3ff url(http://bayanbox.ir/view/1273824265519210431/1.png) no-repeat center center;
/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #0035b8;
}

نظرات (۰)

هیچ نظری هنوز ثبت نشده است
نظراتی که به صورت خصوصی ارسال میشوند امکان پاسخ گویی توسط مدیر وبلاگ را ندارند.
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">