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


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

503
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 25
Скрипты и модификации для Ucoz 2110
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • В самый конец просто добавьте вот такие теги... И у Вас не будет больше возникать вопросов! cry

    <!-- </popup> -->$POWERED_BY$<!-- <popup> -->
  • invitesystem написал:
  • Скачал архив, залил сайт, но проблема с кодом для вставки в конструктор шаблонов. Какие-то в нём знаки вопроса и без обязательного $POWERED_BY$
  • Marishka написал:
  • Можно, включите фантазию. Бесплатно никто ничего делать не будет.... Данный скрипт то написали так как попросили happy
  • BLAzER написал:
  • А на условных операторах это не сделать?
  • Вовчик написал:
  • Кто-то недавно об этом спрашивал
    Последние темы
    Опрос
    224
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: