Простые закладки

Добавляем возможность сохранять внутренние ссылки на вашем сайте, без php из модуля «Каталог сайтов», в скрипте так-же есть корзина, кэш, ограничение количества ссылок и др.

  • Модуль - Каталог сайтов
  • Кэш - скрипт кэширует данные, и при прогулке по сайту не получает заново данные (т.е. экономия на запросах).
  • Ограничения- если закладок больше ограничения они будут удаляться, или будут просто скрыты что удобно для мини-блока
  • Корзина - при удалении все закладки попадают в корзину от куда, можно восстановить закладки или удалить навсегда.

Установка

Вставьте код, для отображения закладок в блоке, в любой из шаблонов контейнера:

Показано закладок <span id="easybookmarks-actnumblock"></span>
<div id="easybookmarks-block"><i class="easybookmarks-loader"></i></div>

В место где будет кнопка в зависимости (добавить/удалить закладку):

<span id="easybookmarks-buttoncontainer"><i class="easybookmarks-loader"></i></span>

В шаблон Персональная страница пользователя в место где будут закладки:

<div style="text-align:left"> 
<div>Ваши закладки <span id="easybookmarks-actnumcontent"></span> :</div>
<div id="easybookmarks-content"></div>
<hr><div class="easybookmarks-trashtitle">Корзина <span id="easybookmarks-delnum"></span>: </div>
<div id="easybookmarks-contentdel"></div>
</div>

В таблицу стилей CSS в самый верх добавить:

/*--------- easybookmarks beta--------------*/
.easybookmarks-button{cursor : pointer; transition: all linear .3s;}
.easybookmarks-button:hover{opacity: .5;}
.easybookmarks-loader{background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23000' d='M25.3 6.5C15 6.5 6.6 14.8 6.6 25h4c0-8 6.6-14.5 14.7-14.5v-4z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");width:24px;height:24px;background-size: 100% 100%;display:inline-block;opacity: .7;}
.easybookmarks-empty{ color: rgba(0,0,0,.5);}
.easybookmarks-trashtitle{}
#easybookmarks-getted ul{margin:0;}

Загрузить скрипт себе в корень сайта

В шаблон Нижняя часть сайта, устанавливаем сам скрипт:

<script src="/reslear.easybookmarks.js"></script> 
<script>$(document).ready(function(){$.easyBookmarks('init', {userid: '$USER_ID$', confirm : 0});});</script>
Комментарии - 3
для добавления комментария
пожалуйста войдите или зарегистрируйтесь
BloWZe
12:15, 12.03.2017
А где скрипт?
stanmitchell
19:20, 18.12.2016
Где сам скрипт?
tolyan163rus
10:48, 26.12.2016
+
Хостинг от uCoz