Форма авторизации и другие примочки

[LADYX 90]

Здравствуйте всем! Прошу помощи

Подскажите, пожалуйста, каким образом можно авторизацию в шаблоне Default заменить авторизацией из шаблона Gemini. Другими словами, необходимо, чтобы в шаблоне Default авторизация была не в выпадающем окне, как сейчас есть, а в новом, как это реализовано в шаблоне Gemini.

Буду очень вам всем благодарен за пояснения. Интересуют все пошаговые действия для выполнения данной задачи, за исключением изменения стиля самого окна.

Да, я бы и сам попытался, однако опасаюсь допустить ошибки, поэтому буду очень рад инструкции профессионала, так спокойнее.

[WWW.ZEOS.IN 1 161]

Самый простой способ это посмотреть, как это реализовано в шаблоне Gemini

А вообще смотрите: http://jqueryui.com/demos/dialog/#animated

[LADYX 90]

1. Заменил полностью содержимое файла login.tpl из шаблона Default файлом шаблона Gemini.

2. Заменил стиль в файле styles.css

эти строчки:

/*---login---*/

.loginbox, .lvsep, .loginbtn, .lbn, .lbn b, .loginava, .lexit { float: left; }

.loginbox .loginbtn, .loginbox .loginava { position: relative; margin: 10px 20px 0 0; }

.lbn, .lbn b { height: 43px; background: url("../images/lbtn.png") no-repeat; }

  .lbn { z-index: 13; position: relative; line-height: 42px; color: #516168; font-size: 1.15em; }

   .lbn b { padding: 0 35px 0 10px; cursor: pointer; background-position: 100% -43px; }


  .lbn.selected { background-position: 0 -86px; }

   .lbn.selected b { background-position: 100% -129px; }

.loginbox #logform { border: 1px solid #cbdfe8; padding: 10px; top: 42px; left: 0; z-index: 12; display: none; position: absolute; width: 180px; background-color: #fbfdfe;

  -moz-border-radius-topleft: 0;

  -webkit-border-top-left-radius: 0;

  border-top-left-radius: 0;

}

.loginbox #logform .lfield { margin-bottom: 1em; }

  .loginbox #logform .lfield label { display: block; margin-bottom: 0.2em; }

  .loginbox #logform .lfield input { width: 170px; padding: 4px; border: 1px solid #c0d4de; background: #fff url("../images/fields.png") repeat-x; }

.loginbox #logform .lbtn { text-align: center; }

.loginbox .lvsep { line-height: 24px; font-size: 1.15em; padding: 19px 0 0 21px; margin-right: 20px; height: 45px; background: url("../images/lvsep.png") no-repeat; }

.loginbox .loginava { overflow: hidden; margin-right: 7px; }

  .loginbox .loginava img { width: 43px; }

  .loginbox .loginava b, .loginbox .loginava { height: 43px; width: 43px; }

   .loginbox .loginava b { z-index: 13; background: url("../images/loginava.png") no-repeat; position: absolute; left: 0; top: 0; }

.loginbox .lvsep .radial { margin-right: 5px; background-color: #dadada; color: #fff; float: left; padding: 0 8px; }

.loginenter { border-top: 1px solid #dbe8ed; }

  .loginenter li a { display: block; width: 100%; padding: 5px 0; border-bottom: 1px solid #dbe8ed; }

.lexit { width: 33px; padding-top: 43px; background: url("../images/lexit.png") no-repeat; }

  .lexit:hover { background-position: 0 -43px; }

заменил на эти:

/*---login---*/

.loginbox { display: inline; }

.loginbox ul.loginbox { margin-top: 30px; float: right; height: 26px; }

ul.loginbox li { margin-left: 10px; line-height: 23px; }

.loginbtn a { color: #151e05; text-shadow: 0 1px 0 #c0ea78; text-decoration: none; display: block; width: 61px; height: 26px; text-align: center; background:

url("../images/loginbtn.png") no-repeat; }

  .loginbtn a:hover { background-position: 0 -26px; }

.logform li.lfield { margin-bottom: 10px; }

.logform li.lbtn { text-align: center; }

.logform li.lfield input { width: 265px; }

  .logform li.lfchek input { width: 13px; border: none; background: none; }

  .logform li.lfchek label { display: inline; margin-bottom: 0.2em; }

Однако при нажатии на кнопку "Войти" ничего не происходит новое окно не открывается. Что я делаю не так? Прошу помощи..

[WWW.ZEOS.IN 1 161]

Вы бы хоть ссылку дали на Ваш сайт

[LADYX 90]

Вы бы хоть ссылку дали на Ваш сайт

Отправил вам в личном сообщении.

[LADYX 90]

Однако при нажатии на кнопку "Войти" ничего не происходит новое окно не открывается. Что я делаю не так? Прошу помощи..

Прошу прощения, уже сам нашел причину.

Необходимо было в файле /js/libs.js

Эти строчки:

var logopened=false;

$(document).ready(function(){

    $('#logbtn').click(function(){

	    if(logopened)

	    {

		    $('#logform').hide('fast');

		    $('#logbtn').removeClass('selected');

	    }   

	    else

	    {

		    $('#logform').show('fast');

		    $('#logbtn').addClass('selected');

	    }

	    logopened=!logopened;

	    return false;

    });

}).click(function(e){

    if(!logopened)

	    return;

    e=e||window.event;

    var target=e.target||e.srcElement;

    while(target)

    {

	    if(target==$('#logform').get(0))

		    return;

	    target=target.parentNode;

    }

    $('#logform').hide('fast');

    $('#logbtn').removeClass('selected');

    logopened=false;   

});

Заменить на эти:

$(function() {

$( "#logindialog" ).dialog({

  autoOpen: false,

  show: 'fade',

  hide: 'fade',

  width: 300

});

$('#loginlink').click(function(){

  $('#logindialog').dialog('open');

  return false;

});

});

И теперь все работает. Огромное всем спасибо за помощь.