Стена пользователя v4 для юкоз как в контакте

По сути стена пользователя v.4, это доработанная v.2, в которую я интегрировал кнопку "прикрепить" аудио, видео, фото, граффити и смайлы.

А так же вместо банальных слов "загрузка" поставил красивый, анимированный лоадер как в контакте.

Еще поработал над видом сообщений на стене, придал более менее на мой взгляд человеческий вид, изменил вид кнопок "Плохой / Хороший пост"

Вы спросите, почему же тогда я не назвал эту стену не v.3? Отвечаю v.3 уже есть, правда не помню на каком сайте я ее видел, по отзывам на сколько я помню, она вся глючная. Ну вот вроде и все теперь перейдем к установке.

Настройка:
Для начала вам нужно активировать API на сайте, для этого в админ панели зайдите в общие настройке и поставте галочку напротив "Разрешить использовать API".
Теперь активируйте модуль "Доска объявлений" и создайте в нем одну любую категорию, с любым названием.
В настройках модуля там где поля для добавления материала, убираем все галочки кроме "Темы объявления".
В самом низу настроек ставте галочку напротив "Включить возможность поиска материалов пользователя"
Отключаем премодерацию для всех групп этого модуля, сохраняем настройки.

Переходим к установке кодов:
На страницу материала и комментариев к нему.

Код

<?substr($ADMIN_BAR$,0,0)?>
<html><head>
<title>$ENTRY_TITLE$</title>
<?substr('</head>',strpos('</head>','/head>')-1)?><body>
<?if($COM_PAGE_SELECTOR$)?>$COM_PAGE_SELECTOR$<?endif?>
  $COM_BODY$
<?if($COM_CAN_ADD$)?>$COM_ADD_FORM$<?endif?>
  $POWERED_BY$
</body></html>

В вид материалов.

Код

<a href="$ENTRY_URL$" class="urlWall">$TITLE$</a>

На странице поиска и рейтинга материалов и странице добавления / редактирования материала ставим:

Код

<?substr($ADMIN_BAR$,0,0)?>
<html><head>
<title>Стена</title>
<?substr('</head>',strpos('</head>','/head>')-1)?><body>
  $BODY$
  $POWERED_BY$
</body></html>

Теперь в вид комментариев в самое начало вот это:

Код

<?if($MODULE_ID$='board')?><style>
/* Вид репутации*/
  a.RepUsee:link, a.RepMidd:active, a.RepMidd:visited {text-decoration:none; color:#DC9248; font-size:11px;}
  a.RepUsee:hover {text-decoration:none; color:#DC9248; font-size:11px;}
  a.RepUsee div.RepUse {border:1px solid #525252; background:#FFFFFF; padding:1px 3px 2px 3px; text-align:center; text-shadow:1px 1px 0px #151515; -webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
  a.RepUsee div.RepUse:hover {background:#181818; text-shadow:1px 1px 0px #000000;}

  a.RepViss:link, a.RepViss:active, a.RepViss:visited {text-decoration:none; color:#DC9248; font-size:11px; font-family:tahoma;}
  a.RepViss:hover {text-decoration:none; color:#DC9248; font-size:11px;}

  a.RepNizz:link, a.RepNizz:active, a.RepNizz:visited {text-decoration:none; color:#DC9248; font-size:11px; font-family:tahoma;}
  a.RepNizz:hover {text-decoration:none; color:#DC9248; font-size:11px;}

  a.RepMidd:link, a.RepMidd:active, a.RepMidd:visited {text-decoration:none; color:#DC9248; font-size:11px; font-family:tahoma;}
  a.RepMidd:hover {text-decoration:none; color:#DC9248; font-size:11px;}

  a.RepViss div.RepVis {border:0px solid #525252; border-left:0px; background:#F7F7F7; padding:1px 4px 2px 3px; text-align:center; -webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
  a.RepViss div.RepVis:hover {background:#FFFFFF; }

  a.RepNizz div.RepNiz {border:0px solid #525252; border-right:0px; background:#F7F7F7; padding:1px 2px 2px 4px; text-align:center; -webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;}
  a.RepNizz div.RepNiz:hover {background:#FFFFFF; }

  a.RepMidd div.RepMid {border:0px solid #525252; border-right:0px; border-left:0px; background:#F7F7F7; padding:1px 3px 2px 3px; text-align:center; }
  a.RepMidd div.RepMid:hover {background:#FFFFFF; }

  /* ---------- */
.yd {opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
.yd:hover { cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.block_new_av {background:#494949;border-radius:3px;padding:3px 3px;margin-right:6px;float:left;}
.block_new_av img {border-radius:3px;width:50px;height:33px:}

</style>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><hr style="color:#EEEEEE;height:1px;border-top:0px;border-style:solid">
<td valign="top" width="590px">
<img class="block_new_av" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://in.ucoz.org/images/noavatar.jpeg<?endif?>" style="max-width: 48px;">
<a href="$PROFILE_URL$" ><b>$NUMBER$</b></a> <a href="$PROFILE_URL$"><b>$NAME$</b></a>
<div style="float:right">
<?if($MODER_PANEL$)?><a style="margin-right: 8px;" href="javascript://" rel="nofollow" onclick="new _uWnd('Ie',' ',-600,-200,{autosize:1,closeonesc:1,resize:0},{url:'/index/37-$ID$'});return false;" title="Редактировать" class="yd"><img src="http://in.ucoz.org/images/redklych.png" width="10" ></a><a style="float:right; margin-right: 8px;" href="javascript://" rel="nofollow" onclick="del_item($ID$);return false; return false;" id="di$ID$" title="Удалить комментартй" class="yd" ><img src="http://in.ucoz.org/images/krest.png" width="10" ></a><?endif?>
</div>

<div style="margin-top: 3px; color:#1a1a1a; text-align:left;">$MESSAGE$</div><br>
<strong style=" color:#CAD3DA;"> $DATE$ в $TIME$</strong><?if($ANSWER_URL$)?> | <a href="$ANSWER_URL$">Комментировать</a><?endif?>
<table style="margin-bottom:5px; float:right; " border="0" cellpadding="0" cellspacing="0" width="100px"> <tr>
<td style="padding-right:0px;" width="27px"><a href="$BAD_COMMENT_URL$" title="Плохой комментарий" class="RepNizz"> <div class="RepNiz"><b>-</b></div></a></td>
<td><a class="RepMidd"><div class="RepMid"><b><?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:#999999;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?></b></div></a></td>
<td style="padding-left:0px;" width="27px"><a href="$GOOD_COMMENT_URL$" title="Хороший комментарий" class="RepViss"><div class="RepVis"><b>+</b></div></a></td>
</tr></table>
</td>
</tr></tbody></table><?else?>

И в самый конец:

Код

<?endif?>

На персональной странице пользователя, в место где хотите видеть стену - ставим вот этот код:

Код

Если пере зальете js файл к себе на сайт, то не забудьте отредактировать в нем ссылки на картинки загрузки.

Html редактор

Автор: Prosvetekvator

21.03.2013

Другие статьи почитайка;)

Поделись ссылкой на форумах

Ссылка:
BB-code:
HTML:

« Пред.

Стена пользователя v4 для юкоз как в контакте

След. »

Всего комментариев: 57

1 2 3 »

Порядок вывода комментариев:

57 Андрей Токарев (Reactor)

Панель управления - пользователя - группы пользователей - [выбери нужную группу у которой надо убрать премодерацию] - Доска объявлений и убери галку у "Премодерировать добавленные материалы (не выводить сразу)"

28.08.2014 в 21:43 | Перейти к материалу >