« Скрипт кнопки "Добавить материал" на сайта, для uCoz »

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

Сегодня у нас на очереди не плохой скрипт кнопки для добавления материала на ваш сайт в системе uCoz. Данный скрипт давно уже работает на нашем сайте и его работоспособность никак не влияла на загрузку страниц сайта. Скрипт очень просто в установке и не потребует огромных навыков, а точнее он их вообще не потребует если соблюдать инструкцию установки, которую мы предоставляем. Как работает он: при загрузки страницы сайта, в правом нижнем углу появляется небольшая иконка с плюс в центре, наведя на нее курсор мыши высветиться текст "добавить материал", а если вы прокрутите страницу в низ, то данная иконку пропадет.

Установка:
1. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и ставим код:

Код
/* Скрипт кнопки Добавить материал на сайта, для uCoz */
.absolute-center {position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 20px;height: 20px;text-align: center; font-size: 18px!important; color: #fff;}  
.menu_br {position: fixed;bottom: 0px;right: -15px;}  
.menu_drop {position: absolute;bottom: 29px;right: 32px;opacity: 0.6;-webkit-transition:-webkit-transform 0.7s .3s ease;-moz-transition: -moz-transform 0.7s .3s ease;-ms-transition: -ms-transform 0.7s .3s ease;transition: transform 0.7s .3s ease;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0px, 0px, 0px);}  
.menu_br, .hide_top{-webkit-transform: translate(0, 200%);-moz-transform: translate(0, 200%);-ms-transform: translate(0, 200%);transform: translate(0, 200%);-webkit-backface-visibility: hidden;}  
.menu_btn {position: relative;width: 45px;height: 45px;float: right;cursor: pointer;background-color: #393939;border-radius: 50%;box-shadow: 0 0px 10px rgb(161, 128, 90);}  
.menu_btn:hover .menu_label {opacity: 1;}  
.menu_label {position: absolute;top: 12px;right: 115%;padding: 4px 8px;font-size: 14px;color: #d3be81;background-color:#393939;border-radius:5px;opacity: 0;pointer-events: none;white-space: nowrap;transition: opacity .2s ease-out;}
/* uFive.Ru */


2. Заходим в ПУ - Управление дизайном - Нижняя часть сайта и в самый низ ставим данный код:
Код
<!-- Скрипт кнопки Добавить материал на сайта, для uCoz -->
<div class="menu_br"><div class="menu_drop">
<a href="/load/0-0-0-0-1"><div class="menu_btn"><span class="menu_label">Добавить материал</span>
<img style="margin: 8px 8px;" src="http://ufive.ru/ie_design/img/add.png"></div></a>  
</div></div>
   
<script type="text/javascript">  
  $(function(){  
   
  var _top = $(window).scrollTop(),  
  _direction,  
  $menu_drop = $('.menu_drop');  
   
  $(window).scroll(function(){  
  var _cur_top = $(window).scrollTop();  
   
  if(_top < _cur_top) {  
  _direction = 'down';  
  $menu_drop.stop().addClass('hide_top');  
  }  
  else {  
  _direction = 'up';  
  $menu_drop.removeClass('hide_top');  
  }  
   
  _top = _cur_top;  
  console.log(_direction);  
  });  
  });  
</script>
<!-- uFive.Ru -->


Вот и все! Готова!


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

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

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

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


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


Поделиться в соц. сетях:

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

Комментариев к материалу: 0
avatar