ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90   •   Посмотреть все темы

Форма входа

 

215
nod32 @nod32
Как поставть иконки в строку ввода логина и пароля?
Вот пример **********

2902
serhio @serhio
nod32 пишет:

Как поставть иконки в строку ввода логина и пароля?
Вот пример **********

внутрь кнопки внести стиль с адресом картинки в качестве фона без повторений:

<input .... style="background-image:url('http://адрес_картинки'); background-repeat: no-repeat;">

2536
удалён @crigon
Ещё нужно padding-left задать равный ширине картинки

215
nod32 @nod32
Спааасибо тебе огромное (:
+1
А скажи ещё одно, когда начинаешь вводить ник/пароль, попадает на иконку, как можно туда пробелы вставить что-бы ник/пароль вводился с отступлением от иконки?

1258
Сергей @seg
nod32 пишет:

Спааасибо тебе огромное (:
+1
А скажи ещё одно, когда начинаешь вводить ник/пароль, попадает на иконку, как можно туда пробелы вставить что-бы ник/пароль вводился с отступлением от иконки?

<input .... style="background-image:url('http://адрес_картинки'); background-repeat: no-repeat; padding-left:17px;">

Вставь это, написал же crigon. И если иконка у тебя 16px, то поставь на один больше, или на несколько, вот и отодвинется текст от нее

1258
Сергей @seg
<a class="m" href=index.php?inc=reg target=iframe>регистрация</a><br><input style="background-image:url('http://адрес'); background-repeat: no-repeat; padding-left:17px;" name=nick type=text class=text>

Вот моя кнопа. в ссылу забит класс и описан в стилях: там бордеры всякие и цвет шрифта . Дальше как раз картинка бакграунд. Пляши отсюда. Все это можно по сути описать в стилях, достаточно в class="m", или еще как ты его назовеш, внести описание, ссылка будет выглядеть как ты захочеш, и в класс самой кнопки можно ввести все эти бакграунды, кнопа будет такая, но описаная в стилях :


<a class="m" href=index.php?inc=reg target=iframe>регистрация</a><br><input id="m2" name=nick type=text class=text>

Полезность описания в стилях состоит в том, что: В галерею допустим когда входиш, там ведь тоже залогиниться надо, и там тоже форма ввода логина и пароля, достаточно в них (в кнопку ) вписать id="m2" и все твои описания в стиле добавяться к ней.

В стилях будет выглядеть так:
.m { тут описание
}

#m2 { тут описание
}

Отредактировано seg - 24.01.2009
943
Константин @Neon
seg пишет:

<a class="m" href=index.php?inc=reg target=iframe>регистрация</a><br><input style="background-image:url('http://адрес'); background-repeat: no-repeat; padding-left:17px;" name=nick type=text class=text>

Вот моя кнопа. в ссылу забит класс и описан в стилях: там бордеры всякие и цвет шрифта . Дальше как раз картинка бакграунд. Пляши отсюда. Все это можно по сути описать в стилях, достаточно в class="m", или еще как ты его назовеш, внести описание, ссылка будет выглядеть как ты захочеш, и в класс самой кнопки можно ввести все эти бакграунды, кнопа будет такая, но описаная в стилях :


<a class="m" href=index.php?inc=reg target=iframe>регистрация</a><br><input id="m2" name=nick type=text class=text>

Полезность описания в стилях состоит в том, что: В галерею допустим когда входиш, там ведь тоже залогиниться надо, и там тоже форма ввода логина и пароля, достаточно в них (в кнопку ) вписать id="m2" и все твои описания в стиле добавяться к ней.

В стилях будет выглядеть так:
.m { тут описание
}

#m2 { тут описание
}

Спосибо! +

1258
Сергей @seg
Все неправильно )))) замени class="text" на class="m2" и описывай только в рписание обязательно добавь описание текста

Отредактировано seg - 24.01.2009
943
Константин @Neon
seg пишет:

Все неправильно )))) замени class="text" на class="m2" и описывай только в рписание обязательно добавь описание текста

не я все зделал уже по своему мне просто надо было подскать в каком направлении двигатся! 😁

215
nod32 @nod32
Спасибо, вот у меня ещё один вопрос, а как вписать в эти пусты строги слова "Логин и Пароль", чтобы при нажатии они убирались?
Чёто я делаю а у меня получается что они остаются и вручную приходиться удалсять.

1258
Сергей @seg
nod32 пишет:

Спасибо, вот у меня ещё один вопрос, а как вписать в эти пусты строги слова "Логин и Пароль", чтобы при нажатии они убирались?
Чёто я делаю а у меня получается что они остаются и вручную приходиться удалсять.

Не понял. Ты хочеш, что бы в форме ввода уже и картинка была и слова логин и пароль? value="пароль" это добавь и с логином так же

215
nod32 @nod32
Всё, верно. Но при нажатии на слово "логин" или "пароль" Я хочу чтобы они удалялись, чтобы не вручную удалять.

1258
Сергей @seg
nod32 пишет:

Всё, верно. Но при нажатии на слово "логин" или "пароль" Я хочу чтобы они удалялись, чтобы не вручную удалять.

Я бы тоже это хотел знать, что то гугл не отвечает ))

215
nod32 @nod32
((: Аналагично

2536
удалён @crigon
onclick="if(this.nick.value == 'Ник') this.nick.value = ''; else this.nick.value = 'Ник';"

215
nod32 @nod32
спасибо, +1 (:

1258
Сергей @seg
crigon пишет:

onclick="if(this.nick.value == 'Ник') this.nick.value = ''; else this.nick.value = 'Ник';"

Вот чего то у меня тут ничего полезного не выходит.

<a class="m" href=index.php?inc=reg target=iframe>регистрация</a><br><input style="background-image:url('http://mpchat.com/nash/icon/vhod.ico'); background-repeat: no-repeat; padding-left:17px;" onclick="if(this.nick.value == 'Ник') this.nick.value = ''; else this.nick.value = 'Ник';" name=nick type=text class=text>

Где тут косяк? вот вопрос. до такого кода я еще не дорос ))

2536
удалён @crigon
Просто this.value

215
nod32 @nod32
У меня вот так:
<input style="background-image:url('images/login_name.gif'); background-repeat: no-repeat; padding-left:17px;" name=nick type=text class=lin value='логин' onfocus='javascript:if(this.value=="логин"){this.value=""}' onblur='javascript:if(this.value==""){this.value="логин"}' style='font-size: 8pt; font-family: Verdana; border: 1px solid orange' size=15>

Отредактировано nod32 - 24.01.2009
3910
Дмитрий @Q-Tec
Готовый скрипт, кушайте на здоровье 😀

<style>
.login{
background-image:url('http://www.kroxa.net/gfx/login_name.gif');
background-repeat:no-repeat;
padding-left:20px;
}
.password{
background-image:url('http://www.kroxa.net/gfx/login_pass.gif');
background-repeat:no-repeat;
padding-left:20px;
}
</style>

<input name=nick type=text onfocus=this.value='' this.value='Ваш ник';' value='Ваш ник' class=login>
<input name=pass type=password class=password>

В поле пароля думаю нету смысла вставлять "ваш пароль" так как это будет закрыто звёздочками... а если так и надо то

<input name=pass type=password onfocus=this.value='' this.value='Пароль';' value='Пароль' class=password>


Отредактировано Q-Tec - 27.01.2009