NK-uCoz.Ru » Каталог файлов » uCoz » Авторство NK-uCoz.Ru » Мини профиль Orel-CS + PSD

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

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

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

  <div class="ava_prof">  
  <?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="Avatar User $USERNAME$" title="Avatar User $USERNAME$"><?else?>  
  <img src="http://nk-cs.ru/designs_new/noavatar2.png" alt="Avatar User $USERNAME$" title="Avatar User $USERNAME$"><?endif?></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="/index/8" target="_blank" class="first_butt"></a>  
  <a href="/index/14" class="second_butt"></a>  
  <a href="/index/10" class="third_butt"></a>  
  </div>  
  </div><?else?>$LOGIN_FORM$<?endif?>


Далее идем в форму входа пользователей:
Вставляем следующий код:
Код
<?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>


Далее идем в CSS вашего сайта:
Вставляем следующий код:
Код
/*RIP Nk-CS.Ru Минипрофиль как на 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;
}
  /* ------------------- */


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