Плавающий фиксированный мини-профиль 1.0 by Apocalypse для uCoz


Плавающий фиксированный мини-профиль 1.0 by Apocalypse для uCoz

1258
8.6 из 10
Проголосовало: 6




  • Скачать с сервера
  • Скачать
  • Смотреть демо

Особенности:
1) Кроссбраузерность (IE 6 и ниже браузерами прошу не называть)
2) Простота установки
3) Уникальный неповторимый дизайн
4) Открытый код, что позволяет легко редактировать все параметры скрипта

Установка:

В любой глобальный блок (Желательно в верхнюю часть сайта) в самый верх вставляйте:

Code
<style>  
  body {margin:0;padding:0;}  
  .apoPr {opacity:0;position:fixed;top:-85px;left:10px;width:50px;height:90px;z-index:50;background:#ccc;border:5px solid #ddd;border-radius:0 0 5px 5px;box-shadow:1px 1px 4px #aaa;}  
  .apoImg {padding:33px 0 0 5px;}  
  .apoMain {padding-left:80px;margin-top:-15px;position:fixed;top:50px;z-index:55;}  
  .apoMain2 {padding-left:80px;margin-top:-25px;position:fixed;top:120px;z-index:55;}  
  #apoII {opacity:0.5;}  
  #apoLink {text-align:center;padding:3px 0 0 3px;color:#888;border:2px solid #ddd;background:#eee;width:200px;height:20px;border-radius:0 0 5px 5px;box-shadow: 1px 1px 5px #ddd;margin-bottom:10px;font-weight:bold;cursor:pointer;}  
  #apoLink:hover {background:#ddd;}  
  span .queryField {width:200px;}  
  span .searchSbmFl {display:none;}  
  .apoClbtn {font-weight:bold;padding:80px 0 0 8px;position:fixed;top:-40;height:20px;width:15px;z-index:10;left:350px;background:#ccc;border:5px solid #ddd;border-radius:0 0 5px 5px;box-shadow:1px 1px 4px #aaa;}  
  .apoCloser {cursor:pointer;}  
  </style>  

  <a onclick="aClose();" href="javascript://"><div class="apoClbtn">x</div></a>  

  <div class="apoMain">  
  <a title="Перейти на главную" href="/"><img id="apoII" src="/images/apoPr/Home.png" width="40px" border="0" /></a>  
  <?if($LOGIN_LINK$)?><a title="Вход на сайт" href="$LOGIN_LINK$"><img id="apoII" src="/images/apoPr/Key.png" width="40px" border="0" /></a><?else?><a target="_blank" title="В профиль" href="/index/8"><img id="apoII" src="/images/apoPr/Hand.png" width="40px" border="0" /></a><?endif?>  
  <a target="_blank" title="К списку пользователей" href="/index/15-1"><img id="apoII" src="/images/apoPr/Users.png" width="40px" border="0" /></a>  
  <a title="Открыть панель инструментов" href="javascript://"><img id="apoII" class="apoTool" src="/images/apoPr/Tools.png" width="40px" border="0" /></a>  
  <?if($LOGIN_LINK$)?><a title="Регистрация" href="$REGISTER_LINK$"><img id="apoII" src="/images/apoPr/Save.png" width="40px" border="0" /></a><?else?><a title="Выход из профиля" href="$LOGOUT_LINK$"><img id="apoII" src="/images/apoPr/Standby.png" width="40px" border="0" /></a><?endif?>  
  </div>  

  <div class="apoMain2">  
  <?if($LOGIN_FORM$)?><div id="apoLink">Для гостей недоступно</div><?else?><div id="apoLink" onclick="location.href='/news/0-0-0-0-1'">Добавить Новость</div><?endif?>  
  <?if($LOGIN_FORM$)?><div id="apoLink">Для гостей недоступно</div><?else?><div id="apoLink" onclick="location.href='/load/0-0-0-0-1'">Добавить Файл</div><?endif?>  
  <?if($LOGIN_FORM$)?><div id="apoLink">Для гостей недоступно</div><?else?><div id="apoLink" onclick="location.href='/photo/0-0-0-1'">Добавить Фото</div><?endif?>  
  <span>$SEARCH_FORM$</span>  
  </div>  

  <div class="apoPr">  
  <div class="apoImg">  
  <img title="Ваш аватар" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/images/apoPr/noavatar.png<?endif?>" width="40" height="40" />  
  </div>  
  </div>  

  <script>  
  var apoMain = $('.apoMain');  
  var apoMain2 = $('.apoMain2');  
  var apoII = $('img#apoII');  
  var apoPr = $('.apoPr');  
  var apoC = $('.apoClbtn');  

  $('.apoClbtn').fadeTo(0, 0.95);  

  function aClose() {  
  $('.apoClbtn').toggle(function() {  
  apoMain.fadeTo(500, 0);  
  apoPr.fadeTo(500, 0);  
  apoC.fadeTo(500, 0.5);  
  }, function() {  
  apoMain.fadeTo(500, 0.95);  
  apoPr.fadeTo(500, 0.95);  
  apoC.fadeTo(500, 0.95);  
  });  
  }  

  apoMain.fadeTo(0, 0);  
  apoMain2.fadeTo(0, 0);  

  $('.apoPr').animate({  
  opacity: '0.95',  
  top: '+=80px'  
  },1000, function() {  
  $(this).animate({  
  width: '+=250px'  
  }, 1000, function() {  
  apoMain.fadeTo(500, 0.95);  
  });  
  });  
   
  apoII.mouseover(function() {  
  $(this).stop().fadeTo(500, 1);  
  });  
  apoII.mouseout(function() {  
  $(this).stop().fadeTo(500, 0.5);  
  });  
   
  $('.apoTool').toggle(function() {  
  $('.apoPr').animate({  
  height: '+=150px'  
  }, function() {  
  apoMain2.fadeTo(500, 0.95);  
  });  
  }, function() {  
  apoMain2.fadeTo(500, 0, function() {  
  $('.apoPr').animate({  
  height: '-=150px'  
  });  
  });  
  });  
  </script>

В файловом менеджере в папке images создайте папку apoPr (Если у вас нет папки images - создайте её) и залейте в неё всё содержимое архива

Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.apo-ucoz.com/
  • Всего комментариев: 1

babochka
0
babochka написал: Написано 17 мая 2011 в 13:35
Комментарий №1
больше недели невыдержал от него много багов появляетяс!

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 3
    Пользователей: 2
    0
    Сегодня были
    Топ пользователей: