LADYX 91 Опубликовано: 24 октября 2011 Рассказать Опубликовано: 24 октября 2011 Здравствуйте всем! Прошу помощи Подскажите, пожалуйста, каким образом можно авторизацию в шаблоне Default заменить авторизацией из шаблона Gemini. Другими словами, необходимо, чтобы в шаблоне Default авторизация была не в выпадающем окне, как сейчас есть, а в новом, как это реализовано в шаблоне Gemini. Буду очень вам всем благодарен за пояснения. Интересуют все пошаговые действия для выполнения данной задачи, за исключением изменения стиля самого окна. Да, я бы и сам попытался, однако опасаюсь допустить ошибки, поэтому буду очень рад инструкции профессионала, так спокойнее. Цитата Ссылка на сообщение Поделиться на других сайтах
WWW.ZEOS.IN 1 161 Опубликовано: 24 октября 2011 Рассказать Опубликовано: 24 октября 2011 Самый простой способ это посмотреть, как это реализовано в шаблоне Gemini А вообще смотрите: http://jqueryui.com/demos/dialog/#animated Цитата Ссылка на сообщение Поделиться на других сайтах
LADYX 91 Опубликовано: 30 октября 2011 Рассказать Опубликовано: 30 октября 2011 Автор 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 Опубликовано: 30 октября 2011 Рассказать Опубликовано: 30 октября 2011 Вы бы хоть ссылку дали на Ваш сайт Цитата Ссылка на сообщение Поделиться на других сайтах
LADYX 91 Опубликовано: 30 октября 2011 Рассказать Опубликовано: 30 октября 2011 Автор Вы бы хоть ссылку дали на Ваш сайт Отправил вам в личном сообщении. Цитата Ссылка на сообщение Поделиться на других сайтах
LADYX 91 Опубликовано: 30 октября 2011 Рассказать Опубликовано: 30 октября 2011 Автор Однако при нажатии на кнопку "Войти" ничего не происходит новое окно не открывается. Что я делаю не так? Прошу помощи.. Прошу прощения, уже сам нашел причину. Необходимо было в файле /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; }); }); И теперь все работает. Огромное всем спасибо за помощь. 1 Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.