Пример работы - демо Вставить в overall_header_head_append.html
Код: Выделить всё
<style>
#top-link {
background-color: #ffffff;
cursor: pointer;
display: none;
left: 0px;
opacity: 0.2 !important;
-moz-transition-property: opacity; -moz-transition-duration: 0.5s;
-webkit-transition-property: opacity; -webkit-transition-duration: 0.5s;
-o-transition-property: opacity; -o-transition-duration: 0.5s;
transition-property: opacity; transition-duration: 0.5s;
overflow: hidden;
padding: 0;
position: fixed;
top: 0px;
z-index: 1;
}
#top-link:hover{
background-color: #e0e0e0;
box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100, 100, 100, .25);
opacity: 1.0 !important;
-moz-transition-property: opacity; -moz-transition-duration: 0.5s;
-webkit-transition-property: opacity; -webkit-transition-duration: 0.5s;
-o-transition-property: opacity; -o-transition-duration: 0.5s;
transition-property: opacity; transition-duration: 0.5s;
}
#top-link a {
color: #105289;
display: block;
font-size: 11px;
font-weight: bold;
margin: 0 5px 5px;
padding: 5px 0;
text-align: center;
text-decoration: none !important;
width: 12px;
}
#topicon,
#backicon {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
margin-top: 4px;
margin-left: -4px;
position: absolute;
}
#topicon { border-bottom: 8px solid #105289; }
#backicon { border-top: 8px solid #105289; position: absolute; }
#b2t_text { padding-left: 15px; position: absolute; word-wrap: normal; }
/* адаптация под размеры окна */
@media only screen and (max-width: 1400px), only screen and (max-device-width: 1400px) {
#b2t_text { display: none; }
}
</style>
Код: Выделить всё
<script src="http://phpbb3.x-tk.ru/store/phpbb3_kabb_ru/images/Back2Top.js" type="text/javascript"></script>
Код: Выделить всё
<!-- IF not S_IS_BOT -->
<div id="top-link">
<a href="#top" id="top-link-a"><span id="topicon"></span><span id="b2t_text">Наверх</span></a>
</div>
<!-- ENDIF -->