Перейти к публикации

Кнопки вверх вниз слевой стороны


1.png.06b663b1fc77e7235978b2f94eb6e9bc.png

Кнопки вверх вниз слевой стороны.

Это в globalTemplate после </head>

<a href="javascript:history.back(0)" onmouseover="window.status='Назад';return true" class="ctrleft"></a>
<a class="bgbacktotop" href="#top" onclick="jQuery('html, body').animate({scrollTop:0}, 'slow');return false;" ></a>
<a class="bgbacktobot" href="#bottom" onclick="jQuery('html, body').animate({scrollTop:document.documentElement.scrollHeight}, 'slow');return false;" ></a>

Это в custom.css в любое место

a.bgbacktotop:hover {
opacity:1;
}
a.bgbacktotop {
position: fixed;
top:35%;
opacity: 0.4;
left: 2px;
width: 48px;
height: 48px;
display: block;
background: url({resource="top.png" app="core" location="global"}) no-repeat 0px 0px;
z-index: 99999999;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
a.bgbacktotop:hover {
opacity:1;
}
a.bgbacktobot {
position: fixed;
top:65%;
opacity: 0.4;
left: 2px;
width: 48px;
height: 48px;
display: block;
background: url({resource="top2.png" app="core" location="global"}) no-repeat scroll 0px 0px transparent;
z-index: 99999999;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
a.bgbacktobot:hover {
opacity:1;
}

И не забываем прописать ссылки или добавить ресурсы в коде выше в background: url

Это архив с кнопками, может кому пригодится.

knopki.zip


 Отправить жалобу

×