На главную Форум Вход Регистрация
Новый Вид материалов Форума - Форум чат общение
ПОПУЛЯРНЫЕ ТЕМЫ
[Игра] 15 +
Оставлено 179 сообщений в теме
досчитай до 100
Оставлено 99 сообщений в теме
Как разыграть друга в в...
Оставлено 72 сообщений в теме
[Игра] Города
Оставлено 68 сообщений в теме
Сигны в формате psd
Оставлено 45 сообщений в теме
[Игра] Поставить + выше...
Оставлено 44 сообщений в теме
Раздача WMB
Оставлено 41 сообщений в теме
 

Страница 1 из 11
Форум чат общение » Центр помощи по развитию 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 из 11
Поиск:

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

Вверх