€
$
₴
₽
EN
RU
Vmeste.EU
Лента
Каталог
Файлы
Форумы
Услуги
Основное
Radiotalk
Пользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90 •
Посмотреть все темы
Форма входа
1
2
215
nod32
@nod32
24.01.2009
Как поставть иконки в строку ввода логина и пароля?
Вот пример
**********
2902
serhio
@serhio
24.01.2009
nod32
пишет:
Как поставть иконки в строку ввода логина и пароля?
Вот пример
**********
внутрь кнопки внести стиль с адресом картинки в качестве фона без повторений:
<input .... style="background-image:url('http://адрес_картинки'); background-repeat: no-repeat;">
2536
удалён
@crigon
24.01.2009
Ещё нужно padding-left задать равный ширине картинки
215
nod32
@nod32
24.01.2009
Спааасибо тебе огромное (:
+1
А скажи ещё одно, когда начинаешь вводить ник/пароль, попадает на иконку, как можно туда пробелы вставить что-бы ник/пароль вводился с отступлением от иконки?
1258
Сергей
@seg
24.01.2009
nod32
пишет:
Спааасибо тебе огромное (:
+1
А скажи ещё одно, когда начинаешь вводить ник/пароль, попадает на иконку, как можно туда пробелы вставить что-бы ник/пароль вводился с отступлением от иконки?
<input .... style="background-image:url('http://адрес_картинки'); background-repeat: no-repeat;
padding-left:
17px
;">
Вставь это, написал же crigon. И если иконка у тебя 16px, то поставь на один больше, или на несколько, вот и отодвинется текст от нее
1258
Сергей
@seg
24.01.2009
<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
24.01.2009
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
24.01.2009
Все неправильно )))) замени class="text" на class="m2" и описывай только в рписание обязательно добавь описание текста
Отредактировано seg -
24.01.2009
943
Константин
@Neon
24.01.2009
seg
пишет:
Все неправильно )))) замени class="text" на class="m2" и описывай только в рписание обязательно добавь описание текста
не я все зделал уже по своему мне просто надо было подскать в каком направлении двигатся! 😁
215
nod32
@nod32
24.01.2009
Спасибо, вот у меня ещё один вопрос, а как вписать в эти пусты строги слова "Логин и Пароль", чтобы при нажатии они убирались?
Чёто я делаю а у меня получается что они остаются и вручную приходиться удалсять.
1258
Сергей
@seg
24.01.2009
nod32
пишет:
Спасибо, вот у меня ещё один вопрос, а как вписать в эти пусты строги слова "Логин и Пароль", чтобы при нажатии они убирались?
Чёто я делаю а у меня получается что они остаются и вручную приходиться удалсять.
Не понял. Ты хочеш, что бы в форме ввода уже и картинка была и слова логин и пароль? value="пароль" это добавь и с логином так же
215
nod32
@nod32
24.01.2009
Всё, верно. Но при нажатии на слово "логин" или "пароль" Я хочу чтобы они удалялись, чтобы не вручную удалять.
1258
Сергей
@seg
24.01.2009
nod32
пишет:
Всё, верно. Но при нажатии на слово "логин" или "пароль" Я хочу чтобы они удалялись, чтобы не вручную удалять.
Я бы тоже это хотел знать, что то гугл не отвечает ))
215
nod32
@nod32
24.01.2009
((: Аналагично
2536
удалён
@crigon
24.01.2009
onclick="if(this.nick.value == 'Ник') this.nick.value = ''; else this.nick.value = 'Ник';"
215
nod32
@nod32
24.01.2009
спасибо, +1 (:
1258
Сергей
@seg
24.01.2009
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
24.01.2009
Просто this.value
215
nod32
@nod32
24.01.2009
У меня вот так:
<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
27.01.2009
Готовый скрипт, кушайте на здоровье 😀
<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