Кнопка вверх для uCoz сайта
Кнопка вверх для uCoz сайта - желтая
кнопка вверх для сайта, так же картинку можно изменить на свою. Очень красивый
эффект скроллинга страницы сайта. Кнопка вверх реализована при помощи CSS, 2 картинок, HTML кода и файла JS.
Как установить кнопку вверх на сайт?
Заходим "Панель управления", "Управление дизайном", раздел "Таблица стилей CSS" и в самый низ вставляем:
Код
.upTop {
display:none;
width:100px;
height:100%;
position:fixed;
left:0px;
top:0px;
z-index:100;
}
.upTopButton {
background:#C5FCD6 url(http://clipak.ucoz.ru/images/goup.png) no-repeat;
width:27px;
height:27px;
position:fixed;
top:10px;
left:10px;
cursor:pointer;
}
.upTopZone {
display:none;
background:url(http://clipak.ucoz.ru/images/upbg.png) repeat;
width:100px;
height:100%;
cursor:pointer;
}
.upTopZone p {
background:#777777;
font-size:12px;
width:63px;
height:27px;
margin:0;
position:fixed;
top:10px;
left:37px;
color:#fff;
font-family:"tahoma", "verdana", "arial";
line-height:25px;
text-align:center;
text-shadow:1px 1px 1px #000000;
}
@media screen and (max-width:1024px) {
.upTopZone {
display:none !important;
}
.orange .upTopButton, .orange .upTopZone p {
background-color:#FFF23B;
}
Далее идём "Управление дизайном", "Нижняя часть сайта" и в самый низ вставляем:
Код
<div class="upTop blue">
<div class="upTopZone"><p>Вверх, к облакам.</p></div>
<div class="upTopButton"></div>
</div>
Теперь давайте подключим JS
кнопки скроллинга для этого нам необходимо зайти "Страницы сайта" и вставляем этот код перед закрывающим тегом боди, а именно