Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Апрель 2013  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
Уведомление о регистрации и авторизации
Скрипт выводит гостю сайта окошко в которой просят зарегистрироваться или войти под свом логином.
Через определенное время окошко исчезает, чтоб не надоедать гостю.

Установка:

Идем в ПУ => Управление дизайном => Верхняя часть сайта и в самый вверх вставляем данный скрипт:

Код
  
<style>  
  .ls2 {z-index: 100;border:2px solid #fec4c4 !important;background:#fee4e3 !important;}  
  #ls {z-index: 100;overflow:hidden;padding:10px;border:2px solid #ddd;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;background:#f2f2f2;position:fixed;right:30px;top:-80px;-moz-box-shadow:0px 0px 3px #bdbdbd;box-shadow:0px 0px 3px #bdbdbd;-webkit-box-shadow:0px 0px 3px #bdbdbd;}  
</style>  
<script>  
   
  $(document).ready(  
  function(){  
setTimeout(  
  function(){  
  $('#ls').animate({top:'+=205'},350);},1000  
);  
setTimeout(  
  function(){  
  $('#ls').addClass('ls2');},3000  
);  
setTimeout(  
  function(){  
  $('#ls').animate({top:'-=205'},350);},15000)  
}  
)  
</script>  

<div id="ls">  

<span style="color:gray">Здравствуйте, <b>Гость</b>!<br>Мы просим вас <b><a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><span style="color:gray">войти</span></a></b> или <b><a href="/index/3"><span style="color:gray">зарегистрироваться</span></a></b> у нас на сайте.  
<span style="color:gray">  
<br>Но если вам не охото регистрироваться<br> вы можете воспользоваться формой  
<script type="text/javascript">  
  $(document).ready(function(){  
  $("#fastReg").click(function(){new _uWnd('regWin','Быстрая регистрация',350,400,{autosize:1,fadespeed:100,fadeclosespeed:100,fadetype:1,fadeclosetype:2,icon:'http://bambun.ru//images/us.png',min:1,oncontent:function(){getRegData()}},'<div class="reg1"><div class="reg2">Логин:</div><input type="text" id="rLogin"></div><div class="reg1"><div class="reg2">Пароль:</div><input type="password" id="rPass"></div><div class="reg1"><div class="reg2">E-mail:</div><input type="text" id="rMail"></div><div class="reg1"><div class="reg2"><span id="rRes"> </span> </div><input type="button" onclick="rEnd()" id="rEnd" value="Готово"></div>')});$("#rPost").live("click",function(){_uWnd.close('captcha');_code=$("#rCode").val();$.post("/index/",{jkd498:1,act:_act,ssid:_ssid,jkd428:1,sos:_sos,user:$("#rLogin").val(),password:$("#rPass").val(),password1:$("#rPass").val(),name:$("#rLogin").val(),email:$("#rMail").val(),code:_code,seckey:_seckey,a:4,s:0},function(i){var error=$('.manTdError',i).html();if(error){if(error=='Неправильный код безопасности'){newCodeImg()}_uWnd.alert('<span style="color:red;"><br>'+error+'</span>','Ошибка',{tm:3500,w:200,h:110})}else{new _uWnd('success','Успешная регистрация',350,350,{modal:1,autosize:1,fadespeed:100,fadeclosespeed:100,fadetype:1,fadeclosetype:2,icon:'http://bambun.ru//images/us.png',min:1},'<br><font style="color:green"><b>Регистрация прошла успешно!</b></font><br><br><u>Ваши данные</u>:<br> Логин - <b>'+$("#rLogin").val()+'</b>; Пароль - <b>'+$("#rPass").val()+'</b><br><br><input type="button" value="Войти в свой аккаунт" onclick="postLogin();">')}})})});function postLogin(login,pass){new _uWnd('LF',' ',-250,-110,{autosize:0,oncontent:function(){lgin()}},{url:'/index/40'})}function lgin(){$("input[name='user']").val($("#rLogin").val());$("input[name='password']").val($("#rPass").val());$("#submfrmLg555").click()}function rEnd(){if(!$("#rMail").val().match(/^[a-zA-Z0-9_\.\-]+\@[a-zA-Z0-9\.\-]+\.[a-zA-Z0-9]{2,6}$/)||$("#rLogin").val().match(/^\s+$/)||$("#rLogin").val().length<3||$("#rPass").val().length<4){_uWnd.alert('<span style="color:red;"><br>Проверьте правильность заполнения формы</span>','Ошибка',{tm:3500,w:200,h:110});return}else{new _uWnd('captcha','Код безопасности',300,300,{close:0,modal:1,autosize:1,fadespeed:100,fadeclosespeed:100,fadetype:1,fadeclosetype:2,oncontent:function(){$('#rCha').html(_img)}},'<span id="rCha"></span><br><input type="text" id="rCode"><br><input type="button" value="OK" id="rPost">')}}function newCodeImg(){$.get("/index/3",function(hj){new_img=$("#secImg",hj).clone();new _uWnd('captcha','Код безопасности',300,300,{close:0,modal:1,autosize:1,fadespeed:100,fadeclosespeed:100,fadetype:1,fadeclosetype:2,oncontent:function(){$('#rCha').html(new_img)}},'<span id="rCha"></span><br><input type="text" id="rCode"><br><input type="button" value="OK" id="rPost">')})}function getRegData(){$.get("/index/3",function(m){_act=$("input[name='act']",m).val(),_ssid=$("input[name='ssid']",m).val(),_seckey=$("input[name='seckey']",m).val(),_img=$("#secImg",m).clone(),_sos=getSession(m)})}function getSession(data){for(var i=0,code=data.match(/_dS\('(.+)'\)/i)[1],_i=code.length-1,session='';i<_i;i++){session+=String.fromCharCode(code.charCodeAt(i)-code.substr(_i,1))};return session.match(/\d+/g)}  
  </script><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<a href="#" onclick="return false" id="fastReg"><span style="color:gray"><b>Быстрой регистрации</b></span></a>  
</span>  
</center>  
</span>  
</div>  
  
Категория: Скрипты | Просмотров: 425 | Добавил: greenpis | 19:31 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 2008-2024 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на //school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"