Установка CSS:
Теперь давайте начнем установку на сайт, тем более что она крайне проста, вначале скопируем данный код в таблицу стилей, ПУ / Дизайн / Управление дизайном (CSS)
Код
.upTop {
display:none;
width:100px;
height:100%;
position:fixed;
left:0px;
top:0px;
z-index:100;
}
.upTopButton {
background:#777777 url(http://mvcreative.ru/example/17/images/goup.png) no-repeat;
width:27px;
height:27px;
position:fixed;
top:10px;
left:10px;
cursor:pointer;
}
.upTopZone {
display:none;
background:url(http://mvcreative.ru/example/17/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;
}
} .blue .upTopButton, .blue .upTopZone p {
background-color:#3fa3e1;
}
.green .upTopButton, .green .upTopZone p {
background-color:#60bf3a;
}
.red .upTopButton, .red .upTopZone p {
background-color:#ca2929;
}
.orange .upTopButton, .orange .upTopZone p {
background-color:#ef990b;
}
.purple .upTopButton, .purple .upTopZone p {
background-color:#b053a0;
}
.grey .upTopButton, .grey .upTopZone p {
background-color:#777777;
}
Установка HTML:
Данный код копируем и вставляем куда хотим, главное в тело страницы, можете поставить перед тегом