Перейти до змісту
Домент ipb-board.ru продається.

Кнопка "Наверх"

Рекомендовані відповіді

Опубліковано
  • Адміністратор

post-2-0-99930500-1445999023.png

Админ панель -> Внешний вид -> выбираем наш шаблон -> в категории "Глобальные" ищем название шаблона globalTemplate
 
ищем тег: </head>
 
и перед ним добавляем код:

<!-- Кнопка "Наверх" --><script type="text/javascript">	jQuery(function() { 		jQuery(window).scroll(function() {			if(jQuery(this).scrollTop() != 0) jQuery('#toTop').fadeIn();			else jQuery('#toTop').fadeOut();		});	jQuery('#toTop').click(function() {		jQuery('body,html').animate({scrollTop:0},800);	});});</script>

потом мы добавим html код.
в этом же шаблоне мы ищем: </body>
 
перед ним добавляем код:

<div id="toTop"> ^ Наверх ^ </div>

теперь остался последний этап, это подключить css, для того чтоб кнопка обрела свой вид

заходим в ipb_styles.css
 
и в конце файла добавляем

#toTop {	width:100px;	background: #FCFCFC;	-webkit-box-shadow: rgba(0,0,0,0.12) 0px 0px 10px;	-moz-box-shadow: rgba(0,0,0,0.12) 0px 0px 10px;	box-shadow: rgba(0,0,0,0.12) 0px 0px 10px;	padding: 6px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	text-align:center;	padding:5px;	position:fixed;	bottom:10px; /* отступ кнопки от нижнего края страницы*/	right:10px;	cursor:pointer;	display:none;	color:#333;	font-family:verdana;	font-size:11px;}#toTop:hover {	background: #F5F5F5;}

 

Для публікації повідомлень створіть обліковий запис або авторизуйтесь