вРазные полезности

Стильная персональная страница Gryn для uCoz

 
Что касается дизайна и эффективности персональной страницы, то они все отличаются. Где то красивый дизайн и не более с кнопкой редактирование и открывается в небольшом окне. Здесь мы рассмотрим по всем параметрам страницу в оригинальном стиле и безусловно, где даже будут выводиться плюсы и минусы с описанием за что поставил. На изображение их не видно, так как они располагаются ниже.

Так как недавно было изменение у нас на сайте, и честно сказать сразу же в ЛС пришло предложение о том что бы поделится данным дизайном. Я сразу же подумал что идея хорошая так как может кому и пригодится так как я её сделал красиво, аккуратно и не чего лишнего, да и честно сказать всё равно кому нужно начнут воровать, пусть в общем пользуются во благо своего ресурса. Для того что бы у вас работала данная страница пользователя как у нас на сайте то вам нужно пройти в настройки модуля пользователя и на против строчки Персональную страницу пользователя открывать: поставить в текущем окне.

Далее копируем дизайн страницы сайта и вставляем его в персональную страницу пользователя, затем там же находим теги которые я указал ниже

Код
<!— <body> —>$CONTENT$<!— </body> —>

И удаляем от туда

Код
$CONTENT$

Что бы получилось вот так

Код
<!— <body> —> <!— </body> —>

И в замен

Код
$CONTENT$

Вставляем вот этот код персональной страницы пользователя

Код
<div style=»position:relative;text-align:center; background:#EDEDED url(http://zornet.ru/Ajaxoskrip/Fyrkes/tzHcg7s.jpg); padding: 11px; border: solid 1px #E7E7E7; border-radius: 5px;»>
  <div class=»groupicon gColor4 hp_static» style=» padding: 6px; background: #A4D150; border-radius: 5px; text-transform: uppercase; «><b>$_GROUP_NAME$</b></div>
<div class=»user-avatar»><span id=»a_avatar»>$_AVATAR$</span></div>
<table border=»0″ cellpadding=»0″ height=»30″ cellspacing=»0″ width=»100%»>
<tr>
<td align=»right»>
<a class=»fNavLink» href=»$_CHANGE_DETAILS_URL$» rel=»nofollow»><input value=»Изменить данные» type=»button»></a>
<a class=»fNavLink» href=»$_PM_READ_URL$» rel=»nofollow»><input value=»Читать ЛС ($UNREAD_PM$)» type=»button»></a>
<a class=»fNavLink» href=»$_PM_SEND_URL$» rel=»nofollow»><input value=»Отправить ЛС» type=»button»></a>
  </td>
</tr>
</table>
</div>
<div style=»padding:3px;»></div>
<div class=»box-title-text» style=» font-size: 17px;border-radius: 5px; padding: 5px; background: rgb(100, 172, 221); color: #fff; «>Информация о пользователе</div>
<div style=» border-bottom: 1px solid #D7D7D7; padding: 6px 15px 4px 0;»><div class=»udtlb»>Пользователь:</div> <a href=»javascript://» rel=»nofollow» onclick=»prompt(‘Адрес профиля данного пользователя’,’$_PROFILE_URL$’)»><b><span id=»h1_name»>$_USERNAME$</span></b></a></div>
<div style=» border-bottom: 1px solid #D7D7D7; padding: 6px 15px 4px 0;»><div class=»udtlb»>Поощрения:</div> <div class=»u_rate_t»> <a href=»$_REP_DO_URL$» style=» padding: 0px 7px; background: #BD1D1D; color: #fff; border-radius: 10px; «>-</a> <a title=»Смотреть историю репутации» class=»repHistory» href=»$_REP_READ_URL$» style=» padding: 1px 15px; background: #ccc; color: #fff; border-radius: 10px; «> <b>$_REPUTATION$</b></a> <a href=»$_REP_DO_URL$» style=» padding: 0px 7px; background: #1DBD62; color: #fff; border-radius: 10px; «>+</a></div></div>
<div style=» border-bottom: 1px solid #D7D7D7; padding: 6px 15px 4px 0;»><div class=»udtlb»>E-mail:</div>
$_EMAIL$
  <span style=»font-size:7pt»>(Адрес скрыт)</span>

  <a href=»mailto:$_EMAIL$»>$_EMAIL$</a>
  <span style=»font-size:7pt»>(Адрес скрыт)</span>
  <span style=»color:red;» title=»Not verified e-mail»>*</span>
  
  <a href=»$_SEND_EMAIL_URL$»>Написать письмо пользователю</a>
  $_EMAIL$
  

[ <b><a href=»$_EMAIL_VERIFICATION_URL$»><span style=»color:red»>Подтвердить e-mail</span></a></b> ]</div>
<div style=» border-bottom: 1px solid #D7D7D7; padding: 6px 15px 4px 0;»><div class=»udtlb»>Дата входа:</div> $_LOG_TIME$ </div>
<div style=» border-bottom: 1px solid #D7D7D7; padding: 6px 15px 4px 0;»><div class=»udtlb»>Дата регистрации:</div> $_REG_TIME$ </div>
<div style=» border-bottom: 1px solid #D7D7D7; padding: 6px 15px 4px 0;»><div class=»udtlb»>Дата рождения:</div>$_BIRTHDAY$ [ <b>$_AGE$</b> $_ZODIAC$ ] </div>
<div style=» border-bottom: 1px solid #D7D7D7; padding: 6px 15px 4px 0;»><div class=»udtlb»>Сайт:</div> $_WWW$ Сайт не указан…</div>
<div style=» border-bottom: 1px solid #D7D7D7; padding: 6px 15px 4px 0;»><div class=»udtlb»>Подпись:</div> $_SIGNATURE$ </div>
   

<div class=»user-activ»>
  <div class=»user-a-comm»><center> <a href=»$_COM_ACTIVITY_URL$» class=»c_c1″ target=»_blank»><span> $_COM_ENTRIES$ комментарий=2)&&($_COM_ENTRIES$%10<=4)&&($_COM_ENTRIES$%100<10||$_COM_ENTRIES$%100>=20))?>ияиев0</span></a></center></div>
<div class=»user-a-post»> <center> <a href=»$_LOAD_ACTIVITY_URL$» class=»c_c1″ target=»_blank»><span> $_LOAD_ENTRIES$ Материалов=2)&&($_LOAD_ENTRIES$%10<=4)&&($_LOAD_ENTRIES$%100<10||$_LOAD_ENTRIES$%100>=20))?>лалов0 Материалов</span></a> </center></div>
  <div class=»user-a-postu»> <center> <a href=»$_FORUM_ACTIVITY_URL$» class=»c_c1″ target=»_blank»><span> $_FORUM_ENTRIES$ Ответов=2)&&($_FORUM_ENTRIES$%10<=4)&&($_FORUM_ENTRIES$%100<10||$_FORUM_ENTRIES$%100>=20))?>аа0 Ответов</span></a> </center></div
</div>

   

<div class=»box-title-left»>
<div class=»box-title-text» style=» font-size: 17px; padding: 5px;background: rgb(100, 172, 221); color: #fff; «>Отзывы о пользователе</div>
</div>
  <div class=»box-content» style=»padding: 0px;»>
<div align=»center»>
  
<div style=»text-align: center;»>Отзывов пока нет у данного пользователя!</div>  
  
<div id=»testRepa» style=»max-height: 250px; overflow-x: hidden; border-bottom: solid 1px #64ACDD;»>  
</div>  
<script type=»text/javascript»>  
var user_id = «$_USER_ID$»;  
</script>  
<script type=»text/javascript» src=»http://zornet.ru/CSS-ZORNET/Grety/rep.js»></script>  

  </div>
</div>
   
  
<form method=»post» action=»/index» name=»fuser» style=»margin:0px»><table border=»0″ cellpadding=»4″ cellspacing=»1″ width=»100%» id=»usch»><tr><td align=»center»><input type=»button» class=»allUsersBtn» style=»width:140px;» onclick=»window.location.href=’/index/15-1′» value=»Список пользователей» /> <input type=»text» class=»uSearchFl» name=»user» style=»width:230px;text-align:center;» size=»20″ value=»Логин пользователя» onclick=»if (this.value==’Логин пользователя’)this.value=»;» maxlength=»25″ /> <input type=»submit» class=»uSearchFlSbm» style=»width:140px;» value=»Найти пользователей» /></td></tr></table><input type=»hidden» name=»a» value=»15″ /></form>

Далее добавим немного стилей и для этого допишите ни же указанные стили в стили вашего сайта

Код
.udtlb clear:left; float:left; width:450px
  .user-a-comm
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;
  width: 265px;
  border-bottom: 1px solid #D2E5E8;
  background: #ECF1F2;

  .user-a-post
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;
  width: 265px;
  border-left: 1px solid #D2E5E8;
  border-bottom: 1px solid #D2E5E8;
  background: #ECF1F2;

  .user-a-postu
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;
  width: 265px;
  border-left: 1px solid #D2E5E8;
  border-bottom: 1px solid #D2E5E8;
  background: #ECF1F2;

Вроде бы всё и я не чего не забыл.

источник: zornet.ru

Похожие посты