Установка:
1.Вставляем в самый низ в "Таблица стилей (CSS)"
Code
#back-top {
position: fixed;
top: 30px;
right: 10px;
margin-left: 0px;
}
#back-top a {
width: 80px;
padding-top: 10px;
height: 24px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #999;
border:1px solid #aaa;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
border:1px solid #aaa;
}
2.Вставляем в "Общий вид страниц форума" после "$BODY$"
Code
<script type="text/javascript">
// спрятать #back-top в начале
$("#back-top").hide();
// показать #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// прокрутить плавно тело документа к 0px при нажатии
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
}); $('#back-top').hide();
});
</script>
<p id="back-top">
<a href="#top"><img src="http://s21.ucoz.net/.s/img/wd/1/ar2.gif" /> Вверх <img src="http://s21.ucoz.net/.s/img/wd/1/ar1.gif" /></a>
</p>
[/Table]
