Красивая персональная страница для uCoz

Привет, Гость!

Регистрация

Страница 1 из 1
1

Форум » Всё для Ucoz » Персональные страницы пользователя для uCoz » Красивая персональная страница для uCoz

Torres_1_

Дата: Воскресенье, 06.04.2014, 15:46 | Сообщение # 1

Генералиссимус

Группа: Администраторы

Сообщений: 2124

Награды: 0

Репутация: 12

Статус: Offline

Красивая персональная страница для uCoz

Новая персоналка для сайта, очень красивая, а главное рабочая. Функциональность тут практически стандартная, но тут самое главное - это дизайн и оформление. Оно просто потрясающее. Надеюсь вам понравится.

Установка:
Заходим в ПУ » Управление дизайном » Редактирование шаблонов » Персональная страница пользователя и заменяем там всё на этот код:

Код

<html>

       <head>
       <title>Персональная страница $_USERNAME$</title>
       <style>
       body, table, td, ul, li {text-decoration:none;font-weight:bold;text-shadow:1px 1px 1px #ddd;color:#444;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:#444;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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_perback.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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp1.png"></td>
       <td height="30px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp2.png"> </td>
       <td align="right" width="30px" height="30px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp3.png"></td>

       </tr>
       <tr>
       <td align="left" width="30px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp4.png"></td>
       <td background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp5.png">

       <table width="100%" cellpadding="0" cellcpacing="0" height="500px">
       <tr>
       <td background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp5.png" valign="top" width="250px" style="padding:20px;border-radius:10px;box-shadow:0px -2px 4px #fff;">
       <img class="iml" src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp6.png"></td>
       </tr>
       <tr>
       <td align="left" width="30px" height="50px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp7.png"></td>
       <td height="50px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp8.png"> </td>
       <td align="right" width="30px" height="50px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_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>

Так же к этой страниц сделана страница со списком пользователей и страница личных сообщений.

Страница со списком пользователей :

Выглядит так:

Сделана в том же духе и дизайне, если установили персоналку, то лучше брать и это к себе на сайт.

Вставляем в страницу со списком пользователей:

Код

<html>

      <head>
      <title>Список пользователей</title>
      <style>
      body, td, table {margin:0;padding:0;font-size:11px;color:#777;font-family:arial;}
      a, a:link {cursor:pointer;color:#666;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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_perback.jpg" width="100%" height="100%" />
      </div>

      <center>
      <table width="850px" cellpadding="0" cellspacing="0">
      <tr>
      <td align="left" width="30px" height="30px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp1.png"></td>
      <td height="30px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp2.png"> </td>
      <td align="right" width="30px" height="30px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp3.png"></td>
      </tr>
      <tr>
      <td align="left" width="30px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp4.png"></td>
      <td background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp6.png"></td>
      </tr>
      <tr>
      <td align="left" width="30px" height="50px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp7.png"></td>
      <td height="50px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp8.png"> </td>
      <td align="right" width="30px" height="50px" background="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/ps1/101_rpp9.png"></td>
      </tr>
      </table>
      </center>

      </body>
      </html>

И наконец настроим личные сообщения.

Для этого в ПУ ->Управление дизайном -> Личные сообщения (ЛС) заменяем на следующий код:

Код

<html>

  <head>
  <title>$TITLE$</title>
  <style>
  body {font-size:12px;color:#444;background-color:transparent;}
  td {font-size:12px;color:#444;}
  a {color:#444;}
  .allUsersBtn {display:none;}
  .uSearchFl {display:none;}
  .uSearchFlSbm {display:none;}
   [name=subject]{opacity:0.5;}
  input[type=button], [type=reset],  [type=submit]{color:#555;opacity:0.75;font-weight:bold;font-size:9px;font-family:arial;height:18px;padding-bottom:3px;border-radius:3px;}
  input[type=button]:hover, [type=reset]:hover, [type=submit]:hover {opacity:1;}
  select {display:none;}
  #message {opacity:0.5;}
  hr {border:1px solid #ccc;opacity:0.5;}
  .smiles {display:none;}
  #PMtoUser {opacity:0.5}
  </style>
  </head>

  <body>

  <div id="bd">
  $BODY$
  </div>

  <script>
  $('.allUsersBtn').parent().parent().parent().parent().remove();
  $('hr:last').remove();
  </script>

  </body>

  </html>

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

Форум » Всё для Ucoz » Персональные страницы пользователя для uCoz » Красивая персональная страница для uCoz

Страница 1 из 1
1

Навигация

Развлечения

Новое на форуме

Всплывающий мини-профиль для uCoz

(0)

Всплывающее окно ajax - Оповещение о ЛС - Новое персональное

(1)

Многофункциональный мини-профиль для uCoz

(1)

Корпус водяного насоса.Чертёж формат А1

(2)

Вопросы для экзамена по предмету "ТО автомобилей"

(3)

Кнопка Вверх для сайта

(1)

Переработанный всплывающий мини-чат для uCoz

(7)

Экономическая теория

(0)

Флеш часы на сайт

(0)

Новогодние флеш часы на сайт

(0)

Опрос

Общение

Загрузка…

Статистика

Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33

Друзья сайта

Возможен баннерообмен 81х31.Писать ЛС.