Установка:
1. Заходим панель управления > Пользователи > Форма входа пользователей.
Вставляем следующий код:
2. Далее вставляем в блок.
Вставляем следующий код:
3. Теперь идем в CSS.
Вставляем следующий код:
P.S Установка завершена.
1. Заходим панель управления > Пользователи > Форма входа пользователей.
Вставляем следующий код:
Код
<div class="hforma_ins" style="width:209px; margin:0 auto;">
<?if($ERROR$)?>$ERROR$<?endif?>
<input class="profile_input" style="height:26px; width:209px; margin:0 0 3px 0;" type="text" name="user" onfocus="if(this.value=='Логин')this.value=''" onblur="if(this.value=='')this.value='Логин'" value="Логин" size="20" maxlength="50">
<input class="profile_input" style="height:26px; width:209px; margin:0 0 3px 0;" type="password" name="password" onfocus="if(this.value=='Пароль')this.value=''" onblur="if(this.value=='')this.value='Пароль'" value="Пароль" size="20" maxlength="15">
<div style="width:189px; margin:0 auto;">
<a href="$REGISTER_LINK$" class="hprofile_reg"></a>
<div class="profile_b"><input class="" name="sbm" type="submit" value="Войти на сайт"></div>
</div>
</div>
<div style="display:none;">
<input id="remmain" type="checkbox" name="rem" value="1" checked="checked">
<label for="remmain">запомнить</label>
<input id="hidmain" type="checkbox" name="hidden" value="1">
<label for="hidmain">скрытый</label>
</div>
<noindex>
<style>
#uidLogButton {display:none;}
#baseLogForm {display:block !important;}
.hforma_ins td,
.hforma_ins td a,
.hforma_ins a,
.hforma_ins {color:#000;}
</style>
</noindex>
<?if($ERROR$)?>$ERROR$<?endif?>
<input class="profile_input" style="height:26px; width:209px; margin:0 0 3px 0;" type="text" name="user" onfocus="if(this.value=='Логин')this.value=''" onblur="if(this.value=='')this.value='Логин'" value="Логин" size="20" maxlength="50">
<input class="profile_input" style="height:26px; width:209px; margin:0 0 3px 0;" type="password" name="password" onfocus="if(this.value=='Пароль')this.value=''" onblur="if(this.value=='')this.value='Пароль'" value="Пароль" size="20" maxlength="15">
<div style="width:189px; margin:0 auto;">
<a href="$REGISTER_LINK$" class="hprofile_reg"></a>
<div class="profile_b"><input class="" name="sbm" type="submit" value="Войти на сайт"></div>
</div>
</div>
<div style="display:none;">
<input id="remmain" type="checkbox" name="rem" value="1" checked="checked">
<label for="remmain">запомнить</label>
<input id="hidmain" type="checkbox" name="hidden" value="1">
<label for="hidmain">скрытый</label>
</div>
<noindex>
<style>
#uidLogButton {display:none;}
#baseLogForm {display:block !important;}
.hforma_ins td,
.hforma_ins td a,
.hforma_ins a,
.hforma_ins {color:#000;}
</style>
</noindex>
2. Далее вставляем в блок.
Вставляем следующий код:
Код
<?if($LOGIN_FORM$)?>
$LOGIN_FORM$
<?else?>
<!--bcont-->
<div class="profile_avatar">
<?if($USER_AVATAR_URL$)?>
<img src="$USER_AVATAR_URL$" alt="$USERNAME$" title="$USERNAME$">
<?else?>
<img src="http://thecss.ru/design_62/avatar.png" alt="$USERNAME$" title="$USERNAME$">
<?endif?>
</div>
<div class="prof_butt_in">Ник: <b>$USERNAME$</b></div>
<div class="prof_butt_in">Группа: <b>$USER_GROUP$</b></div>
<div class="prof_butt_in">Ваш IP: <b>$IP_ADDRESS$</b></div>
<div style="margin:0 auto; width:209px;">
<input onclick="window.open('/index/8-$USERNAME$','_blank'); return false;" value="Профиль" type="button" style="width:60px;">
<input onclick="window.open('$PM_URL$','_blank'); return false;" value="ЛС ($UNREAD_PM$)" type="button" style="width:60px;">
<input onclick="window.open('$LOGOUT_LINK$','_blank'); return false;" value="Выход" type="button" style="width:60px;">
</div>
<!--/bcont-->
<?endif?>
$LOGIN_FORM$
<?else?>
<!--bcont-->
<div class="profile_avatar">
<?if($USER_AVATAR_URL$)?>
<img src="$USER_AVATAR_URL$" alt="$USERNAME$" title="$USERNAME$">
<?else?>
<img src="http://thecss.ru/design_62/avatar.png" alt="$USERNAME$" title="$USERNAME$">
<?endif?>
</div>
<div class="prof_butt_in">Ник: <b>$USERNAME$</b></div>
<div class="prof_butt_in">Группа: <b>$USER_GROUP$</b></div>
<div class="prof_butt_in">Ваш IP: <b>$IP_ADDRESS$</b></div>
<div style="margin:0 auto; width:209px;">
<input onclick="window.open('/index/8-$USERNAME$','_blank'); return false;" value="Профиль" type="button" style="width:60px;">
<input onclick="window.open('$PM_URL$','_blank'); return false;" value="ЛС ($UNREAD_PM$)" type="button" style="width:60px;">
<input onclick="window.open('$LOGOUT_LINK$','_blank'); return false;" value="Выход" type="button" style="width:60px;">
</div>
<!--/bcont-->
<?endif?>
3. Теперь идем в CSS.
Вставляем следующий код:
Код
/* profile */
.profile {overflow:hidden; padding:5px 0 0 0;}
.profile_l {float:left; width:200px;}
.profile_r {overflow:hidden;}
.row {overflow:hidden;}
.row_in {padding:0 0 0 20px; color:#fff; overflow:hidden; background:#121212 url(http://thecss.ru/design_62/profile_row.png) no-repeat left 0; height:27px; line-height:28px; border-radius:4px; margin:0 0 3px 0;}
.row_in a {color:#fff;}
.row dd {padding:0 10px; color:#fff; background:url(http://thecss.ru/design_62/profile_row_dd.png) no-repeat 0 0; height:28px; line-height:30px; width:387px; margin:0 0 10px 0;}
.hprofile_reg {float:left; margin:3px 3px 0 0; background:url(http://thecss.ru/design_62/hprofile_buttons.png) no-repeat 0 0; width:90px; height:22px;}
.hprofile_reg:hover {background-position:0 -22px;}
.profile_b input {float:left; width:90px; height:22px;}
.profile_avatar {width:139px; height:104px; background:#e7e7e7; border-radius:3px; margin:0 auto 10px auto;}
.profile_avatar img {width:131px; height:96px; padding:4px;}
.prof_butt_in {color:#bbbaba; background:url(http://thecss.ru/design_62/prof_butt_ins.png) no-repeat 0 0; height:27px; line-height:30px; width:198px; margin:0 0 4px 16px; overflow:hidden; padding:0 0 0 30px;}
.prof_butt_in:hover {background-position:0 -27px; cursor:pointer; color:#fff; text-shadow:1px 1px #155b71;}
.threadFrmBlock {color:#000;}
span.editImgBlock, span.editImgBlock a {color:#000;}
.profile {overflow:hidden; padding:5px 0 0 0;}
.profile_l {float:left; width:200px;}
.profile_r {overflow:hidden;}
.row {overflow:hidden;}
.row_in {padding:0 0 0 20px; color:#fff; overflow:hidden; background:#121212 url(http://thecss.ru/design_62/profile_row.png) no-repeat left 0; height:27px; line-height:28px; border-radius:4px; margin:0 0 3px 0;}
.row_in a {color:#fff;}
.row dd {padding:0 10px; color:#fff; background:url(http://thecss.ru/design_62/profile_row_dd.png) no-repeat 0 0; height:28px; line-height:30px; width:387px; margin:0 0 10px 0;}
.hprofile_reg {float:left; margin:3px 3px 0 0; background:url(http://thecss.ru/design_62/hprofile_buttons.png) no-repeat 0 0; width:90px; height:22px;}
.hprofile_reg:hover {background-position:0 -22px;}
.profile_b input {float:left; width:90px; height:22px;}
.profile_avatar {width:139px; height:104px; background:#e7e7e7; border-radius:3px; margin:0 auto 10px auto;}
.profile_avatar img {width:131px; height:96px; padding:4px;}
.prof_butt_in {color:#bbbaba; background:url(http://thecss.ru/design_62/prof_butt_ins.png) no-repeat 0 0; height:27px; line-height:30px; width:198px; margin:0 0 4px 16px; overflow:hidden; padding:0 0 0 30px;}
.prof_butt_in:hover {background-position:0 -27px; cursor:pointer; color:#fff; text-shadow:1px 1px #155b71;}
.threadFrmBlock {color:#000;}
span.editImgBlock, span.editImgBlock a {color:#000;}
P.S Установка завершена.
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+EnterКомментарии (0)
Добавить