Каталог файлов

Рейтинг:5.0
Категория: Авторство
 


Решил сделать и выложить оригинальную кнопку "Регистрация". В этой кнопке применён эффект на css. Данная кнопка легка в установке и смотрится красиво

Установка
Вставляем данный код в любое место где хотим видеть кнопку(желательно в правой части сайта) и конечно же не забываем скачать материал и вставляем от туда картинку в папку "images":
Code
<?if(!$USER_LOGGED_IN$)?><script type="text/javascript">   
   $(function($) {   
   $("#onlinehelp img").hover(   
   function () {   
   $(this).animate({right: '0'}, {queue:false, duration: 350});   
   //$(this).css('right', '0');   
   },   
   function () {   
   $(this).animate({right: '-160px'}, {queue:false, duration: 350});   
   // $(this).css('right', '-160px');   
   }   
   );   
   });   
   </script>   
   <a id="onlinehelp" href="$REGISTER_LINK$"   
   onclick="webChatOpen();return false;">   
   <img alt="Регистрация" src="/images/programm-newucozru.png" />   
   </a>  
  <style type="text/css">  
  /* Vkontakte by iWTH (u51st.net) */   
   #onlinehelp img {   
   position: fixed;   
   top:40px;   
   right: -160px;   
   z-index: 99999;   
   cursor: pointer;   
   display: block;   
   }   
   /* END Vkontakte by iWTH */  
  </style>  
  <?endif?>


В принципе и всё
 
 
 
Источник: Uc-new
 
 0 комментариев  709 просмотров  дата: 19.04.2024  автор: admin  загрузок: 93
 
 
Советую взглянуть:
  • Навигация с визуальным выделением: просто и эффектно
  • Появляющаяся форма входа ucoz
  • "Выделить всё" рядом с CODE
  • Новый мини чат
  •  
     
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход

    Меню сайта

    Мини чат

    Последние комментарии


    Опрос сайта

    Какой хостинг лучше?
    Всего ответов: 33

    Статистика

    Кол-во зареганных: 2908 (+0)
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сейчас на сайте:

    Нас посетили: