287

Рейтинг: 0.0/0

Метки

Опрос: Чего добавлять больше?

Главная » 2011 » Март » 7 » Кнопка скрытия поста для форума

Итак,установка не займёт много времени,и особых знаний не потребуется.

1. Открываем Панель управления сайтом и заходим в шаблон "Форум - Вид материалов". В самом начале кода этого шаблона вставляем:

Code

<div class="pane">

а в самом конце закрывающий тег:

Code

</div>

В самом коде шаблона нужно вставить теперь картинку ,по клике на которую и будет растворяться сообщение форума. Я вставил ее после строки (zoom_out.png) :

Code

</td><td class="posttdMessage" valign="top">$MESSAGE$

вот что получилось:

Code

</td><td class="posttdMessage" valign="top">$MESSAGE$
<img src="/zoom_out.png" alt="Скрыть этот пост" title="Скрыть этот пост" class="delete" />

Здесь всё. Переходим в шаблон "Общий вид страниц форума" и в секцию HEAD вставляем:

Code

<script type='text/javascript' src='/jquery-1.4.min.js'></script>

<script type="text/javascript">
$(document).ready(function(){

     $(".pane .delete").click(function(){
     $(this).parents(".pane").animate({ opacity: 'hide' }, "slow");
     });

});
</script>

Осталось прописать в файле стилей CSS несколько строк:

Code

.pane {
     background: #fff;
     padding: 10px 10px 10px;
}
.pane .delete {
     float:right;
     cursor: pointer;
}

Вот и всё. Картинку можете заменить на свою.

Ссылка:

BB-код:

HTML-код:

Ещё по теме:

Всего комментариев: 0

Оставь комментарий первым!