Установка с блоком
С блоком это значит не вставлять в свой блок который предусмотрен вашим дизайном, а использовать уже мой блок. Думаю по скриншоту все ясно.
Форма входа пользователей:
Code
<style>
.forma {width:100%;background:#f7f7f7;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #c3c3c3;font:11px tahoma;padding:5px;}
.login {border:1px solid rgb(119, 119, 119);margin-top:3px;margin-bottom:2px;color: rgb(119, 119, 119);}
.vod {border:1px solid #ccc; background:#eaeaea;color: #7d7d7d;;font:11px Tahoma;padding:5px;}
.vodd {background:#eaeaea;color: #7d7d7d;;font:11px Tahoma;padding:5px;border:1px solid #ccc;}
.vxod input{background:#f7f7f7;border:1px solid #ccc;height:38px;margin:-6px -6px -6px 0;font-weight:bold;text-shadow:1px 1px 0 #fff;color:#7d7d7d;}
.vxod input:hover {background:#fff;}
.forma a {text-decoration:none;color:#7d7d7d;}
.forma a:hover {color:#000;}
</style>
<table class="forma">
<tr><td class="vod" colspan="2"><b>Введите ваш логин и пароль</b></td></tr>
<tr ><td ><img src="http://rip-ucoz-test.ucoz.ru/u.png" style="width:16px;height:16px;"></td><td><input class="login" type="text" name="user" value="Логин..." size="20" style="width:100%;" value="Логин..." onblur="if(this.value=='')this.value='Логин...'" onfocus="if(this.value=='Логин...')this.value=''" maxlength="50"/></td></tr>
<tr><td ><img src="http://rip-ucoz-test.ucoz.ru/k.png"></td><td><input class="login" type="password" name="password" value="Пароль..." size="20" style="width:100%;" value="Пароль..." onblur="if(this.value=='')this.value='Пароль...'" onfocus="if(this.value=='Пароль...')this.value=''" maxlength="50"/></td></tr>
<tr><td class="vodd" colspan="2"><div class="vxod" style="float:right;"><input name="sbm" type="submit" value="Войти"/></div><a href="$REMINDER_LINK$">Забыли пароль?</a><br><a href="$REGISTER_LINK$">Регистрация</a></td></tr>
</table>
Теперь идем в "Первый контейнер" или в "Второй контейнер" и ставим в самый вверх "$LOGIN_FORM$".
Установка без блока
Без блока это значит использовать предусмотренный дизайном ваш блок. Думаю по скриншоту все ясно.
Форма входа пользователей:
Code
<style>
.forma {width:100%;font:11px tahoma;}
.login {border:1px solid rgb(119, 119, 119);margin-top:3px;margin-bottom:2px;color: rgb(119, 119, 119);}
.vod {border:1px solid #ccc; background:#eaeaea;color: #7d7d7d;;font:11px Tahoma;padding:5px;}
.vodd {background:#eaeaea;color: #7d7d7d;;font:11px Tahoma;padding:5px;border:1px solid #ccc;}
.vxod input{background:#f7f7f7;border:1px solid #ccc;height:38px;margin:-6px -6px -6px 0;font-weight:bold;text-shadow:1px 1px 0 #fff;color:#7d7d7d;}
.vxod input:hover {background:#fff;}
.forma a {text-decoration:none;color:#7d7d7d;}
.forma a:hover {color:#000;}
</style>
<table class="forma">
<tr><td class="vod" colspan="2"><b>Введите ваш логин и пароль</b></td></tr>
<tr ><td ><img src="http://rip-ucoz-test.ucoz.ru/u.png" style="width:16px;height:16px;"></td><td><input class="login" type="text" name="user" value="Логин..." size="20" style="width:100%;" value="Логин..." onblur="if(this.value=='')this.value='Логин...'" onfocus="if(this.value=='Логин...')this.value=''" maxlength="50"/></td></tr>
<tr><td ><img src="http://rip-ucoz-test.ucoz.ru/k.png"></td><td><input class="login" type="password" name="password" value="Пароль..." size="20" style="width:100%;" value="Пароль..." onblur="if(this.value=='')this.value='Пароль...'" onfocus="if(this.value=='Пароль...')this.value=''" maxlength="50"/></td></tr>
<tr><td class="vodd" colspan="2"><div class="vxod" style="float:right;"><input name="sbm" type="submit" value="Войти"/></div><a href="$REMINDER_LINK$">Забыли пароль?</a><br><a href="$REGISTER_LINK$">Регистрация</a></td></tr>
</table>
Потом в ваш блок ставите $LOGIN_FORM$ и все.
