» » » Стіна користувача з каталогу сайтів для uCoz

Стіна користувача з каталогу сайтів для uCoz

Стіна користувача з каталогу сайтів для uCoz

Не обов'язково, що цей скрипт буде лише для тих хто в черговий раз хоче зробити соціальну мережу на Юкозі або "як Вк але крутіше" :)
Даний скрипт для Ucoz знадобиться для сайтів-порталів, використовувати можна не лише як стіну, але й як закладки на персональній сторінці і т.д. Для перероблення під стіну був обраний модуль "Каталог сайтів".

Встановлення:
1. Управління дизайном -- Каталог сайтів -- Сторінка матеріалів і коментування до нього:
<html>  
  <head>  
  <head>  
  <link type="text/css" rel="StyleSheet" href="/_st/my.css" />  
  </head>  
  $COM_ADD_FORM$  
  $COM_BODY$  
  $COM_PAGE_SELECTOR1$  
  $POWERED_BY$  
  < /body>  
  </html>


2. Налаштування модуля - Форма додавання матеріала - забираємо галочки.

3. Категорії - створюємо категорію під ID 1 і називаємо на свій здоровий розсуд

4. Заходимо за адресою http://ваш.сайт/dir, там пункт "Додати матеріал". Тиснемо декілька разів, обов'язково потрібно додати стільки стін, скільки у вас користувачів(можна на 30-50 більше, якщо сайт популярний. В ідеалі можна зробити щоб користувач сам створював сторінку при реєстрації, зараз тим більш є API та можна придумати щось нове, але це зовсім інша історія :)

5. Каталог сайтів -- Сторінка матеріала і коментування в ньому. В самий верх:
<style>#puzadpn {display:none}</style>  
<style>.com-order-block {display:none;}</style>


6. В форму додавання в самий верх:

<?if($MODULE_ID$=dir)?>  
<b>  

  <div style="padding: 5px 15px 5px 15px;">  
  <div id="nomessage"><textarea style="width: 100%;height:23px;color:#B3B3B3;font-size:11px;" rows="1" cols="50" onclick="$('#nomessage').toggle();$('#yesmessage').toggle();">Что у Вас нового?</textarea></div>  
  <div style="display:none;" id="yesmessage">  
  <textarea style="width: 100%;height:35px;font-size:11px;" rows="2" name="message" id="message" cols="50"></textarea>  
  <div>  
  <input type="submit" id="addcBut" value="Отправить" onclick="$('#nomessage').toggle();$('#yesmessage').toggle();" />  
  </div>  

  </div>  
  </div></b><?else?>


та в самий низ:
<?endif?>


7. У вигляд коментарів в самий верх:
<?if($MODULE_ID$=dir)?>  
<div class="post all" onmouseover="wall.postOver('')" onmouseout="wall.postOut('')">  
  <table class="post_table" border="0" cellspacing="0" cellpadding="0">  
  <tbody><tr>  
  <td class="image">  
  <div style="padding: 5px;"><center><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" border="0" style="height:50px;width:50 "><?else?><?if($USER_LOGGED_IN$)?><img src="http://vkontakte.ru/images/question_a.gif" border="0" style="height:50px;width:50 "><?else?><img src="http://vkontakte.ru/images/deactivated_100.gif" border="0" style="height:50px;width:50 "><?endif?><?endif?></a>  
  <span class="online"><?if($IS_OWN$)?><div style="text-align:center; color:999;">Online</div><?else?><div style="display:none; text-align:center; color:999;" class="stati">$PROFILE_URL$</div><?endif?></span></center></div>  
  </td>  
  <td class="info">  
  <div class="wall_text"><a class="author" href="$PROFILE_URL$" onclick="return nav.go(this, event)">$NAME$</a> $MODER_PANEL$ <div><div class="wall_post_text">$MESSAGE$ </div></div></div>  
  <span class="fl_r"><style>  
  #allrate$NUMBER$ {opacity:0.5;font-size:10px;padding-top:5px;padding-right:1px;}  
  #allrate$NUMBER$:hover {opacity:1.0;}  
  #ico$NUMBER$ {color:#2B587A;cursor:pointer;}  
  </style>  
  <div id="allrate$NUMBER$" align="right">  
  <a style="text-decoration:none;" href="$GOOD_COMMENT_URL$">Мне нравится <span id="ico$NUMBER$"><img src="http://vkontre1.my1.ru/images/nv.jpg" style="margin-bottom:-2px; margin-right:2px;" >$COMMENT_RATING$</span></a>  
  </div></span>  
  <div class="replies"><div class="reply_link_wrap">  
  <small><a onclick="return nav.go(this, event)"><span class="rel_date">$DATE$ в $TIME$</span></a></small><span ><span class="divide">|</span><a href="javascript://" onclick="prompt('Ссылка на комментарий:',location.href.split('#',1) + '#comEnt$ID$');">Ссылка комментария</a></span>  
  </div>  
  <div class="replies_wrap clear" style="display: none">  
  <div><input type="hidden" value=""></div>  
  <div class="reply_box" onclick="return cancelEvent(event)">  
  <input type="hidden" value="">  
  <div class="reply_field_wrap clear_fix">  
  <div class="input_back_wrap no_select"><div class="input_back" style="padding-top: 3px; margin-top: 1px; padding-bottom: 3px; margin-bottom: 1px; padding-left: 3px; margin-left: 1px; padding-right: 3px; margin-right: 1px; "><div class="input_back_content">Комментировать..</div></div> </div><textarea class="fl_l" placeholder="" onkeydown="onCtrlEnter(event, function() { wall.sendReply(''); })" onfocus="wall.showEditReply('')" onkeyup="wall.checkTextLen(this, 'reply_warn')"></textarea>  
  </div>  
  <div class="reply_warn clear" id="reply_warn"></div>  
  <div id="submit_reply" class="submit_reply clear">  
  <div class="fl_l"><div class="button_blue"><button id="reply_button">Отправить</button></div></div>  
  <div id="reply_to_title" class="reply_to_title fl_l"><span id="reply_to_name"></span></div>  
  <div class="progress fl_r" id="page_reply_progress"></div>  
  </div>  
  <div class="clear"></div>  
  </div>  
  </div></div>  
  </td>  
  </tr>  
  </tbody></table>  
  </div>  
  <?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;">$ANSWER$</div><?endif?>  
<?else?>  


та в самий низ
<?endif?>


8. Управління дизайном -- Користувачі - Персональна сторінка користувача. Ставимо туди, де хочемо бачити стінку:
<iframe src="$HOME_PAGE_LINK$dir/1-1-0-$_USER_ID$" width="100%" height="400"></iframe>


На цьому все.


UCOZ scripts
455 23.03.15



Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлеру