NK-uCoz.Ru » Каталог файлов » uCoz » Скрипты для uCoz » Мини профиль Orel-CS + PSD

Мини профиль Orel-CS + PSD

Мини профиль Orel-CS + PSD
Скрипты для uCoz
na3uTuB4uk
27.01.13, 16:57
1239
0
Описание:
Отличный мини профиль старого доброго Orel-CS выполненный в сине-серых тонах, не большой, но имеет всю необходимую информацию, мини профиль подойдет под многие шаблоны, ну и конечно же вы можете переделать его под себя.

Установка:
1. В блок или удобное для вас место вставляем код:
Код
<?if($USER_LOGGED_IN$)?>
<div class="mini_profile">

<div class="ava_prof"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/.s/a/45/582483645.png<?endif?>" alt="Avatar User $USERNAME$" title="Avatar User $USERNAME$"></div>

<div class="date_prof">$WDAY$ - $DATE$ - $TIME$</div>
<div class="main_prof">
<div class="mail_line_prof shadow">Здравствуйте, ваш ник: $USERNAME$</div>
<div class="mail_line_prof">Группа: $USER_GROUP$</div>
<div class="mail_line_prof">Ваш IP: $IP_ADDRESS$</div>
<div class="mail_line_prof">Вы с нами уже $USER_REG_DAYS$ дней</div>
<a href="$PERSONAL_PAGE_LINK$" target="_blank" class="first_butt"></a>
<a href="$PM_URL$" class="second_butt"></a>
<a href="$LOGOUT_LINK$" class="third_butt"></a>
</div>
</div><?else?>$LOGIN_FORM$<?endif?>

2. Далее идем в форму входа пользователей:
Вставляем следующий код:
Код
<?if($ERROR$)?><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?>
<div class="login_in">
<div class="loginField"><div class="loginin">Логин:</div><input style="margin:0 7px 0;" type="text" name="user" value="" size="20" maxlength="50"></div>
<div class="loginField"><div class="loginin">Пароль:</div><input type="password" name="password" size="20" maxlength="15"></div>  
<div class="hidden">
<tr><td nowrap><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label>
<td align="right" valign="top"><input class="loginButton" name="sbm" type="submit" value="Вход"/></td></tr>  
<ul class="login_d"><li><a href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Забыл пароль</a></li><li><a href="$REGISTER_LINK$">Регистрация</a></li></ul>  
</div></div>

3. Далее идем в CSS вашего сайта:
В самый низ вставляем следующий код:
Код
/*Минипрофиль как на Orel-CS.Ru */  
  .postTextFl {  
  max-width:99%;  
  border:1px solid #CECECE !important;  
  background:#E8E8E8;  
  height:132px !important;  
  color:#000!important;  
  }  

  td.posttdMessage img{width:auto;height:auto;max-width:700px!important;max-height:100%;!important;}  
  td.posttdMessage a:link {font-weight:normal;}  

  input[id="frF3"], input [id="frF4"]{  
  max-width:99%;  
  border:1px solid #CECECE !important;  
  background:#E8E8E8;  
  height:17px !important;  
  color:#000 !important;  
  margin-top:3px;  
  }  

  .fromava {  
  width:150px;  
  height:150px;  
  }  

  .fromava .img {  
  width:150px;  
  height:120px;  
  }  

  .login_in {width:200px; margin:0 auto; overflow:hidden;}  
  .login_in input {outline:none; border:none; font-family:Tahoma; font-size:11px;}  
  .loginField {margin:0 0 2px 0; overflow:hidden;}  
  .loginField dl {float:left; color:#000; padding:0 5px 0 0; line-height:26px;}  
  .loginin {float:left; color:#000; padding:0 5px 0 0; line-height:26px;}  
  .loginField input {float:left; background:url(/designs_68/login_input.png) no-repeat; width:139px; height:26px; padding:0 4px;}  
  .loginButton {float:right; margin:4px 0; overflow:hidden;}  
  .login_d li {float:left; padding:0 4px; line-height:26px;}  

  .f_banka_in {background:url(/designs_68/f_banka_in.png) no-repeat; width:1050px; height:75px; overflow:hidden; margin:0 auto;}  
  .bg_vid {  
  background:url(/vidimg/bgvid.png) no-repeat;  
  width:253px;  
  height:189px;  
  }  

  .title_text {  
  color:#fff;  
  font-weight:bold;  
  font-family:Tahoma;  
  padding-top:45px;  
  text-align:center;  
  }  

  .text_bg {  
  color:#fff;  
  font-family:Tahoma;  
  text-align:center;  
  }  

  .end_text {  
  background:url(/vidimg/lajt.png) no-repeat;  
  width:158px;  
  height:7px;  
  margin-top:3px;  
  margin-bottom:3px;  
  }  

  .bg_color {  
  background:#080808;  
  width:253px;  
  height:330px;  
  padding-top:20px;  
  }  

  .bg_bottom {  
  background:#080808;  
  width:253px;  
  height:auto;  
  margin:auto;  
  }  

  .mini_profile {width:216px;margin:0 auto;}  
  .ava_prof {text-align:center;padding:0 0 7px;}  
  .date_prof {background:url(/design/date_profile.png) no-repeat;width:228px;height:44px;text-align:center;font:11px Tahoma,Geneva, sand-serif;color:#fff;text-shadow:0 1px 0 #193449;line-height:38px;text-indent:-12px;}  
  .main_prof {background:url(/design/main_profile.png) no-repeat;height:120px;padding:5px 3px 0;overflow:hidden;}  
  .mail_line_prof {background:url(/design/hr_profile.png) no-repeat center bottom;height:20px;text-align:center;color:#4b4b4b;text-shadow:0 -1px 0 #efefef;line-height:18px;}  
  .shadow {text-shadow:0 -1px 0 #ddd;}  
  .first_butt, .second_butt, .third_butt {display:block;float:left;background:url(/design/butt_profile.png) no-repeat;width:79px;height:23px;margin:3px 3px 0 1px;}  
  .second_butt {background-position:-79px 0;width:44px;margin:3px 3px 0 0;}  
  .third_butt {background-position:-123px 0;margin:3px 0 0;}  

  .stat_on {  
  color:#32cd32;  
  font-weight:bold;  
  }  

  .stat_off {  
  color:red;  
  font-weight:bold;  
  }  

  .staton {  
  background:#CECECE;  
  width:60px;  
  height:16px;  
  text-align:center;  
  font-weight:bold;  
  padding-top:3px;  
  border-radius:3px;  
  margin-right:5px;  
  margin-top:1px;  
  }  

  del {  
  color:red;  
  }  
/* ------------------- */

4. Скачиваем архив, заливаем картинки на сервер.
Готово.
1152_designs_68.zip [368.3 Kb] (Скачали 59)
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)