Principala » fisiere » Scripturi » Ucoz [ Adauga un material nou ]

Персональная страница как ВКонтакте.

2011-01-25, 7:24 PM

Персональная страница пользователя. Аналог ВКонтакте. Пример профиля.

Этот скрипт полностью написан с нуля, поэтому остальные скрипты могут быть лишь похожими.

В персональной странице отображаются все данные о пользователе, вплоть до знака зодиаке. Как и подобает любому качественному профилю, есть блок с активностью. Так же список наград и прочие.

Вы так же можете заметить в левом блоке удобное место для рекламы. Отличное место для отображения статуса пользователя. Так же есть встроенный скрипт рейтинга, как ВКонтакте! В общем смотрите пример.

Это первая версия данного скрипта, поэтому возможны баги и ошибки. Новые версии со временем будут публиковать на этом сайте и тут.

Заходим в персональную страницу пользователя, удаляем оттуда весь код и вставляем это:

Code
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="inonline">
<head>

<link type="text/css" rel="StyleSheet" href="http://www.forumvk.ru/css/vk_prof.css" />

<link rel="stylesheet" href="http://www.forumvk.ru/css/vk_prv.css" type="text/css" />

<title>$HOME_PAGE_LINK$| $_NAME$ </title>

<style type="text/css">.gold1 {text-align:left;padding:3px;} .gold2 {clear:left;float:left;width:150px;} #goldI {display: none}
.etitle{background:#f1f1f1;border:1px solid #cdcbcb;text-shadow: 0.1em 0.1em 0.05em #FFF;padding:7px;}
#tableball tr td{background: #fafafa; border: 1px solid #bdbdbd; padding: 4px 10px;} .xt-edit{background-position:0 -90px;} .xt-edit-over{background-position:-15px -90px;} .xt-log{background-position:0 -315px;} .xt-log-over{background-position:-15px -315px;} .rdv {text-align:left;padding:6px;} .ldv {clear:left;float:left;width:150px;}
</style>
</head>
<body>

   

</head>
<body>

  <div id="pageLayout">

<!-- pageHeader -->

<div id="pageHeader">

</div>

<!-- End pageHeader -->

<!-- sideBar -->

<div id="sideBar">
<ol id="nav">
<li id="myprofile" class="clearFix">

<a href="/index/11" class="edit">ред.</a> <a href="$PERSONAL_PAGE_LINK$" class="hasedit">Моя Страница</a> </li>
<li><A href="$HOME_PAGE_LINK$">Главная</A></li>
<li><A href="$PM_URL$">Мои Сообщения</A></li>
<li><a href="/search">Поиск информации</a></li>
<li><a href="/forum">Мой форум</a></li>
<li><a href="/forum/0-0-1-35">Все пользователи</a></li><div class="moreDiv"></div>

</ol>
<span style="font-size:12pt"><span style="color:purple">Статья месяца!</span></span>
<br>Здесь любая информация или реклама.
</div>

<!-- End sideBar -->

<!-- pageBody -->

  <div id="pageBody" class="pageBody">

  <div id="wrapH">

  <div id="wrapHI">
  <div id="header">

<b></b>  
<b></b>$_USERNAME$ <span>  
$MODER_PANEL$

   

  </div>
  </div>
  </div>

  <div id="wrap2">

  <div id="wrap1">
  <div id="content">

   

<input id="mid" value="1" type="hidden">
<input id="faveHash" value="256fd8bba2d4ff3ef8" type="hidden">
<div id="userProfile" class="clearFix">

   

<div align="center" id="addsms" style="display:none;position:absolute; ">
<div style="margin-top:100px;margin-left:110px;width:100%px;height:100%px;background:white;border:9px solid #cad1d9;z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999">

<div class="box_layout"><div class="box_title_wrap"><div class="box_title">
<div align="left">
Новое сообщение

</div>

</div></div>
</tbody></table>
</form>

</div>

<div class="box_controls_wrap"><div class="box_controls">  

<div id="nowEroorPm" style="display:none; padding-top: 7px; padding-left: 5px; position: absolute; color: rgb(86, 40, 40);">Отправлено!</div>

<div style="cursor:pointer;" onclick="document.getElementById('addsms').style.display='none'"><div class="button_wrap button_no"><div class="box_button" id="button2_1">Закрыть</div></div> </div>
<div style="cursor:pointer;" onclick=" messageSubmit();document.getElementById('nowEroorPm').style.display='block'"> <div class="button_wrap button_yes"><div class="box_button" id="button2_2">Отправить</div></div> </div>

</div>

</div>

</div>

</div>

  <div id="leftColumn">

<div align="center">
$_AVATAR$

  </div>
   

  <div id="profileActions">

<a href="$_PM_SEND_URL$">Отправить сообщение (лс)</a>
<a href="$USERS_LIST_URL$">Список пользователей</a>
   

   
</div>

<!--Скрипт рейтинга by http://www.forumvk.ru-->
<script>
  $(document).ready(function() {
  var forumvk = 3 * $_REPUTATION$ + 1 * $_FORUM_ENTRIES$ + 5 * $AWARDS$ + 1 * $_COM_ENTRIES$;
  $("#rater").text(forumvk);
  if (forumvk <= '1' && forumvk <= '40'){$("#rateLeft").css("width", "44px");$("#rateRight").css("width", "155px");}
  else if(forumvk >= '41' && forumvk <= '50'){$("#rateLeft").css("width", "90px");$("#rateRight").css("width", "109px");}
  else if(forumvk >= '51' && forumvk <= '70'){$("#rateLeft").css("width", "110px");$("#rateRight").css("width", "89px");}
  else if(forumvk >= '71' && forumvk <= '80'){$("#rateLeft").css("width", "140px");$("#rateRight").css("width", "59px");}
  else if(forumvk >= '81' && forumvk <= '100'){$("#rateLeft").css("width", "198px");$("#rateRight").css("width", "1px");}
  else if(forumvk >= '101' && forumvk <= '140'){$("#rateLeft").css({backgroundColor: '#c6d3dc', width: '44px'});$("#rateRight").css("width", "155px");}
  else if(forumvk >= '141' && forumvk <= '220'){$("#rateLeft").css({backgroundColor: '#c6d3dc', width: '64px'});$("#rateRight").css("width", "145px");}
  else if(forumvk >= '221' && forumvk <= '540'){$("#rateLeft").css({backgroundColor: '#c6d3dc', width: '94px'});$("#rateRight").css("width", "115px");}
  else if(forumvk >= '541' && forumvk <= '800'){$("#rateLeft").css({backgroundColor: '#c6d3dc', width: '134px'});$("#rateRight").css("width", "75px");}
  else if(forumvk >= '801' && forumvk <= '1000'){$("#rateLeft").css({backgroundColor: '#c6d3dc', width: '204px'});$("#rateRight").css("width", "5px");}
  else if(forumvk >= '1001' && forumvk <= '2000'){$("#rateLeft").css({backgroundColor: '#aebfcc', width: '44px'});$("#rateRight").css("width", "155px");}
  else if(forumvk >= '2001' && forumvk <= '4000'){$("#rateLeft").css({backgroundColor: '#b3c4d0', width: '90px'});$("#rateRight").css("width", "109px");}
  else if(forumvk >= '4001' && forumvk <= '6000'){$("#rateLeft").css({backgroundColor: '#b3c4d0', width: '110px'});$("#rateRight").css("width", "89px");}
  });
  </script>

  <div id="rate" style="cursor: pointer" href="javascript://" rel="nofollow" onclick="new _uWnd('Rh',' ',400,250,{autosize:1,maxh:300,minh:100,closeonesc:1};return false;">
  <div id="percent" style="text-align:left;"><span id="rater"></span>%</div>
  <div class="clearFix">
  <div id="rateLeft"> </div>
  <div id="rateRight"> </div>
  </div>

</div>
  <br><br><br>
<!--Скрипт рейтинга by http://www.forumvk.ru-->

</div>

  <div id="rightColumn">

  <div class="accountInfo clearFix">
  <div class="profileName" style="padding-top:0;" >
  <h2><div>$_NAME$ ($_STATUS$)</div><br>
</h2>  

<br>

</div>
</div>

  <div class="basicInfo">
  <table class="profileTable" cellpadding="0" cellspacing="0">

  <tr>

  <td class="label">Логин:</td>
  <td class="data">
  <div class="dataWrap">
  <a href='javascript://'>$_USERNAME$</a>
  </div>
  </td>

  </tr>
  <tr>
  <td class="label">Пол:</td>
  <td class="data">
  <div class="dataWrap">

  <a href='javascript://'>$_GENDER_NAME$</a>
  </div>

  </td>
  </tr>
   
  <tr>
  <td class="label">Дата рождения:</td>
  <td class="data">

  <div class="dataWrap">
  <a href="javascript://"><span id="datatxt" class="datatxt">$_BIRTHDAY$</span></a>

  </div>
  </td>
  </tr>

  <tr>
  <td class="label">Ранг:</td>
  <td class="data">

  <div class="dataWrap">
  <a href="/">$_RANK_NAME$</a>
  </div>
  </td>
  </tr>

  <tr>
  <td class="label">Нарушений:</td>
  <td class="data">

  <div class="dataWrap">
  <a href="$_BAN_DO_URL$"><span id="datatxt" class="datatxt">$_BAN_PERCENT$</span></a> (<a href="$_BAN_READ_URL$"><span id="datatxt" class="datatxt">Посмотреть</span></a>)  

  </div>
  </td>
  </tr>

  <tr>
  <td class="label">Уважение:</td>
  <td class="data">

  <div class="dataWrap">
  <a href="$_REP_READ_URL$$"><span id="datatxt" class="datatxt">$_REPUTATION$</span></a> (<a href="$_REP_DO_URL$"><span id="datatxt" class="datatxt">+\-</span></a>)  

  </div>
  </td>
  </tr>

  <tr>

  <tr>

  <td class="label">Возраст:</td>

  <td class="data">
  <div class="dataWrap">
  <a href='javascript://'>$_AGE$</a>
  </div>
  </td>

  </tr>

   

   

  </tbody></table>

  </div>

   

<div id="personal" class="flexOpen">
  <div class="bOpen">

  <div class="flexHeader clearFix" style="cursor: pointer;" onclick="return collapseBox('personal', this, 0.90, 0.50)" onfocus="blur()">
  <div><h2>Информация</h2></div>

  <div class="flexEdit">
  <a href="/index/11" onclick="event.cancelBubble = true; " title="">редактировать</a>
</div>

  </div>

  </div>
  <div class="c"><div align="center">
  </div><div class="flexBox clearFix"><div align="center">
  </div>

  <div class="edit"> </div>
  </h4>

  <table class="profileTable" cellpadding="0" cellspacing="0">

  <tbody>
   
<tr>

  <td class="label">Страна:</td>
  <td class="data">
  <div class="dataWrap">

  <a href="javascript://">$_COUNTRY$</a>

  </div>
  </td>
  </tr>
  

  <tr>
  <td class="label">Группа:</td>
  <td class="data">

  <div class="dataWrap">
  <a href="javascript://"><span id="datatxt" class="datatxt">$_GROUP_NAME$</span></a>

  </div>
  </td>
  </tr>

  <tr>
  <td class="label">Зарегистрирован:</td>
  <td class="data">

  <div class="dataWrap">
  <a href="javascript://"><span id="datatxt" class="datatxt">$_REG_TIME$</span></a>

  </div>
  </td>
  </tr>

<tr>

  <td class="label">Город:</td>
  <td class="data">

  <div class="dataWrap">
  <a href="javascript://">$_CITY$</a>

  </div>
  </td>
  </tr>
  
<tr>

  <td class="label">Icq\Skype:</td>

  <td class="data">
  <div class="dataWrap">
<a href="javascript://"> $_ICQ$</a>
  </div>

  </td>
  </tr>
   


   <td class="label">Счет в интернете:</td>

  <td class="data">
  <div class="dataWrap">
<a href="javascript://">$_AOL$</a>
  </div>

  </td>
  </tr>


<tr>

  <td class="label">Ip:</td>
  <td class="data">
  <div class="dataWrap">
<a href="javascript://"> $_IP_ADDRESS$</a>

  </div>

  </td>
  </tr>
  
   
  </tr>


   

  <tr>

  <td class="label">Страничка:</td>
  <td class="data">
  <div class="dataWrap">
<a href="javascript://"> $_WWW$</a>
  </div>

  </td>
  </tr>
  

  <tr>

  <td class="label">Знак зодиака:</td>
  <td class="data">
  <div class="dataWrap">
<a href="javascript://"> $_ZODIAC$</a>

  </div>

  </td>
  </tr>
  
   
  </tr>

  <tr>

  <td class="label">Последний вход:</td>
  <td class="data">
  <div class="dataWrap">
<a href="javascript://"> $_LOG_TIME$</a>

  </div>

  </td>
  </tr>
  
   
  </tr>

  </tbody></table>

  </div>
  </div>

<div class="flexHeader clearFix" style="cursor: pointer;" onclick="return collapseBox('personal', this, 0.90, 0.50)" onfocus="blur()">
  <div><h2>Активность пользователя</h2></div>
  </div>
  <div class="c"><div align="center">
  </div><div class="flexBox clearFix"><div align="center">
<a href="$_FORUM_ACTIVITY_URL$"> На форуме $_FORUM_ENTRIES$ записей</a> | <a href="javascript://"> Всего $_COM_ENTRIES$ комментариев</a>
</div>

   

</tbody></table>

  </div>
  </div>

  </div>

<div id="nagrady" class="flexOpen">
  <div class="bOpen">

  <div class="flexHeader clearFix" style="cursor: pointer;" onclick="return collapseBox('nagrady', this, 0.90, 0.50)" onfocus="blur()">
  <div><h2>Подарки<span> (0) </span></h2></div>
  </div>
  </div>
  <div class="c" >

  <div class="whenOpen">

  <div class="fSub clearFix">
  <h3>
  <div style="float:left">
   
   
  </div>

  <div style="float:right">

  <a href="$AWARDS_DO_URL$">Отправить подарок</a>  
   
  </div>

  </h3>

У "$_NAME$" <a href="$AWARDS_READ_URL$">$AWARDS$</a> подарков
  </div>
  <br>

<div class="flexHeader clearFix" style="cursor: pointer;" onclick="return collapseBox('personal', this, 0.90, 0.50)" onfocus="blur()">
  <div><h2>Случайные новости</h2></div>
  </div>
  <div class="c"><div align="center">
  </div><div class="flexBox clearFix"><div align="center">
Сюда ваш любой информер
</div>

   

   

   

</div>

</div>

  </div>

   
<div id="myLink"><br></div>

</div>

</div>

  <div id="boxHolder"></div>

<!-- End pageBody -->

<!-- End pageLayout 512 -->

</body>

</html>

<!-- 0.00944 (s23) -->
<!-- 0.01655 (s33 ) -->
Источник: http://www.forumvk.ru

Categorie: Ucoz | Adaugat de: kopceak
Vizualizari: 1705 | Downloads: | Raging: 5.0/1
Total comentarii : 0
Doar utilizatorii inregistrati pot comenta
[ Inregistrare | Login ]
Schimbul de fişiere este realizat de către utilizatorii site-ului, administraţia nu poartă nici o răspundere pentru conţinutul acestora sau pentru prejudiciile provocate. INTERFILM.MD nu dispune de conţinutul pus la schimb de către utilizatori, ci doar este un catalog al resurselor. Vă atenţionăm să nu încărcaţi pe site fişiere protejate de drepturile autorului sau fişiere cu conţinut ilegal. În cazul în care sunteţi deţinătorul drepturilor de autor al unui torrent şi doriţi să fie şters vă rugăm să ne scrieţi la adresa abuse@interfilm.md şi imediat se vor lua măsuri. Întregul text privind regulile şi condiţiile de utilizare a siteului poate fi găsit aici.