• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Выдижная кнопка - "Форум" (Выдвижная кнопка "Форум" с правой стороны сайта.)
Выдижная кнопка - "Форум"
_JeKa_
Воскресенье, 23 Декабря 2012 | Сообщение 1
Оффлайн
Пользователи
Сообщений:3
Награды: 0
Выдвижная кнопка Форум для UCOZ сайта
До наведения:

После наведения:

Установка:
В верхнюю или нижнюю часть сайта вставляем:

Код
<script type="text/javascript">   
   $(function(cash) {   
   $("#onlinehelp img").hover(   
   function () {   
   $(this).animate({right: '0'}, {queue:false, duration: 350});   
   //$(this).css('right', '0');   
   },   
   function () {   
   $(this).animate({right: '-85px'}, {queue:false, duration: 350});   
   // $(this).css('right', '-85px');   
   }   
   );   
   });   
   </script>   
   <style>   
   /* Forum button */   
   #onlinehelp img {   
   position: fixed;   
   top:125px;   
   right: -85px;   
   z-index: 99999;   
   cursor: pointer;   
   display: block;   
   }   
   /* END Forum */   
   </style>   
   <a id="onlinehelp" href="http://game-shara.ucoz.net/forum"   
   onclick="webChatOpen();return false;">   
   <img alt="Форум" src="http://game-shara.ucoz.net/game-shara/forum_log.png" />


Вместо "http://game-shara.ucoz.net/forum" - вставьте свою ссылку на форум.


Сообщение отредактировал
_JeKa_ - Воскресенье, 23 Декабря 2012, 20:14
Страна: (RU)
Kosten
Воскресенье, 23 Декабря 2012 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Как понимаю сам создал скрипт. Молодец!
Страна: (RU)
_JeKa_
Воскресенье, 23 Декабря 2012 | Сообщение 3
Оффлайн
Пользователи
Сообщений:3
Награды: 0
Цитата (Kosten)
Как понимаю сам создал скрипт. Молодец!

спасибо)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Выдижная кнопка - "Форум" (Выдвижная кнопка "Форум" с правой стороны сайта.)
  • Страница 1 из 1
  • 1
Поиск: