» »

Персональная страница пользователя ucoz от HASC


Всех приветствую, и вам предлагаю красивую Персональная страница пользователя ucoz от Vint которая в своем дизайне была полностью доработана.
Сделана она под игровую тематику, что можно поставить на любой сайт, при этом только сменить картинку.
Я не стал останавливаться на одном фоне и в этой страницы персональной будет их три.
С ней идет как основной скрипт, а также личные сообщение и пользователи которые зарегистрированные на вашем интернет ресурсе.
Вот под каждую и был создан фон оригинальный, и хочется подчеркнуть что все эти игровые фоны, были на фотошоп сбиты на их тяжесть, чтоб долго не загружалась а быстро. При этом качество не как не потеряться, они остались так же яркие.
Вод ЛС пришлось немного доработать, так как в интернете только ломаный скрипт есть.
Теперь все очень корректно показывает и нет не каких ошибок.
Если вы решили установить, и вам по теме сам фон не идет, вы просто находите тот который идет и в начале всех скриптов меняете одну ссылку.
Пришлось весь CSS поставить на свои ссылки, так как нет гарантий что они завтра не будут битыми.
Так думаю вам очень понравиться, смотрится оригинально и по своему великолепно.
Приступаем к установке:
Идем в админ панель в раздел пользователь и с начало меняем все в персональной страницы.

Код
<html>  

  <head>  
  <title>Персональная страница $_USERNAME$</title>  
  <style>  
  body, table, td, ul, li {text-decoration:none;font-weight:bold;text-shadow:1px 1px 1px #ddd;color:#000;font-size:12px;font-family:arial;pading:0;margin:0;}  
  ul li:hover {color:#555;}  
  ul li a:hover {color:#555;font-size:12px;}  
  .av img {box-shadow:1px 1px 5px #666;width:100px;}  
  a, a:link {cursor:pointer;text-decoration:none;font-weight:bold;text-shadow:1px 1px 1px #ddd;color:#000;font-size:12px;font-family:arial;}  
  a:hover {text-decoration:none;font-weight:bold;text-shadow:1px 1px 1px #ddd;color:#555;font-size:12px;font-family:arial;}  
  .iml {position:absolute;z-index:1;margin-left:230px;display:none;}  
  .si {display:none;}  
  </style>  
  </head>  

  <div style="width:100%;height:100%;position:fixed;z-index:-2;opacity:0.9;">  
  <img src="http://zornet.ru/SKRIPT/ZR/13841884-wallpaper.jpg" width="100%" height="100%" />  
  </div>  

  <body>  

  <center>  
  <table width="950px" cellpadding="0" cellspacing="0">  
  <tr>  
  <td align="left" width="30px" height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp1.png"></td>  
  <td height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp2.png"> </td>  
  <td align="right" width="30px" height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp3.png"></td>  

  </tr>  
  <tr>  
  <td align="left" width="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp4.png"></td>  
  <td background="http://zornet.ru/CSS-ZORNET/TR/rpp5.png">  

  <table width="100%" cellpadding="0" cellcpacing="0" height="500px">  
  <tr>  
  <td background="http://zornet.ru/CSS-ZORNET/TR/rpp5.png" valign="top" width="250px" style="padding:20px;border-radius:10px;box-shadow:0px -2px 4px #fff;">  
  <img class="iml" src="http://zornet.ru/CSS-ZORNET/TR/ajax-loader.gif">  
  <font color="<?if($_IS_OWN_PROFILE$)?>green<?else?>red<?endif?>">$_USERNAME$</font> [ID:$_USER_ID$] [$_GROUP_NAME$]<br><br>  
  <div style="float:right;">$MODER_PANEL$</div><div class="av"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="http://zornet.ru/CSS-ZORNET/TR/noavatar.png" /><?endif?></div>  
  <?if($_CHANGE_DETAILS_URL$)?><br><a href="/index/11">Изменить данные</a><?endif?>  
  <?if($_PM_READ_URL$)?><br><a id="ulst" href="$_PM_READ_URL$">Читать сообщения [$UNREAD_PM$]</a><?endif?>  
  <?if($_PM_SEND_URL$)?><br><a id="ulst" href="$_PM_SEND_URL$">Отправить сообщение</a><?endif?>  
  <br><a href="/index/15" target="_blank">Список пользователей</a>  
  </td>  

  <td valign="top" width="50px"></td>  

  <td background="http://zornet.ru/CSS-ZORNET/TR/rpp5.png" valign="top" style="padding:20px;border-radius:10px;box-shadow:0px -2px 4px #fff;">  
  <center>  
  <div id="ifr11" style="display:none;">  
  <iframe src="/index/11" width="400px" height="430px" frameborder="0"></iframe>  
  </div>  
  <div id="ifr14" style="display:none;">  
  <iframe src="<?if($_PM_SEND_URL$)?>$_PM_SEND_URL$<?else?>/index/14<?endif?>" width="430px" height="400px" frameborder="0"></iframe>  
  </div>  
  </center>  

  <div id="thisbod">  
  Расширенные данные [$_RANK_NAME$] $_RANK_ICON$<br>  
  <ul type="circle">  
  <li>Зарегистрирован: $_REG_TIME$</li>  
  <li>День Рождения: <?if($_BIRTHDAY$)?>$_BIRTHDAY$<?else?>не указан<?endif?></li>  
  <?if($_NAME$)?><li>Полное имя: $_NAME$</li><?endif?>  
  <?if($_WWW$)?><li>Вебсайт: $_WWW$</li><?endif?>  
  <?if($_EMAIL$)?><li>E-mail: <?if($GROUP_ID$=4 or $_IS_OWN_PROFILE$)?>$_EMAIL$<?endif?> <?ifnot($_EMAIL_IS_VERIFIED$)?><a href="$_EMAIL_VERIFICATION_URL$">[Подтвердить]</a><?endif?></li><?endif?>  
  <?if($_GENDER_NAME$)?><li>Пол: $_GENDER_NAME$</li><?endif?>  
  <?if($_AGE$)?><li>Возраст: $_AGE$</li><?endif?>  
  <li>Замечания: <a href="$_BAN_READ_URL$">$_BAN_RATING$</a> <?if($_BAN_DO_URL$)?><a href="$_BAN_DO_URL$">+</a><?endif?></li>  
  <li>Репутация: <a href="$_REP_READ_URL$">$_REPUTATION$</a> <?if($_REP_DO_URL$)?><a href="$_REP_DO_URL$">+</a><?endif?></li>  
  <li>Наград: <a href="$AWARDS_READ_URL$">$AWARDS$</a> <?if($_AWARDS_DO_URL$)?><a href="$_AWARDS_DO_URL$">+</a><?endif?></li>  
  <?if($GROUP_ID$=4)?><li>Регистрационный IP: $_IP_ADDRESS$</li><?endif?>  
  </ul>  
  <br>  
  Активность на сайте:  
  <br>  
  <ul type="circle">  
  <li>  
  <a href="$_COM_ACTIVITY_URL$">Оставил комментариев: [$_COM_ENTRIES$]</a>  
  </li>  
  <li>  
  <a href="$_LOAD_ACTIVITY_URL$">Добавил файлов: [$_LOAD_ENTRIES$]</a>  
  </li>  
  <li>  
  <a href="$_BLOG_ACTIVITY_URL$">Записей в блоге: [$_BLOG_ENTRIES$]</a>  
  </li>  
  </ul>  

  <br>  
  Дополнительно:<br>  
  <ul type="circle">  
  <li>  
  Сейчас на сайте: <span id="stts">$ONLINE_USERS_LIST$</span> <img title="Клик для обновления списка" src="http://zornet.ru/CSS-ZORNET/TR/st.png" onclick="relst()" style="vertical-align:-1px;" width="11px" />  
  </li>  
  <li>  
  Сегодня День Рождения у: <?if($TODAY_BIRTHDAYS$)?>$TODAY_BIRTHDAYS$<?else?>нет именинников<?endif?>  

  </li>  
  </ul>  
  </div>  
  </td>  
  </tr>  
  </table>  

  </td>  
  <td align="right" width="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp6.png"></td>  
  </tr>  
  <tr>  
  <td align="left" width="30px" height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp7.png"></td>  
  <td height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp8.png"> </td>  
  <td align="right" width="30px" height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp9.png"></td>  
  </tr>  
  </table>  
  </center>  

  <script>  
  function relst() {  
  $('#stts').fadeTo(500, 0.3).load('/index/8-1 #stts', function() {  
  $(this).fadeTo(500, 1);  
  });  
  };  

  var iml = $('.iml');  
  var tb = $('#thisbod');  
  $('#ulst').toggle(function() {  
  $(this).fadeTo(500, 0.5);iml.fadeIn(500);tb.delay(500).fadeOut(500);$('#ifr11').delay(500).fadeOut();  
  $('#ifr14').delay(1500).fadeIn(500, function() {  
  iml.fadeOut(500);  
  });  
  }, function() {  
  $(this).fadeTo(500, 1);  
  iml.fadeIn(500);$('#ifr14').delay(500).fadeOut(500);$('#ifr11').delay(500).fadeOut();  
  tb.delay(1500).fadeIn(500, function() {  
  iml.fadeOut(500);  
  });  
  });  
  </script>  

  </body>  
  </html>  

  <style type="text/css"> @import url('http://zornet.ru/SKRIPT/ZR/CT/white_ajax.css.css') all; </style>




Потом смотрим ниже и там находим Страница со списком пользователей и там так же все меняем на этот код.

Код
<html>  

  <head>  
  <title>Список пользователей</title>  
  <style>  
  body, td, table {margin:0;padding:0;font-size:11px;color:#000;font-family:arial;}  
  a, a:link {cursor:pointer;color:#2B2B2B;text-decoration:none;}  
  .uTd div img {display:none;}  
  </style>  
  </head>  

  <body>  

  <div style="width:100%;height:100%;position:fixed;z-index:-2;opacity:0.9;">  
  <img src="http://zornet.ru/SKRIPT/ZR/e-565-4344-u.jpg" width="100%" height="100%" />  
  </div>  

  <center>  
  <table width="850px" cellpadding="0" cellspacing="0">  
  <tr>  
  <td align="left" width="30px" height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp1.png"></td>  
  <td height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp2.png"> </td>  
  <td align="right" width="30px" height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp3.png"></td>  
  </tr>  
  <tr>  
  <td align="left" width="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp4.png"></td>  
  <td background="http://zornet.ru/CSS-ZORNET/TR/rpp5.png">  

  Страницы: $PAGE_SELECTOR$  
  <div align="left">Найдено пользователей: <b>$NUM_ENTRIES$</b></div>  

  $BODY$  

  <div align="center">$SEARCH_FORM$</div>  

  </td>  
  <td align="right" width="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp6.png"></td>  
  </tr>  
  <tr>  
  <td align="left" width="30px" height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp7.png"></td>  
  <td height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp8.png"> </td>  
  <td align="right" width="30px" height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp9.png"></td>  
  </tr>  
  </table>  
  </center>  

  </body>  
  </html>




И остается Личные сообщение ЛС и убираем старый код и заменяем на этот.

Код
<html>  

  <head>  
  <title>$TITLE$</title>  
  <style>  
  body, td, table {margin:0;padding:0;font-size:11px;color:#444;font-family:arial;}  
  a, a:link {cursor:pointer;color:#444;text-decoration:none;}  
  .uTd div img {display:none;}  
  </style>  
  </head>  

  <body>  

  <div style="width:100%;height:100%;position:fixed;z-index:-2;opacity:0.9;">  
  <img src="http://zornet.ru/SKRIPT/ZR/zare-7565-terr5-67.jpg" width="100%" height="100%" />  
  </div>  

  <center>  
  <table width="850px" cellpadding="0" cellspacing="0">  
  <tr>  
  <td align="left" width="30px" height="30px" background="http://zornet.ru/SKRIPT/ZR/rpp1.png"></td>  
  <td height="30px" background="http://zornet.ru/SKRIPT/ZR/rpp2.png"> </td>  
  <td align="right" width="30px" height="30px" background="http://zornet.ru/SKRIPT/ZR/rpp3.png"></td>  
  </tr>  
  <tr>  
  <td align="left" width="30px" background="http://zornet.ru/SKRIPT/ZR/rpp4.png"></td>  
  <td background="http://zornet.ru/SKRIPT/ZR/rpp5.png">  

  Страницы: $PAGE_SELECTOR$  
  <div align="left">Найдено пользователей: <b>$NUM_ENTRIES$</b></div>  

  $BODY$  

  <div align="center">$SEARCH_FORM$</div>  

  </td>  
  <td align="right" width="30px" background="http://zornet.ru/SKRIPT/ZR/rpp6.png"></td>  
  </tr>  
  <tr>  
  <td align="left" width="30px" height="50px" background="http://zornet.ru/SKRIPT/ZR/rpp7.png"></td>  
  <td height="50px" background="http://zornet.ru/SKRIPT/ZR/rpp8.png"> </td>  
  <td align="right" width="30px" height="50px" background="http://zornet.ru/SKRIPT/ZR/rpp9.png"></td>  
  </tr>  
  </table>  
  </center>  

  </body>  
  </html>
06.07.2014 Просмотров: 1985 Комментарий: (11)

Поделиться в социальных сетях

Материал разместил

Комментарий: 11
Kosten
Kosten 06.07.2014 22:131
0
Как по дизайну.. нормально подойдет к игровой тематике?
kredit-oformi
kredit-oformi 06.07.2014 22:272
0
100 % под игровую подойдет
Kosten
Kosten 07.07.2014 00:133
0
Slavik, я под темно синий дизайн делал. Да хотелось чтоб такие цвета присутствовали. Но нужно было стили цвета менять. Так как все предоставлено в темном шрифте.. как мог затемнил его больше.
BlackHARD
BlackHARD 28.02.2015 10:504
0
Как раз по тематику шаблона!
Kosten
Kosten 28.02.2015 12:405
0
BlackHARD, главное в пользователях, ты сам можешь фон менять. В поиске набрать обои под рабочий стол, тематику выбрать и потом под размер на фотошопе подвести. Лично я так делал.
BlackHARD
BlackHARD 28.02.2015 13:036
0
Kosten, круто! Еще раз спасибо!
Kosten
Kosten 28.02.2015 13:257
0
BlackHARD, когда все установишь, покажешь, как все смотрится?
BlackHARD
BlackHARD 28.02.2015 14:128
0
Kosten, я не менял фон )
Kosten
Kosten 28.02.2015 15:179
0
BlackHARD, главное чтоб было в тему и надписи отлично видно.
FpM
FpM 26.09.2016 10:1810
0
Очень круто смотрится) Поставил себе
Kosten
Kosten 26.09.2016 16:1411
0
Главное можно тематику подобрать, а просто изменить изображение и поставить свое.
avatar