профиль как на фб


профиль как на фб

467
7.4 из 10
Проголосовало: 3






Привет ребята, сегодня решил сделать профиль как на фб, и хотел поделиться с Webo4ki , вот что вышло так что посмотрите и переделайте под вашему сайту.

ставим суда "Персональная страница пользователя"

Код

<div class="mta">  
  <div class="set">  
  <?if($_CHANGE_DETAILS_URL$)?><a href="$_CHANGE_DETAILS_URL$"><img src="http://icons.iconarchive.com/icons/alienvalley/osx-dock-replacement/24/settings-icon.png" ></a><?endif?>  

   
  </div>  
  <div class="prof"> <img src="http://webo4ka.ru/avatar/97/888418.jpg" style="border: 2px solid #F7F7F7;"> </div>  

   
  <div class="qveda">  
   
   
  <ul id="menu">  
  <li><a><b>Пользователь: $_USERNAME$</b></a></li>  
  <?if($_PM_READ_URL$)?><li><a href="$_PM_READ_URL$">Читать ЛС (<b>$UNREAD_PM$</b>)</a></li><?endif?>  
  <?if($_PM_SEND_URL$)?><li><a href="$_PM_SEND_URL$" title="Отправить личное сообщение">Отправить ЛС</a> ]</li><?endif?>  
   
  <?if($AWARDS_READ_URL$ || $_REP_READ_URL$)?>  
   
  <?if($AWARDS_READ_URL$)?><li><a href="$AWARDS_READ_URL$" title="Список наград">Награды (<b>$AWARDS$</b>)</a> <?if($AWARDS_DO_URL$)?>[<a href="$AWARDS_DO_URL$">+</a>]</li><?endif?><?endif?>  
   
   
  <?if($_REP_READ_URL$)?><?if($AWARDS_READ_URL$)?><?endif?><li><a title="Смотреть историю репутации" class="repHistory" href="$_REP_READ_URL$">Репутация (<b>$_REPUTATION$</b>)</a><?if($_REP_DO_URL$)?> [<a href="$_REP_DO_URL$">±</a>]</li><?endif?><?endif?>  
  <?endif?>  

  </ul>  
   
   
  </div>  

  <div style="width:95.5%;margin-top:10px;border:1px solid #D3D6DB;background-color: #FFF;padding:20px;">  
   
  <?if($_REG_TIME$)?>  
  Дата регистрации: $_REG_TIME$  
  <?endif?>  
  <br>  
   
  <?if($_LOG_TIME$)?>  
  Дата входа: $_LOG_TIME$  
  <?endif?>  
   

  </div>  

   
  <div class="nag"><?if($_IS_ACTIVITY$)?>  
  <?if($_COM_ENTRIES$)?> | <a href="$_COM_ACTIVITY_URL$" target="_blank">комментарии(<b>$_COM_ENTRIES$</b>)</a><?endif?>  
  <?if($_FORUM_ENTRIES$)?> | <a href="$_FORUM_ACTIVITY_URL$" target="_blank">форум(<b>$_FORUM_ENTRIES$</b>)</a><?endif?>  
  <?if($_BLOG_ENTRIES$)?> | <a href="$_BLOG_ACTIVITY_URL$" target="_blank">блог(<b>$_BLOG_ENTRIES$</b>)</a><?endif?>  
  <?if($_NEWS_ENTRIES$)?> | <a href="$_NEWS_ACTIVITY_URL$" target="_blank">новости(<b>$_NEWS_ENTRIES$</b>)</a><?endif?>  
  <?if($_PUBL_ENTRIES$)?> | <a href="$_PUBL_ACTIVITY_URL$" target="_blank">статьи(<b>$_PUBL_ENTRIES$</b>)</a><?endif?>  
  <?if($_LOAD_ENTRIES$)?> | <a href="$_LOAD_ACTIVITY_URL$" target="_blank">файлы(<b>$_LOAD_ENTRIES$</b>)</a><?endif?>  
  <?if($_DIR_ENTRIES$)?> | <a href="$_DIR_ACTIVITY_URL$" target="_blank">сайты(<b>$_DIR_ENTRIES$</b>)</a><?endif?>  
  <?if($_BOARD_ENTRIES$)?> | <a href="$_BOARD_ACTIVITY_URL$" target="_blank">объявления(<b>$_BOARD_ENTRIES$</b>)</a><?endif?>  
  <?if($_PHOTO_ENTRIES$)?> | <a href="$_PHOTO_ACTIVITY_URL$" target="_blank">фото(<b>$_PHOTO_ENTRIES$</b>)</a><?endif?>  
  <?if($_STUFF_ENTRIES$)?> | <a href="$_STUFF_ACTIVITY_URL$" target="_blank">игры(<b>$_STUFF_ENTRIES$</b>)</a><?endif?>  
  <?if($_SHOP_ENTRIES$)?> | <a href="$_SHOP_ACTIVITY_URL$" target="_blank">товары(<b>$_SHOP_ENTRIES$</b>)</a><?endif?>  
  <?if($_VIDEO_ENTRIES$)?> | <a href="$_VIDEO_ACTIVITY_URL$" target="_blank">видео(<b>$_VIDEO_ENTRIES$</b>)</a><?endif?>  

  <?endif?>  
  </div>  

  </div>  

  <style>  
   
  a {  
  background: transparent;  
  }  
  a:focus {  
  outline: thin dotted;  
  }  
  a:active,  
  a:hover {  
  outline: 0;  
  }  
  .nag { width:95.5%;margin-top:10px;border:1px solid #D3D6DB;background-color: #FFF;padding:20px;}  
  .set { padding-left:20px;padding-top:20px;}  
  ul#menu {  
  padding: 0;  
  }  

  ul#menu li {  
  display: inline;  
  }  

  ul#menu li a {  

  color: #3B5998;  
  padding: 18px 15px;  
  text-decoration: none;  
  border-right: 1px solid #D3D6DB;  
  }  

  ul#menu li a:hover {  
  background-color: #D3D6DB;  
  }  

  .mta { margin-top:20px; margin-left:auto;margin-right:auto; width:900px; height:300px;background-color:#FFF; background-image: url("http://designbump.com/wp-content/uploads/2015/07/Wine-Fb-Cover-Page.jpg");border: 1px solid #D3D6DB; }  
  .prof { padding-top:75px;padding-left:20px;width:100px;height:100px; }  
  body { background: #E9EAED; font: 0.875em/1.429 'Open Sans', sans-serif;}  
  .qveda { background-color:#FFF;margin-top:75px;height:50px;border: 1px solid #D3D6DB; }  
  table, th, td {  
   
  border-collapse: collapse;  
  }  
  </style>


готово!
Автор публикации: Загрузка
Загрузка
shono, это его n материал
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 7
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: