Как изменить поля формы регистрации ?

Сообщений: 193

Репутация: 37

Сообщение # 1 | 12:54:44 12 Май 2013

Добрый день ! Подскажите как изменить стиль ну вы поняли.

Мне нужно стилизовать сами ячейки заполнения дынных. Убрать разделители. Возможность выбирать аватар (только загружать)

Ну вот как бы так !

Вот тут у меня война с Ucoz Моя сайтя

Shеriff

Сообщений: 3187

Репутация: 2662

Сообщение # 2 | 13:50:12 12 Май 2013

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

Профессиональный сервис опросов WebAsk

Liman

Сообщений: 193

Репутация: 37

Сообщение # 3 | 20:53:01 12 Май 2013

А как сделать стиль формы ? В теории ?

К примеру как сделать динамический стиль полю заполнения формы ?

Вот тут у меня война с Ucoz Моя сайтя

webanet

Сообщений: 24067

Репутация: 4985

Сообщение # 4 | 22:07:12 12 Май 2013

Liman, у каждого поля есть свои ид и класс

Цитата

это поле ввода пароля
классы можно расписать как угодно. а вот что такое динамический стиль я не знаю

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/

Liman

Сообщений: 193

Репутация: 37

Сообщение # 5 | 23:29:35 12 Май 2013

Ну чтоб поле растягивалось.

А вот меня интересует ещё один вопрос.

А как прописать картинку чтоб с лева был конец поля с закруглением и с права. а по центру заполнялось ?

Вот тут у меня война с Ucoz Моя сайтя

KaiLee

Сообщений: 5463

Репутация: 1135

Сообщение # 6 | 21:17:37 13 Май 2013

Liman,
Либо использовать CSS3-свойство border-radius, либо собирать конструкцию из родительских блоков и уже внутрь их вставлять поле для ввода данных.

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи

Liman

Сообщений: 193

Репутация: 37

Сообщение # 7 | 14:59:57 14 Май 2013

Цитата (webanet)

А можно пример ? Как начать в Css стиле ? хоть один класс покажите как делать.

Вот тут у меня война с Ucoz Моя сайтя

vitaly576

Сообщений: 319

Репутация: 218

Сообщение # 8 | 15:11:55 14 Май 2013

Liman, http://www.4user.org/forum/46-122-1

Liman

Сообщений: 193

Репутация: 37

Сообщение # 9 | 15:33:23 14 Май 2013

Нет вы не поняли.

Самое важное на той странице нету.

Как мне начать стилизовать класс ? К примеру поменять фон вот тут и класса input

Код

<?if($LOGIN_FL$)?>
<tr id="siM42"><td class="manTd1" width="35%" id="siM43">Логин для входа</td><td class="manTd2" id="siM44">$LOGIN_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2">
</td></tr>
<?endif?>

Как начать ? Вот так ?

Код

#input.siM44: { background: #161616;}

Так не работает

А как начать ?

Вот тут у меня война с Ucoz Моя сайтя

KaiLee

Сообщений: 5463

Репутация: 1135

Сообщение # 10 | 16:47:49 14 Май 2013

Liman,
Так и не будет работать. Input - это название тега, а не идентификатор.

Вот так можно:

Код

#siM44 input {background:#161616}

Или вот так:

Код

.manTd2 input {background:#161616}

Вы бы прежде чем стили выносить в CSS, почитали бы правила их оформления.

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи

Сообщение отредактировал KaiLee - Вторник, 14 Май 2013, 16:50:09

Liman

Сообщений: 193

Репутация: 37

Сообщение # 11 | 18:21:07 14 Май 2013

А вот где собака зарыта, ща попробую

Добавлено (14 Май 2013, 18:21:07)
---------------------------------------------
А почему не уменьшается размер формы ?

Я задаю ширину и высоту, вроде сама форма уменьшилась а задний фон нет !

Код

#siM44 input { width:71px; height:19px; background:#161616; padding:3px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius:8px; border:1px solid #141414; color:#656565; text-shadow:0px 1px 0px #000000;}

Код

<?if($LOGIN_FL$)?>
<tr id="siM42"><td class="manTd1" width="35%" id="siM43">Логин для входа</td><td class="manTd2" width:71px; height:19px; id="siM44">$LOGIN_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2">
</td></tr>
<?endif?>

Где ошибка ?

Вот тут у меня война с Ucoz Моя сайтя