Как поставить фон для формы входа

[Gigs]

Нашел горизонтальную форму входа для ucoz.

<?if($PAGE_ID$="login")?><div style="width:180px;"><table border="0" cellspacing="1" cellpadding="0" width="100%">
<?if($ERROR$)?><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?>
<tr><td width="20%" nowrap="nowrap">Логин:$UID_ICON$</td><td><input class="loginField" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50"/></td></tr>
<tr><td>Пароль:</td><td><input class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15"/></td></tr></table>
<table border="0" cellspacing="1" cellpadding="0" width="100%">
<tr><td nowrap><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label> <?if($PAGE_ID$="login" && $HIDDEN_ALLOWED$)?><br /><input id="hid$PAGE_ID$" type="checkbox" name="hidden" value="1" /><label for="hid$PAGE_ID$">скрытый</label><?endif?></td><td align="right" valign="top"><input class="loginButton" name="sbm" type="submit" value="Вход"/></td></tr>
<tr><td colspan="2"><div style="font-size:7pt;text-align:center;"><a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a></div></td></tr>
</table></div><?else?><table width="100%" border="0" cellspacing="1" cellpadding="0">
<?if($ERROR$)?><tr><td style="color:red;text-align:center;">$ERROR$</td></tr><?endif?>
<tr><td width="100%" align="center" nowrap="nowrap">Логин:$UID_ICON$ <input class="loginField" type="text" name="user" value="" size="20" style="width:150px;" maxlength="50"/> | Пароль: <input class="loginField" type="password" name="password" size="20" style="width:150px;" maxlength="15"/> <input type="hidden" name="rem" value="1" checked="checked"/><?if($PAGE_ID$="login" && $HIDDEN_ALLOWED$)?><br /><input id="hid$PAGE_ID$" type="checkbox" name="hidden" value="1" /><label for="hid$PAGE_ID$">скрытый</label><?endif?> <input class="loginButton" name="sbm" type="submit" value="Вход"/> [<a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a>]</td></tr>
</table><?endif?>

установил вроде все вышло, но как сделать что бы она была на фоне например каричневом?
Добавлено: 25-01-2012, 19:30:39

[vadimcucherencko]

Добавь форму в div
<div class="forma">
твой код формы
</div>

в стилвом файле css добавь правило
.forma{
background-color: #CDB38B;
}

[Gigs]

спасибо большое, как теперь я могу сделать что поля были всегда белыми, а не желтыми?
они становятся белыми только после нажатия на них, а я хочу что бы они всегда были белеми
вот так сейчас:

Добавлено: 25-01-2012, 20:40:09
и отодвинуть все в левый угол.

[vadimcucherencko]

нужно смотреть код, какой адрес сайта?
чтоб сдвинуть в лево  попробуй в код css добавить правило
.forma {
float: left;
 }

[Gigs]

вот сайт
http://imedia.3dn.ru/
сдвинуть форму данный способ не получилось, выходит так что она оказывается за шапкой.

[[Константин]]

Gigs, а где шаблон брали, можно ссылку?

[vadimcucherencko]

Вот в коде странице редактируй эту строку
<td width="100%" align="center" nowrap="nowrap">
Вот у тебя этим правилом прописано расположение по центру align="center", замени center на left, если сдвинется за шапку тогда необходимо в css редактировать margin и padding
table, td, th, tr {
border-collapse: collapse;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin: 0px 10px 0px 0px;
 }

[ReCopier]

Ребят. прoстите за оффтоп, но давайте использовать тег CODE для размещения какого-либо кода. Они ведь не зря присутствуют в панели написания сообщений.  Читабельность будет выше.

[Gigs]

Спасибо по этапно все получается, теперь ещеесть кто модет прошу помочь в 3-х нуктах.
1. В полях ввода логина и пароля севремя желтый фон, менятся на белый только когда нажать на поля курсором, а хотелось бы что б они всегда были белыми.
2. Как можно сделать пробел перевд словом логин, что бы оно не упиралось в самый угол левого края.
3. как вместо заднего белого фона на котором росположена форма входа сделать картинку?

[vadimcucherencko]

Чтобы сделать фоном картинку добавь в style.css в этих правилах

Код:

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

Код:

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

Код:

Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.padding-left: 6px;
Добавлено: 26-01-2012, 17:39:28
А чтобы изменить цвет в полях логин и пароль редактируй

Код:

Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.строку color: rgb(0, 0, 0);