Новый Вид материалов Форума

ПОПУЛЯРНЫЕ ТЕМЫ

[Игра] 15 +
Оставлено 179 сообщений в теме

досчитай до 100
Оставлено 99 сообщений в теме

Как разыграть друга в в...
Оставлено 72 сообщений в теме

Сигны в формате psd
Оставлено 70 сообщений в теме

[Игра] Города
Оставлено 69 сообщений в теме

[Игра] Поставить + выше...
Оставлено 44 сообщений в теме

Раздача WMB
Оставлено 41 сообщений в теме

Правила Свежие темы (0) Поиск CHIPA #LIVE ® | Футбол, ставки на спорт онлайн

Страница 1 из 1
1

Форум чат общение » Центр помощи по развитию web ресурсов » Форум » Новый Вид материалов Форума (Для ucoz by Apocalypse)

Новый Вид материалов Форума

Support@NC

Дата: Понедельник, 18.07.2011, 19:20 | Сообщение # 1

Создатель топика

NN-CS.3DN.Ru Агент

Администратор

Сообщений: 0

Репутация: 54

Награды: 8

Что нового:

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

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

А) Зайдите в шаблон Форма регистрации пользователей и замените там:

Code

<?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?>

на:

Code

<?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?>

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

Всё, настройка питомцев завершена. Теперь пользователи смогут выбирать питомцев при регистрации и редактировании профиля. Переходим к виду материалов Форума. Заменяем там весь код на:

Code

<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?><p>

      <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 вставляйте:

Code

<?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?>

Всё, теперь можно наслаждаться новеньким форумом

P.S. Если у кого то не подходит к основному дизайну - отредактируйте все цвета под себя. Как сделать? Просто укажите нужные цвета в участках кода типа: td bgcolor ="333333". В данном случае у нас цвет Тёмно-серый

Служба поддержки NN-CS.3DN.Ru Агент

Форум чат общение » Центр помощи по развитию web ресурсов » Форум » Новый Вид материалов Форума (Для ucoz by Apocalypse)

Страница 1 из 1
1

Как писать сообщения и создавать свои темы на форуме?