Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 9579 Просмотров
*

ankoch

  • Захожу иногда
  • 498
  • 50 / 1
Вопрос возможно не совсем по CSS, заранее прошу прощения.
Есть вот такой код для отображения формы авторизации в Яндекс почте.
Спойлер
[свернуть]
Сейчас слова "Логин" и "Пароль" расположены каждое над соответствующей формой ввода. Хотелось бы убрать эти слова оттуда и расположить их прямо в каждой из форм ввода. То есть в форме для ввода логина написать "Логин" и соответственно так же сделать для формы ввода пароля. А после того, как пользователь ставит курсор в соответствующую форму ввода надпись должна исчезать (как в модуле авторизации mod_yoologin).

Как это можно реализовать?
« Последнее редактирование: 25.08.2010, 09:06:40 от ankoch »
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
К примеру так:
Код: html4strict
<input type="text" tabindex="1" value="Логин" name="login" onclick="if(this.value=='Логин'){this.value='';}" onblur="if(this.value==''){this.value='Логин';}" />
*

ankoch

  • Захожу иногда
  • 498
  • 50 / 1
gdX спасибо, с формой ввода логина всё получилось, в с паролем не получается - исчезает кнопка "Войти в почту". Может я чего-то не то делаю? Код прилагаю.
Спойлер
[свернуть]
« Последнее редактирование: 25.08.2010, 09:07:06 от ankoch »
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Скорее всего это из-за того, что пропущена двойная кавычка у обоих полей в конце тега input.
Прописано
}/>
А нужно
}" />
*

ankoch

  • Захожу иногда
  • 498
  • 50 / 1
gdX браво :D всё получилось +1, спасибо.

P.S. Кстати, для тех, кто связался с Яндекс почтой для своего домена, можно брать и использовать готовую форму входа в почту. Только вместо слова "сайт" в коде нужно ввести Ваш домен. Код с обозначенными выше поправками прилагаю (полностью рабочий - проверено). Внешний вид формы можно настроить как сами захотите.
Код
<table cellspacing="0" cellpadding="0" border="0" style="width: 260px; height: 65px;">
    <tbody>
        <tr>
            <td>
            <form method="post" action="http://passport.yandex.ru/for/сайт.ru?mode=auth">
                <div><input type="text" onblur="if(this.value==''){this.value='Логин';}" onclick="if(this.value=='Логин'){this.value='';}" name="login" value="Логин" tabindex="1" /><span style="font-size: 11px;"><em>@сайт.ru</em></span>&nbsp;<br />
                <input type="hidden" name="retpath" value="http://mail.yandex.ru/for/сайт.ru" /><input type="password" onblur="if(this.value==''){this.value='Пароль';}" onclick="if(this.value=='Пароль'){this.value='';}" name="passwd" value="Пароль" maxlength="100" tabindex="2" />&nbsp;<input type="submit" name="In" value="Войти в почту" tabindex="5" /><br />
                <a target="_blank" href="http://mail.yandex.ru/page/pdd_add_user/pdd_add_user.xml?domain=сайт.ru"><span style="font-size: 11px;">Создать почту</span></a><span style="font-size: 11px;"> на <em>@сайт.ru</em></span></div>
            </form>
            </td>
        </tr>
    </tbody>
</table>
<p>&nbsp;</p>
« Последнее редактирование: 08.12.2010, 15:26:05 от ankoch »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как обернуть текст стилем из Uikit 3?

Автор DeniTornado

Ответов: 3
Просмотров: 12190
Последний ответ 30.10.2024, 09:59:35
от Vastriet
Как отобразить текст только на мобильных, на Пк и планшетах скрыть?

Автор web1

Ответов: 6
Просмотров: 3664
Последний ответ 20.09.2022, 22:14:03
от darkghost
Как сделать?

Автор Twins

Ответов: 3
Просмотров: 1905
Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

Ответов: 0
Просмотров: 1074
Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 1231
Последний ответ 08.03.2021, 22:21:01
от Flexderection