[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Все для вебмастера » Скрипты для веб-мастера » Новый Вид материалов Форума by Apocalypse для uCoz (Стоит на нашем форуме)
Новый Вид материалов Форума by Apocalypse для uCoz
[ella1976]

Offline



Что нового:

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

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

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

Источник http://proucoz.com


Форум » Все для вебмастера » Скрипты для веб-мастера » Новый Вид материалов Форума by Apocalypse для uCoz (Стоит на нашем форуме)
  • Страница 1 из 1
  • 1
Поиск: