• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Персональная страница как (В Контакте) (Правильное оформление рабочего аккаунта во ВКонтакте)
Персональная страница как (В Контакте)
Kosten
Вторник, 24 Апреля 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44356
Награды: 70


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

Приступаем к установке:
Персональная страницу пользователя, удаляем оттуда весь код и вставляем это
Код
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="inonline">     
   <head>     
     
   <link type="text/css" rel="StyleSheet" href="http://zornet.ru/Rang_2/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://zornet.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>     
          
   <?if($_COUNTRY$)?> <tr>     
     
     <td class="label">Страна:</td>     
     <td class="data">     
     <div class="dataWrap">     
     
     <a href="javascript://">$_COUNTRY$</a>     
     
     </div>     
     </td>     
     </tr>     
     <?endif?>     
     
     <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>     
     
   <?if($_CITY$)?> <tr>     
     
     <td class="label">Город:</td>     
     <td class="data">     
     
     <div class="dataWrap">     
     <a href="javascript://">$_CITY$</a>     
     
     </div>     
     </td>     
     </tr>     
     <?endif?>     
   <?if($_ICQ$)?> <tr>     
     
     <td class="label">Icq\Skype:</td>     
     
     <td class="data">     
     <div class="dataWrap">     
   <a href="javascript://"> $_ICQ$</a>     
     </div>     
     
     </td>     
     </tr>     
          
   <?endif?>     
     
     <?if($_AOL$)?> <td class="label">Счет в интернете:</td>     
     
     <td class="data">     
     <div class="dataWrap">     
   <a href="javascript://">$_AOL$</a>     
     </div>     
     
     </td>     
     </tr>     
   <?endif?>     
     
   <?if($GROUP_ID$='4')?> <?if($_IP_ADDRESS$)?><tr>     
     
     <td class="label">Ip:</td>     
     <td class="data">     
     <div class="dataWrap">     
   <a href="javascript://"> $_IP_ADDRESS$</a>     
     
     </div>     
     
     </td>     
     </tr>     
     <?endif?>     
          
     </tr>     
   <?endif?>     
     
          
   <?if($_WWW$)?>     
     <tr>     
     
     <td class="label">Страничка:</td>     
     <td class="data">     
     <div class="dataWrap">     
   <a href="javascript://"> $_WWW$</a>     
     </div>     
     
     </td>     
     </tr>     
     <?endif?>     
     
     <?if($_ZODIAC$)?><tr>     
     
     <td class="label">Знак зодиака:</td>     
     <td class="data">     
     <div class="dataWrap">     
   <a href="javascript://"> $_ZODIAC$</a>     
     
     </div>     
     
     </td>     
     </tr>     
     <?endif?>     
          
     </tr>     
     
     <?if($_LOG_TIME$)?><tr>     
     
     <td class="label">Последний вход:</td>     
     <td class="data">     
     <div class="dataWrap">     
   <a href="javascript://"> $_LOG_TIME$</a>     
     
     </div>     
     
     </td>     
     </tr>     
     <?endif?>     
          
     </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 ) -->
Прикрепления: 9776996.jpg (111.1 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Персональная страница как (В Контакте) (Правильное оформление рабочего аккаунта во ВКонтакте)
  • Страница 1 из 1
  • 1
Поиск: