Представляем долгожданную многими Timeline стену пользователя версии 2.0... Данную версию мы расширили по просьбам пользователей.
Текущие возможности: 1. Редактирование постов.
2. Удаление постов.
3. Лайк (Дислайк) записи.
4. Репост записи.
5. Настройки приватности.
6. Прикрепления - Фото, видео, Аудио (+ Пред просмотр их в окне).
7. Временное разделения постов по месяцам.
8. Быстрое написание поста кликнув по временной линии.
9. Иконка с какого социального профиля был сделан пост.
Требования: Модуль Каталог статей
Установка: 1. В вид комментариев ставим:
Код
<?if($MODULE_ID$="publ")?>
<div class="entry" id="entry$ID$"><div id="timeline_data" class="t<?substr($DATE$,-7,2)?>Resive"> <div class="item" id="item_$ID$"><em>Сообщения от <?substr($DATE$,-7,2)?>.20<?substr($DATE$,-2,2)?>года.<em></div></div>
<div class="item" id="item_$ID$">
<div id="timeline-comment">
<div id="timeline-avatar">
<?if($USER_AVATAR_URL$)?>
<?if($SOC_LINK$)?><a rel="nofollow" href="$SOC_LINK$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" alt="avatar" width="50" /></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" alt="avatar" width="50"/></a><?endif?>
<?else?><img src="/.s/img/icon/social/noavatar.png" alt="avatar" /><?endif?>
</div>
<?if($USERNAME$)?><a href="$PROFILE_URL$" class="uc-profile-link">$USERNAME$</a><?else?><?if($SOC_LINK$)?><a rel="nofollow" href="$SOC_LINK$" class="uc-profile-link">$NAME$</a><?else?>$NAME$<?endif?><?endif?>
<span class="uc-opacity">$DATE$, $TIME$</span>[hr]
<div class="uc-message">$MESSAGE$</div>
</div>
<div id="timeline-panel">
<?if($ANSWER_URL$)?>
<div id="uc-share" onclick="var TimelineValue = $('.timeline-repost$ID$').html(); $('#message_repost').val('[repost]'+TimelineValue+'[/repost]');$('#repost_send').click();">Репост записи</div>
<div class="timeline-repost$ID$" style="display:none;">[img]$USER_AVATAR_URL$[/img][url=$PROFILE_URL$]$USERNAME$[/url][sub]$DATE$, $TIME$[/sub][hr][i]$MESSAGE$[/i]</div>
<?endif?>
<?if($GOOD_COMMENT_URL$)?>
<a href="$GOOD_COMMENT_URL$"><img alt="" src="/Ulast/img/like.png" title="Хороший пост" style="margin: 0 4px;vertical-align: middle;"></a>$COMMENT_RATING$<a href="$BAD_COMMENT_URL$"><img alt="" src="/Ulast/img/dislike.png" title="Плохой пост" style="margin: 0 4px;vertical-align: middle;"></a>
<?else?>
<img src="/Ulast/img/like.png" title="Хороший пост" style="margin: 0 4px;vertical-align: middle;opacity: .5;">$COMMENT_RATING$<img alt="" src="/Ulast/img/dislike.png" title="Плохой пост" style="margin: 0 4px;vertical-align: middle;opacity: .5;"><?endif?></div>
<div class="uc-top-left">
<a href="#ent$ID$" onclick="prompt('', location.protocol + '//' + location.hostname + location.pathname + '#comEnt$ID$'); if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"></a>
<?if($SOC_TYPE$)?><img src="/.s/img/icon/social/16/$SOC_TYPE$.png" alt="" id="timeline-location"/><?endif?>
<div id="timeline-setting">
<?if($MODER_PANEL$)?>
<div id="timeline-coment-redakt" onclick="new _uWnd('Ie',' ',-600,-200,{autosize:1,closeonesc:1,resize:0},{url:'/index/37-$ID$'});return false;"></div><?endif?>
<?if($MODER_PANEL$)?><a href="javascript://" onclick="del($ID$);$('#item_$ID$').hide();$('#container').masonry('reload');" class="timeline-comment-delete"></a><?endif?>
</div>
</div>
</div>
</div>
<?else?>
В конце вида комментария:
2. В Каталог статей - Главная страница каталога статей - Заменяем все на:
Код
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$TITLE_BAR$ - $SITE_NAME$</title>
</head>
<body bgcolor="#FFFFFF" style="padding:5px;">
<?substr($ADMIN_BAR$,0,0)?>
<div style="display:none">
$BODY$
</div>
$POWERED_BY$
</body>
3. В Каталог статей - Страница материала и комментариев к нему - Заменяем все на:
Код
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$TITLE_BAR$ - $SITE_NAME$ </title>
</head>
<body bgcolor="#FFFFFF" style="padding:5px;">
<?substr($ADMIN_BAR$,0,0)?>
$POWERED_BY$
<div id="wall">
$COM_BODY$
<div id="wall_id_len" style="display:none;">$ID$</div>
</div>
<div style="dis1lay:none">
<div id="wall_len">$COM_NUM_ENTRIES$</div>
<div id="wall_pages">$COM_NUM_PAGES$</div>
$COM_ADD_FORM$
$COM_PAGE_SELECTOR$
</div>
</body>
4. В Каталог статей - Вид материалов - Заменяем все на:
Код
<a class="wall" href="$ENTRY_URL$"></a>
<div id="wall_idl" value="$ID$" data="$ID$">$ID$</div>
5. Создать категорию с названием Стена id её должен быть 1.
6. На персональную страницу вставляем стену:
Код
<link type="text/css" rel="StyleSheet" href="http://www.mybeststudio.ru/Ulast/css/profil.css" />
<script type="text/javascript" src="http://www.mybeststudio.ru/Ulast/js/timeline.js"></script>
<script type="text/javascript" src="http://www.mybeststudio.ru/Ulast/js/jquery.masonry.min.js"></script>
<script type="text/javascript">
var timeline = new Object();
timeline.feyssmesh = {
homepage:'$HOME_PAGE_LINK$', timelineDateH:'div.tСеResive, div.tResive, div.t$MONTH$Resive, div.t<? $MONTH$+1 ?>Resive, div.t<? $MONTH$-1 ?>Resive, div.t0<? $MONTH$-2 ?>Resive', timelineDateS:'div.tСеResive, div.t<? $MONTH$-1 ?>Resive:eq(0), div.t0<? $MONTH$-2 ?>Resive:eq(0)', userid:'$USER_ID$', privat:'<?if($_IS_OWN_PROFILE$)?>1<?else?>$USER_ID$<?endif?>', activity: '$_PUBL_ACTIVITY_URL$', username: '$USERNAME$', _userid:'$_USER_ID$', _username:'$_USERNAME$', own:'$_IS_OWN_PROFILE$', avatar: '<?if( $_AVATAR$)?><?substr(substr($_AVATAR$,strpos($_AVATAR$,'src="')+5),0,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src="')+5),'"'))?><?else?>/images/noava.png<?endif?>', _profurl: '$_PROFILE_URL$', isuser: '$USER_LOGGED_IN$', copyright: 'ucodes.ru'
}
</script>
<script type="text/javascript">
$(document).ready(function() {
function ucodes_privat() {
if (<?if($_IS_OWN_PROFILE$)?>2<?else?>1<?endif?> == 1) {
$('.uc-message').each(function(){
$(this).html($(this).html().split('[mP]').join('<div id="ucodes_privat">').split('[/mP]').join('</div>'));
$('#ucodes_privat').html('<div id="ucodes_privat">Скрыто настройками приватости</div>');
});
} else {
$('.uc-message').each(function(){
$(this).html($(this).html().split('[mP]').join('').split('[/mP]').join(''));
});
}
}
setTimeout(function(){
ucodes_privat();
$('div.tСеResive, div.tResive, div.t$MONTH$Resive, div.t<? $MONTH$+1 ?>Resive, div.t<? $MONTH$-1 ?>Resive, div.t0<? $MONTH$-2 ?>Resive').hide();
$('div.t<? $MONTH$-1 ?>Resive:eq(0), div.t0<? $MONTH$-2 ?>Resive:eq(0)').show();
$('div.tResive').remove();
}, 3000);
});
</script>
<div id="timeline-load-indikator"></div>
<div id="timeline-load">
<div id="container">
<div class="timeline_container">
<div class="timeline">
<div class="plus"></div>
</div></div><div>
<?if($_PUBL_ENTRIES$="0")?>
<?if($_IS_OWN_PROFILE$)?> <input id="create" type="button" value="Создать стену" /> <?else?><div id="createser"> $_USERNAME$ еще не создал свою личную стену.</div> <?endif?>
<?else?>
<div class="item" style=" z-index: 99;-moz-box-shadow: 0 10px 6px -6px #777;box-shadow: 0 10px 6px -6px #CCC;"><?if($USER_LOGGED_IN$)?>
<div id="timeline-item">
<?if($_IS_OWN_PROFILE$)?><?else?><div style="display:none;"><textarea id="message_repost" placeholder="О чем вы сейчас думаете ?"></textarea><input id="repost_send" type="button" value="Отправить" /></div><?endif?>
<div id="fs-post-name">Cообщение</div>
<div id="wall_id_len" style="display:none;"></div>
<div id="wall_id_len2" style="display:none;"></div>
<div id="wall_len">Всего записей: [b]...[/b]</div>
<div id="wall_atchhents-load" title="Проверка, загрузка - просмотр прикреплений!."></div>
<div id="wall_add">
<div class="timeline-message"><textarea id="message" placeholder="О чем вы сейчас думаете ?"></textarea> </div>
<div id="wall_atchhents">
<div id="wall_atchhents-all-name">Добавленные треки</div>
<div id="wall_atchhents-music"></div>
<div id="wall_atchhents-all-name2">Добавленные Фото</div>
<div id="wall_atchhents-photo"></div>
<div id="wall_atchhents-all-name3">Добавленные видео</div>
<div id="wall_atchhents-video"></div>
<div id="wall_atchhents-reload">Повт. проверка: <span id="timeline-music-reload" title="Проверка музыки"></span><span id="timeline-photo-reload" title="Проверка фото"></span><span id="timeline-video-reload" title="Проверка видео"></span></div>
<div id="wall_atchhents-close">Закрыть окно просмотра прикреплений</div>
</div>
<div id="timeline-dop_panel">
<div id="timeline-smiles" onclick="smilesChat2();" title="Смайлы"></div>
<div id="timeline-photo" title="Фото"></div>
<div id="timeline-audio" title="Аудио"></div>
<div id="timeline-video" title="Видео"></div>
<div id="timeline-atch" title="Прикрепления"></div>
<?if($_IS_OWN_PROFILE$)?><select size="1" name="privat_user"><option value="1">Доступно всем</option><option value="2">Только мне</option></select><?else?><?endif?>
<input id="send" type="button" value="Отправить" />
<div id="wall_pages"></div></div>
</div> </div><?else?><a href="$LOGIN_LINK$" id="ucodes_stena_nodata">Пройдите авторизацию чтоб написать $_USERNAME$'y</a><?endif?></div>
<div id="wall">Загрузка сообщений...</div>
<div id="popup" class='shade'>
<div class="Popup_rightCorner" ></div>
<div id="box">
<div id="fs-post-name">Cообщение</div>
<div id="wall_len">Всего записей: [b]...[/b]</div>
<div class="timeline-message"><textarea id="message_copy" placeholder="О чем вы думаете ?"></textarea> </div>
<input id="send2" type="button" value="Отправить" />
</div></div></div></div><?endif?>
7. Настроить модуль согласно скрину: