« Простой и удобный скрипт Вверх для uCoz »

Описание материала:

Красивый, простой и удобный скрипт Вверх для сайтов системы uCoz. Скрипт подойдет под любой дизайн, пусть он будет светлый или темный. Данный скрипт очень прост в установке.

Установка:
1. Скачиваем с нашего сайт архив
2. Заливаем к себе в корень сайта папку script_up
3. Заходим в ПУ >>> Управление дизайном >>> Нижняя часть сайта и в самый низ ставим данный код:

Код
<script type="text/javascript" src="/script_up/up.js"></script>

4. Заходим в ПУ >>> Управление дизайном >>> Таблица стилей (CSS) и ставим код для левой стороны:
Код
/* Скрипт Вверх */
.scrolltotop {
  display:none;
  position:fixed;
  width:3%;
  top:0;
  left:0;
  height:100%
  ;z-index:9000;
  cursor:pointer
}

.scrolltotop__side {
  position:fixed;
  width:3%;
  height:100%;
  top:0;
  left:0;
  background: black;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0.2);
  -moz-opacity:0.1;
  -khtml-opacity:0.1;
  opacity:0.1
}

.scrolltotop__arrow {
  position:fixed;
  width:3%;
  height:100%;
  top:50px;
  left:0;
  background:url(/script_up/up.png) top no-repeat;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)";
  filter:alpha(opacity=0.4);
  -moz-opacity:0.4;
  -khtml-opacity:0.4;
  opacity:0.4
}
/* ----------------------- */



5. Заходим в ПУ >>> Управление дизайном >>> Таблица стилей (CSS) и ставим код для правой стороны:
Код
/* Скрипт Вверх */
.scrolltotop {
  display:none;
  position:fixed;
  width:3%;
  top:0;
  right:0;
  height:100%
  ;z-index:9000;
  cursor:pointer
}

.scrolltotop__side {
  position:fixed;
  width:3%;
  height:100%;
  top:0;
  right:0;
  background: black;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0.2);
  -moz-opacity:0.1;
  -khtml-opacity:0.1;
  opacity:0.1
}

.scrolltotop__arrow {
  position:fixed;
  width:3%;
  height:100%;
  top:50px;
  right:0;
  background:url(/file/script_up/up.png) top no-repeat;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)";
  filter:alpha(opacity=0.4);
  -moz-opacity:0.4;
  -khtml-opacity:0.4;
  opacity:0.4
}
/* ----------------------- */


Готова!


Скачать ( Размер архива 1.7 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 706 | Загрузок: 35

Теги к материалу: скрипт, Вверх, ucoz, Удобный, Простой, для

Поделиться в соц. сетях:
Комментариев к материалу: 3
Artem Larin 26.07.2016 в 18:10Спам
Спасибо! biggrin
0
Deniss Lvov 29.06.2015 в 14:55Спам
Как поставить на право?
0
Виктор Ягодин 08.07.2015 в 10:46
Добавил код для правой стороны.
0
avatar