Среда, 20.06.2018, 08:36
Главная Регистрация RSS
Приветствую Вас, Гость
НОВОЕ НА ФОРУМЕ
НОВЫЕ КОМЕНТАРИИ
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
mytorrento
Поиск
Главная » Файлы » СКРИПТЫ ДЛЯ UCOZ » РАЗНЫЕ СКРИПТЫ УКОЗ

Плавающая инфопанель

Плавающая инфопанель

Приветствую всех пользователей и гостей сайта!
Предлагаю вашему вниманию информационную панель с выпадающими вкладками
для установки ссылок на важные темы вашего сайта.
Панель имеет три стиля на выбор под ваш сайт,работает на квери и не влияет на скорость загрузки страниц.
Установка довольно проста:

Код
перед закрывающимся тэгом </head>
ставим следующий код

<link type="text/css" href="themes/default/jx.stylesheet.css" rel="stylesheet"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.jixedbar.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
  $("#sample-bar").jixedbar();
  });
</script>


Далее на нужных страницах:

Код

перед закрывающимся тэгом </body>
ставим саму панель

<div id="sample-bar">

  <ul>
  <li title="Home"><a href="ссылка">На главную</a></li>
  </ul>

  <span class="jx-separator-left"></span>
   
  <ul>  
  <li title="Социальные сети"><a href="#">Социальные сети</a>
  <ul>
  <li><a href="http://www.facebook.com/"><img src="/pic/facebook.png" title="Facebook" width="16" />Facebook</a></li>
  <li><a href="http://twitter.com/"><img src="/pic/twitter.png" title="Twitter" width="16" />Twitter</a></li>
  <li><a href="https://vk.com/public39068175"><img src="/pic/vk.png" title="Flickr" width="16" />Группа в контакте</a></li>
  <li><a href="http://ok.ru"><img src="/pic/ok.png" title="Одноклассники" width="16" />Одноклассники</a></li>
  </ul>
  </li>
  </ul>
   
  <span class="jx-separator-left"></span>

<span class="jx-separator-left"></span>
   
  <ul>  
  <li title="Название"><a href="#">Название</a>
  <ul>
  <li><a href="ссылка"><img src="картинка" title="" width="16" />название ссылки</a></li>
  <li><a href="ссылка"><img src="картинка" title="" width="16" />название ссылки</a></li>
  <li><a href="ссылка"><img src="картинка" title="" width="16" />название ссылки</a></li>
  <li><a href="ссылка"><img src="картинка" title="" width="16" />название ссылки</a></li>
  </ul>
  </li>
  </ul>
   
  <span class="jx-separator-left"></span>

   
  <div>Ваш текст с ссылкой</div>
   
  <ul class="jx-bar-button-right">
  <li title="Важно"><a href="#"><img src="картинка" alt="" />Важно</a>
  <ul>
  <li><a href="ссылка"><img src="картинка" title="" />название ссылки</a></li>
  <li><a href="ссылка"><img src="картинка" title="" />название ссылки</a></li>
  </ul>
  </li>
  </ul>
   
  <span class="jx-separator-right"></span>

<ul class="jx-bar-button-right">
  <li title="инфо"><a href="#"><img src="картинка" alt="" />инфо</a>
  <ul>
  <li><a href="ссылка"><img src="картинка" title="" />название ссылки</a></li>
  <li><a href="ссылка"><img src="картинка" title="" />название ссылки</a></li>
  <li><a href="ссылка"><img src="картинка" title="" />название ссылки</a></li>
  <li><a href="ссылка"><img src="картинка" title="" />название ссылки</a></li>
  </ul>
  </li>
  </ul>
   
  <span class="jx-separator-right"></span>

<ul class="jx-bar-button-right">
  <li title="еще инфо"><a href="#"><img src="картинка" alt="" />еще инфо</a>
  <ul>
  <li><a href="ссылка"><img src="картинка" title="" />название ссылки</a></li>
  <li><a href="ссылка"><img src="картинка" title="" />название ссылки</a></li>
  </ul>
  </li>
  </ul>
   
  <span class="jx-separator-right"></span>
   
</div>


Вот и все.Не забываем скачать архив.В корне сайта нужно создать папку
themes и залить все содержимое по соответствию,картинки на соцсети поставите свои.Желаю удачи!

стиль меняем в этом коде
<link type="text/css" href="themes/ваша тема/jx.stylesheet.css" rel="stylesheet"/>

Плавающая инфопанель Плавающая инфопанель

СКАЧАТЬ /_ld/3/398_LXR.rar [23.7 Kb] (cкачиваний: 41)

Вы можете скачать с нашего сервера бесплатно и без регистрации.

Похожие материалы:

Категория: РАЗНЫЕ СКРИПТЫ УКОЗ | Добавил: mytorrento | Теги: плавающая, РАЗНЫЕ СКРИПТЫ УКОЗ, инфопанель
Просмотров: 379 | Загрузок: 41 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar