Форма авторизации, стиль

[inokentik 45]

Я наверное уже тут всем надоел, но когда крутяться мысли в голове, не могу остановиться =)) Не могли бы подсказать, в чем может быть проблемка или косяк? Вот когда жму авторизацию по крайней мере в браузере Опера, то вводимый пароль и логин он вообще как то левее получается даже самой формы авторизации, как на рисунке (буква П первая)

[Lomot 134]

Ну так сделай отступы, что там буквы влотную. И тега {info} нет в шаблоне.

[WWW.ZEOS.IN 1 161]

[alexmurphy 45]

Я наверное уже тут всем надоел, но когда крутяться мысли в голове, не могу остановиться =)) Не могли бы подсказать, в чем может быть проблемка или косяк? Вот когда жму авторизацию по крайней мере в браузере Опера, то вводимый пароль и логин он вообще как то левее получается даже самой формы авторизации, как на рисунке (буква П первая)

В css для этого input указать padding

Изменено 21 февраля 2012 пользователем alexmurphy

[RedRoll 67]

извините, но мне странно слышать от человека, у которого 2000 сообщений вопросы подобного рода. это элементарные базовые основы ксс2

[inokentik 45]

извините, но мне странно слышать от человека, у которого 2000 сообщений вопросы подобного рода. это элементарные базовые основы ксс2

А чего страшного? Я понимаю, что нужны отступы и т.д. Думаешь совсем дурак? Я же наверное сперва пробую, а после того как не получается пишу сюда только... Просто шаблон перерабатывается дефолтный, а там много дивов, много классов, которые я все терпеть не могу...

[LADYX 91]

С вашего позволения задам вопрос не

вопросы подобного рода. это элементарные базовые основы ксс2

а более сложный, по крайней мере для меня.

Здесь речь идет об окошках, которые всплывают в оригинальном шаблоне, например, Default.

Итак, сам вопрос: возможно ли сделать так, чтобы при открытии этого самого всплывающего окна затемнялся и не был бы активен основной экран до тех пор, пока окно не закроешь?

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

Изменено 22 февраля 2012 пользователем LADYX

[WWW.ZEOS.IN 1 161]

LADYX, http://jqueryui.com/demos/dialog/#modal

[LADYX 91]

LADYX, http://jqueryui.com/...s/dialog/#modal

Да, бывал я уже на этом сайте, WWW.ZEOS.IN, спасибо за ссылочку, буду разбираться, что где куда добавить, ...со второй попытки, с первой не получилось))

[LADYX 91]

Вот интересно, в админке при сохранении базы данных открывается модальное окно, и при этом экран затемняется. И при этом нет необходимости отдельно загружать jQuery UI 1.8.7.

Стиль окна в шаблоне Default не менялся.

В libs.js:

$(function() {

$( "#logindialog" ).dialog({

  autoOpen: false,

  show: 'fade',

  hide: 'fade',

  width: 400

});

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

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

  return false;

});

});

Немогу понять что необходимо добавить для затемнения основного экрана.

Или в файле стиля styles.css нужно что-то прописать?

[master27 38]

Вот интересно, в админке при сохранении базы данных открывается модальное окно, и при этом экран затемняется. И при этом нет необходимости отдельно загружать jQuery UI 1.8.7.

Стиль окна в шаблоне Default не менялся.

В libs.js:

$(function() {

$( "#logindialog" ).dialog({

  autoOpen: false,

  show: 'fade',

  hide: 'fade',

  width: 400

});

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

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

  return false;

});

});

Немогу понять что необходимо добавить для затемнения основного экрана. Или в файле стиля styles.css нужно что-то прописать?

Попробую помочь на базе Pisces, хотя плохо разбираюсь, в архиве картика-> в images, js-> в js. и в стилях добавить

#screen { width: 100%; height: 830px !important; position: absolute; top: 0; left: 0; display: none; z-index: 1000; background: url(../images/screen-bg.png) repeat 0 0; }

в main.tpl добавить перед закрывающим </body>

<div id="screen"></div>

архив http://test.scazka.com/LADYX.rar

Изменено 4 апреля 2012 пользователем master27

[LADYX 91]

Попробую помочь на базе Pisces, хотя плохо разбираюсь, в архиве картика-> в images, js-> в js. и в стилях добавить #screen { width: 100%; height: 830px !important; position: absolute; top: 0; left: 0; display: none; z-index: 1000; background: url(../images/screen-bg.png) repeat 0 0; } в main.tpl добавить перед закрывающим

архив http://test.scazka.com/LADYX.rar

В таком случае весь контент уходит вниз, это не выход, к сожалению. Благодарю за помощь!

[alex32 942]

LADYX, почитайте вот здесь, тут на русском и все доступно написано http://easywebscript...uery/dialog.php

вот еще вдогонку http://vremenno.net/js/jquery-dialog-and-popup-plugins/

Изменено 4 апреля 2012 пользователем alex32

[LADYX 91]

LADYX, почитайте вот здесь, тут на русском и все доступно написано http://easywebscript...uery/dialog.php

Почитал от корки до корки, о затемнении экрана ни слова, две строчки, которые и ежу понятно, но в которых нет функции нужной, и тут же тебе пример, где затемнение работает, мда, или я не в том мире или еще что-то))

вот еще вдогонку http://vremenno.net/...-popup-plugins/

ну а здесь копипаст со всего инета

http://jqueryui.com/demos/dialog/#modal - а вот здесь конечно то что нужно, но вот хоть убейте меня, не могу понять, какую конкретно функцию необходимо добавить.

[Lomot 134]

LADYX, надо добавить modal: true, там же http://jqueryui.com/demos/dialog/#modal все написано..

Как то так получится

$( "#logindialog" ).dialog({

  autoOpen: false,

  show: 'fade',

  hide: 'fade',

  modal: true,

  width: 300

});

и потом в файле стилей оформить ui-widget-overlay

[LADYX 91]

Lomot, modal: true, ну я так и думал, что именно эту строчку нужно добавить, но при добавлении этой строчки окно не открывается вообще, а если добавляю так: modal: 'true' (с ковычками), то окно открывается без изменений.

[Lomot 134]

но при добавлении этой строчки окно не открывается вообще

скорее всего нет запятой

modal: true,

а если добавляю так: modal: 'true' (с ковычками), то окно открывается без изменений.

так не будет открываться и не должно, только два значения true и false(по-умолчанию)

Более гадать не буду, нужна помощь - даем ссылку на сайт

[LADYX 91]

Сейчас буду еще пробовать. Такой вопрос, ui-widget-overlay правильно будет оформить так:

.ui-widget-overlay {display: none; z-index: 1000; background: #000; }[/CODE]

?

Изменено 4 апреля 2012 пользователем LADYX

[alex32 942]

а почему display:none?

Вот пример

.ui-widget-overlay { background: #aaaaaa url(images/aaaaaa.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }

[Lomot 134]

Такой вопрос, ui-widget-overlay правильно будет оформить так:

Нет, не правильно, как то так надо

.ui-widget-overlay {background: #000; opacity: 0.3; position: absolute; top: 0; left: 0; }

Изменено 4 апреля 2012 пользователем Lomot

[LADYX 91]

Буду пробовать, обязательно отпишусь чуть позже.

[LADYX 91]

master27,

Lomot,

alex32,

сделал так:

$( "#logindialog" ).dialog({

autoOpen: false,

show: 'fade',

hide: 'fade',

[b]modal: true,[/b]

width: 300

});

Конечно, с этим modal: true, я понял сразу. Но вот добавить стиль сделал так:

.ui-widget-overlay {background: #000; opacity: .60;filter:Alpha(Opacity=60); position: absolute; top: 0; left: 0; }[/code]

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

Сейчас все замечательно.

[b]master27[/b], [b]Lomot[/b], [b]alex32[/b], [b]огромное вам спасибо за помощь!!![/b]