Все для minecraft 3.2, скрипты для ucoz| PUSK.UCOZ.NET - Каталог файлов

Меню сайта
Навигация Онлайн сервисы Все для uCoz Разное Minecraft Photoshop уроки Видео Cофт/Программы Photoshop Counter Strike 1.6
Мини-чат
Для добавления сообщения зарегистрируйтесь.
Наш опрос
Чего не хватает на сайте?
Всего ответов: 131
Статистика
Статистика сайта

Пользователей всего: 710
Материалов всего [?]: 1310 +
PR-CY.ru

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

Пользователи онлайн: Сегодня посетили


Главная » Файлы » uCoz » Формы входа/регистрации


Стильная полупрозрачная форма входа и регистрации на CSS3 и jQuery
Добавил: Miko · Просмотров: 338 · Загрузок: 45
Скачать файл Битая ссылка?! Спасибо +


Форма входа для ucoz - Стильная полупрозрачная форма входа и регистрации для uCoz

Стильная полупрозрачная форма входа для вашего сайта. Будет просто замечательно смотреться на тёмных дизайнах
Установка:

После /head на нужных страницах вставляйте:
Code
<link href="/css/style.css" rel="stylesheet" />   
  <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>   
     
  <script language="javascript">   
  $(document).ready(function() {   
     
   $('#nav-bar').fadeIn();   
     
   $('#Log-in').click(function() {   
     
   $('#Log-in').css('background-color', '#006699');   
   $('#signUp').css('background-color', '#000000');   
   $('#submit').hide().css({'left' : '0px'});   
   $('#SignupForm').hide().css({'top' : '0px'});   
     
   $('#login').show().animate({   
     
   left : '52%',   
     
   },400,function(){   
     
   $('#login').css({'-webkit-transform' : 'rotate(-0deg)','-moz-transform' : 'rotate(-0deg)' });   
     
   });   
   ///   
   $('#Login_form').show().animate({   
     
   top : '60px',   
     
   },700,function(){   
     
   //$('#image').css({'-webkit-transform' : 'rotate(-90deg)','-moz-transform' : 'rotate(-90deg)' });   
   });   
   });   
     
   $('#signUp').click(function() {   
     
   $('#signUp').css('background-color', '#006699');   
   $('#Log-in').css('background-color', '#000000');   
   $('#login').hide().css({'left' : '0px'});   
   $('#Login_form').hide().css({'top' : '0px'});   
     
   $('#submit').show().animate({   
     
   left : '52%',   
     
   },400,function(){   
     
   $('#submit').css({'-webkit-transform' : 'rotate(-0deg)','-moz-transform' : 'rotate(-0deg)' });   
     
   });   
   ///   
   $('#SignupForm').show().animate({   
     
   top : '60px',   
     
   },700,function(){   
     
   //$('#image').css({'-webkit-transform' : 'rotate(-90deg)','-moz-transform' : 'rotate(-90deg)' });   
   });   
   });   
     
  });   
  </script>

Следующий код в то место, где будет сама форма входа и регистрации:
Code
<img src="/images/result.png" id="login" />   
   <img src="/images/submit.png" id="submit" />   
     
   <div class="loginform" id="Login_form">   
     
   <form method="post" action="#">   
     
   <div>   
     
   <div class="form-item">   
     
   <label for="edit-name">Логин:</label>   
   <input type="text" class="form-text required" value="" size="15" id="edit-name" name="name" maxlength="60">   
   </div>   
     
   <div class="form-item">   
     
   <label for="edit-pass">Пароль:</label>   
   <input type="password" class="form-text required" size="15" maxlength="60" id="edit-pass" name="pass">   
   </div>   
     
   </div>   
   </form>   
     
   </div>   
     
   <div class="loginform" id="SignupForm">   
     
   <form method="post" action="#">   
     
   <div>   
   <div class="form-item">   
     
   <label for="edit-name">Мыло:</label>   
   <input type="text" class="form-text required" value="" size="15" id="edit-name" name="name" maxlength="60">   
   </div>   
     
   <div class="form-item">   
     
   <label for="edit-name">Логин:</label>   
   <input type="text" class="form-text required" value="" size="15" id="edit-name" name="name" maxlength="60">   
   </div>   
     
   <div class="form-item">   
     
   <label for="edit-pass">Пароль:</label>   
   <input type="password" class="form-text required" size="15" maxlength="60" id="edit-pass" name="pass">   
   </div>   
     
   </div>   
   </form>   
     
   </div>   
     
   <div id="nav-bar">   
     
   <div class="module-bg">   
   <a href="#" class="TopButtons" id="Log-in">Войти</a>   
   <a href="#" class="TopButtons" id="signUp">Зарегистрироваться</a>   
   </div>   
     
   </div>

Сразу предупреждаю, что форма входа и форма регистрации не Ucoz'овские и адаптировать свои формы входа вам придётся самим.
Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images
 
Информация:
Посетители, находящиеся в группе Гости,не могут скачивать файлы с данного сайта.
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Мини профиль
Категории
Поиск
Рекламные места
Свободное рекламное место 150х200


Рекламные места свободны Обращайтесь к homyak
Бесплатная раскрутка сайта
Позитивные новости
Жизнь в фотографиях

Дизайн сайта полностью пренадлежит Pusk.ucoz.net
PUSK.UCOZ.NET © 2011-1012

↑ Наверх ↑ sitemap sitemap-forum «Секреты Ucoz»