[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Общие темы » Общие темы » Новый Вид материалов Форума by Apocalypse для uCoz
Новый Вид материалов Форума by Apocalypse для uCoz
БЕКХЭМДата: Вторник, 05.04.2011, 00:07 | Сообщение # 1
Сержант
Группа: Администраторы
Сообщений: 27
Награды: 0
Репутация: 0
Статус: Оффлайн

Что нового:

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('$USERNAME$, ','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?>

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




С Уважением всегда Ваш Друг - БЕКХЭМ
 
Форум » Общие темы » Общие темы » Новый Вид материалов Форума by Apocalypse для uCoz
  • Страница 1 из 1
  • 1
Поиск: