Главная » Файлы » Скрипты для uCoz » Скрипты by Apocalypse

Новый Вид материалов Форума by Apocalypse для uCoz
22.06.14, 19:50:58

Скачать файл






Что нового:

1) Неповторимый продуманный дизайн
2) Модуль "Питомец пользователя"
3) Полупрозрачный профиль (Плавное осветление при наведении)
4) Все данные о пользователи под свойлером сплавным открытием
5) Вид повышения репутации за пост в теме одним кликом

1) Настраиваем питомцев...

А) Зайдите в шаблон Форма регистрации пользователей и замените там:
Код
<?if($YAHOO_FL$)?>  
  <tr id="siM15"><td class="manTd1" id="siM16">$YAHOO_SIGN$</td><td class="manTd2" id="siM17">$YAHOO_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>  
  <?endif?>


на:
Код
<?if($YAHOO_FL$)?>
  <tr id="siM15"><td class="manTd1" id="siM16">Выберите вашего питомца:</td>
  <td class="manTd2" id="siM17">
  <script>
  function smilepre(sm)
  { //U.moodSmile - разработка developing.ucoz.ru и WForum.clan.su
if(sm == '')
document.all.yahoosmilepre.innerHTML = '';
else
document.all.yahoosmilepre.innerHTML = '<img src="http://apocalypse.ucoz.kz/images/pets/'+sm+'.gif">';
  }
  </script>
  <select size="1" id="yahoosmile" name="yahoo" onChange="smilepre(this.value);">
  <option value="">нет</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>
  <option value="22">22</option>
  <option value="23">23</option>
  <option value="24">24</option>
  <option value="25">25</option>
  <option value="26">26</option>
  <option value="27">27</option>
  <option value="28">28</option>
  <option value="29">29</option>
  <option value="30">30</option>
  <option value="31">31</option>
  <option value="32">32</option>
  <option value="33">33</option>
  <option value="34">34</option>
  <option value="35">35</option>
  <option value="36">36</option>
  <option value="37">37</option>
  <option value="38">38</option>
  <option value="39">39</option>
  <option value="40">40</option>
  <option value="41">41</option>
  <option value="42">42</option>
  <option value="43">43</option>
  <option value="44">44</option>
  <option value="45">45</option>
  <option value="46">46</option>
  </select>
  <div id="yahoosmilepre"></div>
  </td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>
  <?endif?>


Б) Сделайте то же самое для Формы редактирования персональной информации

Всё, настройка питомцев завершена. Теперь пользователи смогут выбирать питомцев при регистрации и редактировании профиля. Переходим к виду материалов Форума. Заменяем там весь код на:
Код
<table border="0" width="100%" cellspacing="0" cellpadding="0">  
  <tr><td width="20%" bgcolor="333333" align="center"></td><td bgcolor="333333" align="center"></td></tr>  
  <tr><td bgcolor="333333">  

  <center>  
  <table style="opacity: 0.5;" id="fImgpost$ID$" onMouseOver="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="40" background="http://apocalypse.ucoz.kz/border/border1.png" height="40">
</td>
<td background="http://apocalypse.ucoz.kz/border/border2.png" height="40">
</td>  
<td width="40" background="http://apocalypse.ucoz.kz/border/border3.png" height="40">
</td>
</tr>
<tr>
<td width="40" background="http://apocalypse.ucoz.kz/border/border8.png">
</td>
<td>  

  <center><a title="Клик для цитирования $USERNAME$" href="javascript://" rel="nofollow" onclick="emoticon('[b]$USERNAME$[/b], ','message');return false;"><font size="1" color="aaaaaa"><b>[$USERNAME$]</b></font></a></center>  

  <center>  
<table border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="17" background="http://apocalypse.ucoz.kz/border/1.png" height="17">
</td>
<td background="http://apocalypse.ucoz.kz/border/2.png" height="17">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/border/3.png" height="17">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/border/4.png">
</td>
<td>

<?if($AVATAR_URL$)?><a title="Просмотреть профиль $USERNAME$" href="$PROFILE_URL$"><img src="$AVATAR_URL$" border="0" width="80px"></a><?else?><a title="Просмотреть профиль $USERNAME$" href="$PROFILE_URL$"><img src="http://apocalypse.ucoz.kz/images/noavatar.png" width="80px" border="0"></a><?endif?>  

  </td>
<td width="17" background="http://apocalypse.ucoz.kz/border/5.png">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/border/6.png" height="17">
</td>
<td background="http://apocalypse.ucoz.kz/border/7.png" height="17">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/border/8.png" height="17">
</td>
</tr>
</tbody></table>  
  </center>  

  <center>  
  <input onclick="$('#info$ID$').slideToggle('slow');" href="javascript://" type="button" value="Подробнее">  
  <div id="info$ID$" style="display:none">  

  <center>  
  <table border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="17" background="http://apocalypse.ucoz.kz/border/1.png" height="17">
</td>
<td background="http://apocalypse.ucoz.kz/border/2.png" height="17">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/border/3.png" height="17">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/border/4.png">
</td>
<td>

<?if($YAHOO$)?><DIV class="numposts"><img title="Питомец пользователя" width="50px" src="http://apocalypse.ucoz.kz/images/pets/$YAHOO$.gif"></DIV><?else?><img title="Питомец не выбран. Выбрать его можно при редактировании своего профиля" width="50px" src="http://apocalypse.ucoz.kz/images/pets/nopet.png"><?endif?>  

  </td>
<td width="17" background="http://apocalypse.ucoz.kz/border/5.png">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/border/6.png" height="17">
</td>
<td background="http://apocalypse.ucoz.kz/border/7.png" height="17">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/border/8.png" height="17">
</td>
</tr>
</tbody></table>  
  </center>  

  <center><br>$USER_RANK_ICON$</center>  

  <?if($GROUP_ICON$)?><br>$GROUP_ICON$<br><?endif?>  

  <?if($POSTS$)?><br><b>[Постов]</b><br>« $POSTS$ »<?endif?>

   

  <script type="text/javascript">
  function checkajax$ID$(){
  forms=document.getElementsByTagName('form');
  for(f=0;f<forms.length;f++){
  if(forms[f].id=='frm981'){
  if(repval=='minus'){document.getElementById('a1').checked='true';
  forms[f].reason.value='Тьфу на тебя, за твой ответ в теме: '+window.location.href;
  document.getElementById('submfrm981').click();
  document.getElementById('sbt981').onclick=null;
  clearInterval(ajaxtime);}// by Vanofuture
  else{document.getElementById('a2').checked='true';
  forms[f].reason.value='Спасибо за ответ в теме: '+window.location.href;
  document.getElementById('submfrm981').click();
  document.getElementById('sbt981').onclick=null;
  clearInterval(ajaxtime);}}}}
  </script>
  <b>[Репутация]</b><br><?if($DO_REP_URL$)?><a href="$DO_REP_URL$"><img onclick="repchange('plus','$ID$');" align="absmiddle" title="Повысить репутацию за пост в этой теме" src="http://src.ucoz.net/img/icon/plus.png" border="0" /></a><?endif?> <a title="Смотреть историю репутации" href="$READ_REP_URL$">« $REP_RATING$ »</a> <?if($DO_REP_URL$)?><a href="$DO_REP_URL$"><img onclick="repchange('minus','$ID$');" title="Понизить репутацию за пост в этой теме" align="absmiddle" src="http://src.ucoz.net/img/icon/minus.png" border="0" /></a><?endif?>  

  <?if($READ_BAN_URL$)?><br><br><b>[Замечания]</b><br><a title="Смотреть историю замечаний" href="$READ_BAN_URL$">« $BAN_RATING$</a> <?if($DO_BAN_URL$)?><a title="Изменить уровень замечаний" href="$DO_BAN_URL$">±</a><?endif?> »<?endif?>  
  <?if($AWARDS_READ_URL$)?><br><br><b>[Дополнительные награды]</b><br><a href="$AWARDS_READ_URL$" title="Список дополнительных наград"><span class="repNums">« $AWARDS$</b></span></a> <?if($AWARDS_DO_URL$)?><a href="$AWARDS_DO_URL$"><span style="font-size:10pt" title="Вручить дополнительную награду"><b>+</b></span></a><?endif?> »<hr><?endif?>  
  </div><br><hr>  
  <?if($USER_STATUS$)?>$USER_STATUS$<?endif?>  
  <hr>$USER_DETAILS_ICON_BAR$ $ON_TOP_ICON$ $DEL_ENTRY_FIELD$  
  </center>  

  </td>
<td width="40" background="http://apocalypse.ucoz.kz/border/border4.png">
</td>
</tr>
<tr>
<td width="40" background="http://apocalypse.ucoz.kz/border/border7.png" height="40">
</td>
<td background="http://apocalypse.ucoz.kz/border/border6.png" height="40">
</td>  
<td width="40" background="http://apocalypse.ucoz.kz/border/border5.png" height="40">
</td>
</tr>
</tbody></table>  
  </center>  

  </td>  

  <td bgcolor="333333">  

  <center>  
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="40" background="http://apocalypse.ucoz.kz/border/border1.png" height="40">
</td>
<td background="http://apocalypse.ucoz.kz/border/border2.png" height="40">
</td>  
<td width="40" background="http://apocalypse.ucoz.kz/border/border3.png" height="40">
</td>
</tr>
<tr>
<td width="40" background="http://apocalypse.ucoz.kz/border/border8.png">
</td>
<td>  

  <?if($USER_IP$)?><div align="center"><a href="http://www.ripe.net/perl/whois?$USER_IP$" target="_blank"><font color="aaaaaa">[$USER_IP$]</font></a></div><?else?><?endif?>  
  <hr>  
  <div id="qMessege$ID$"><a title="Сообщение оставлено: $DATE$ в $TIME$ ($WDAY$)"><font color="bababa"><br>  $MESSAGE$  <br><br></font></a></div>  

  <center>  
  <?if($ATTACHMENT$)?>  
  <br><hr>  
  <input onclick="$('#attach$ID$').slideToggle('slow');" href="javascript://" type="button" value="Показать прикрепления">  
  <div id="attach$ID$" style="display:none">  
  <br>  
  $ATTACHMENT$  
  </div>  
  <?endif?>  
  <hr>  
  $ENTRY_MANAGE_ICON_BAR$  
  </center>  

  </td>
<td width="40" background="http://apocalypse.ucoz.kz/border/border4.png">
</td>
</tr>
<tr>
<td width="40" background="http://apocalypse.ucoz.kz/border/border7.png" height="40">
</td>
<td background="http://apocalypse.ucoz.kz/border/border6.png" height="40">
</td>  
<td width="40" background="http://apocalypse.ucoz.kz/border/border5.png" height="40">
</td>
</tr>
</tbody></table>  
  </center>  

  </table>


Всё, вид материалов готов. Осталось лишь внедрить скрипт для плавного изменения прозрачности. В Общих страницах форума между head и /head вставляйте:
Код
<?if($USER_AGENT$='ie')?><?else?>  
  <script src="http://apocalypse.ucoz.kz/js/opacity.js"></script>  
  <script type="text/javascript">  
  fadeOpacity.addRule('oR1', .5, 1, 50);  
  </script><?endif?>


Все папки из прикреплённого архива залейте в корень файлового менеджера

Материал подготовлен Apocalypse
Категория: Скрипты by Apocalypse | Добавил: Apocalypse | Теги: материалов, Apocalypse, форума, вид, ucoz, by, для, новый
Просмотров: 326 | Загрузок: 0 | Рейтинг: 1.0/1
Всего комментариев: 0
Имя *:
Email: