NK-uCoz.Ru » Каталог файлов » uCoz » Скрипты для uCoz » Скрипт мини профиля как на Thecss.ru

Скрипт мини профиля как на Thecss.ru

Скрипт мини профиля как на Thecss.ru
Скрипты для uCoz
na3uTuB4uk
21.07.13, 11:13
972
0
Установка:
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>


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?>


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;}


P.S Установка завершена.
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)