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>
готово!
Автор публикации: Загрузка
Загрузка
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация |
Вход
По просьбам поправили!.
1. Делаем все как написано.
2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
Код
http://mbs.usite.pro/ctena_user2_wall_v2.js
в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
даже Вовчик со мной согласен.

Мы обновили код и упростили его установку:
Что нового:
1. Новый легкий js код.
2. Отправка по Enter если есть или нет Aa цвета.
3. Простая установка.
Принцип работы:
Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.
Демо:
https://jsfiddle.net/7js6tfp1/4/
23:11
Ответов:
183 Написал:
rayven Дата:
24.03.2018 11:25
Ответов:
2 Написал:
LeKcUs Дата:
30.01.2018 14:37
Ответов:
0 Написал:
LeKcUs Дата:
05.12.2017 07:23
Ответов:
1 Написал:
Marishka Дата:
02.11.2017 12:00
Ответов:
1 Написал:
BLAzER Дата:
01.08.2017 18:06
Ответов:
0 Написал:
F1z140K Дата:
18.07.2017 07:16
Ответов:
0 Написал:
VkDuty Дата:
09.06.2017
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Для проверки введите адрес сайта в форму ниже: