Регистрация в две строки

Главные вкладки

Аватар пользователя Айвн Айвн 21 августа 2013 в 2:16

В сети есть материалы о том как сделать форму входа на сайт в одну строку.
Авторы рассказывают, что надо сделать контейнер, вызвать функцию, подвигать стилями. У меня задача отличается, а php еще не выучил - потому код лишь частично осмысляется.
Как сделать вывод формы в ДВЕстроки?
в первой строке разместить два поля (логин и пароль) скнопкой
а во второй строке ссылки: Регистрация и Забыли пароль?

Неделю долблюсь уже, но уровень еще нулевой.

Комментарии

Аватар пользователя Айвн Айвн 21 августа 2013 в 9:34

"drupby" wrote:
https://api.drupal.org/api/drupal/developer%21topics%21forms_api_referen...
или обернуть элементы которые должны выводиться в линию в


А где можно увидеть элементы формы регистрации - их названия?

За ссылку спасибо - хоть немного проясняется абра-кадабра мифических значков.

Аватар пользователя Айвн Айвн 21 августа 2013 в 10:11

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

Да и как говорилось в соседней ветке: не от щедрот и не из жадности своими ногами в сайтостроительство, а из отсутствия ресурсов денежных использую ресурсычто подвластны - мозго-временные. Пока курс обмена такой...
А ПОТОМУ буду благодарен за любую помощь больше чем за любой ботинок на спине. Wink

"ХулиGUN" wrote:
css

Т.е. задача может быть решена лишь CSS-ами? Можно подробности?

Если так, то хочу понять оба пути...

Аватар пользователя Chyvakoff Chyvakoff 21 августа 2013 в 12:08

"Айвн" wrote:
Конечно, с наставником терпеливым и мудрым было бы проще, но где ж такого отыскать?

Да хоть на этом же форуме. Сформулируйте свои вопросы и подготовьте деньги. Создаете тему "За N рублей разжевать в по скайпу несколько вопросов."
Наставник найдётся.
"Айвн" wrote:
Т.е. задача может быть решена лишь CSS-ами? Можно подробности?

http://htmlbook.ru/css

Аватар пользователя Айвн Айвн 21 августа 2013 в 15:40

пока у меня получается что-то типа такого:

$form['container1'] = array(
$form['name'] = array('#type' => 'textfield',
'#title' => t('Username'),
'#maxlength' => 60,
'#size' => 15,
'#required' => TRUE,
);
$form['pass'] = array('#type' => 'password',
'#title' => t('Password'),
'#maxlength' => 60,
'#size' => 15,
'#required' => TRUE,
);
$form['submit'] = array('#type' => 'submit',
'#value' => t('Log in'),
);
);
$form['container2'] = array(
$items = array();
if (variable_get('user_register', USER_REGISTER_VISITORS_ADMINISTRATIVE_APPROVAL)) {
$items[] = l(t('Register'), 'user/register', array('attributes' => array('title' => t('Create a new user account.')))) . ' |  ';
;
}
$items[] = l(t('Forgot Password?'), 'user/password', array('attributes' => array('title' => t('Request new password via e-mail.'))));
$form['links'] = array('#markup' => theme('item_list', array('items' => $items)), '#weight' => 100);
break;
);

Аватар пользователя drupby drupby 21 августа 2013 в 16:27
$form['name'] = array(
  '#type' => 'textfield',
  '#title' => t('Username'),
  '#maxlength' => 60,
  '#size' => 15,
  '#required' => TRUE,
  '#prefix' => '<div class="container-inline" >',
);
$form['pass'] = array(
  '#type' => 'password',
  '#title' => t('Password'),
  '#maxlength' => 60,
  '#size' => 15,
  '#required' => TRUE,
  '#suffix' => '</div>',
);

ps хотя если прописывать в форм альтер ,то остальные свойства можно и не переписывать ,если не надо их переопределять и получится

$form['name']['#prefix'] = '<div class="container-inline" >';
$form['pass']['#suffix'] = '</div>';
Аватар пользователя drupby drupby 21 августа 2013 в 16:51

"kosHta" wrote:
я б на вашем месте сделку заключил, Айвен продаёт скайповое время Друпби, По 1000 р за минуту, то есть поступает адекватный заказ, Айвен получает плату, отсылает 800 р за минуту Друпби и даёт имя скайпа заказчику. Если согласитесь - мне за идею с каждого по 2.5% за минуту, поверьте оно того стоит.

пускай учится человек - и сделает сам

Аватар пользователя Chyvakoff Chyvakoff 21 августа 2013 в 17:27

"drupby" wrote:
ps хотя если прописывать в форм альтер ,то остальные свойства можно и не переписывать ,если не надо их переопределять и получится

Ну так этож пхп надо знать. Всяко проще всё что видишь скопировать и всё.

Аватар пользователя Айвн Айвн 21 августа 2013 в 19:14

"Chyvakoff" wrote:
Ну так этож пхп надо знать. Всяко проще всё что видишь скопировать и всё.

Не соглашусь: проще не скопировать, а взять совсем готовое. Если берешь куски, думаешь, смотришь, анализируешь, то это уже несколько сложнее Wink
А еще проще родиться уже со знанием и пониманием наседований, синтаксисов - вот красотища.. верно? Но не мой вариант и просто копировать и после этого ничего не мыслить - тоже не мой.. так что теми путями какими получается

Аватар пользователя Айвн Айвн 21 августа 2013 в 21:37

С CSS свои интересные особенности вскрываются. Два поля даны в рамках одного DIV id, а вот кнопка совсем в ДРУГОМ и видимо придется позиционировать элементы по отдельности - если через CSS Only.

Может быть кто подскажет как это счастье в CSS можно собрать воедино?

Аватар пользователя Айвн Айвн 23 августа 2013 в 9:18

"Chyvakoff" wrote:
Всяко проще всё что видишь скопировать и всё.

Две недели не прошло... и код написан МОИМИ руками, а не скопирован.

По итогу: как выяснилось два поля (логин и пароль) и две ссылки (Регистрация и Забыли пароль)относятся к одному элементу (Элемент1), который, в свою очередь расположен внутри еще одног (Элемент2)о - в нем-то и расположена кнопочка "Войти на сайт" .
А потому моим решением было
1. Два поля и два линка показывать в одну линию. Выравнить их по левому краю
2. Элементу1 задать ширину, равную двум полям (Логин и Пароль). Тогда два линка не влезают в него и автоматически переносятся на другую строку
3. Задать Элементу2 ширину для двух полей и кнопки.
4. Прочая декорация.

.content div.form-item,
.content div.content {
margin: 0; padding: 0;
}

#user-login-form {
position: relative;
width: 340px;
float: right;
}

#block-user-login
.block-title{
display: none;
}

#user-login-form .item-list {
width: 300px;
float: left;
}

#user-login-form div.item-list ul li {
list-style:none;
display:inline;
}

#user-login-form
.form-type-password {
padding: 2px 2px 2px 2px;
float: left;
margin-top: 0;
}

#user-login-form
.form-type-textfield {
padding: 2px 2px 2px 2px;
float: left;
margin-top: 0;
}

#user-login-form
.form-submit {
}

Аватар пользователя Айвн Айвн 25 августа 2013 в 22:03

"NaZg" wrote:
https://drupal.org/project/compact_forms
не?

Спасибо за ссылку - это то самое что и хотелось. Вот бы это чудо да 21 числа,Хотя, CSS стал роднее - а заодну битую форму обещали выдать две девственные. Ссыль забрал вкопилку

Аватар пользователя NaZg NaZg 26 августа 2013 в 10:51

"Айвн" wrote:
Спасибо за ссылку - это то самое что и хотелось. Вот бы это чудо да 21 числа,Хотя, CSS стал роднее - а заодну битую форму обещали выдать две девственные. Ссыль забрал вкопилку

Звиняй, генацвале, как увидел тред отписал.