+
Всем привет, думаю многим уже принадоел стандартный переключатель Тем и Комментов в теме на форуме!... Ну так вот мы заменим его на свой, скрипт также не отображается и скрываются кнопки если нет ничего для переключения!.
Установка: 1. Для переключения тем добавим (Общий вид Страниц форума):
Код
<?if($PAGE_ID$='forum')?><div id="uFThemPrev">Назад</div><div id="uFThemNext">Вперед</div><?endif?>
2. Для переключения Комментариев в теме добавим (Вид материалов форума):
Код
<div id="uFThemPrev">Назад</div><div id="uFThemNext">Вперед</div>
3. Добавим куда угодно .js код:
Код
<script type="text/javascript">
var ThemNext = $('.switchNext').html();
if(ThemNext == "»") {
$('div#uFThemNext').click(function(){ location.href=$('a.switchNext:first').attr('href'); });
} else {
$('div#uFThemNext').hide();
};
var ThemPrew = $('.switchBack').html();
if(ThemPrew == "«") {
$('div#uFThemPrev').click(function(){ location.href=$('a.switchBack:first').attr('href'); });
} else {
$('div#uFThemPrev').hide();
};
</script>
P.s Вы также можете скрыть родной переключатель добавив в CSS -
.switches {display:none;} 3. Все что нам остается Так это Стилизовать Кнопки
#uFThemPrev и
#uFThemNext посредством CSS под ваш стиль сайта!..
При копирования Материала указываем источник
uCodes.ru
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Best_Studio
Дата добавления: 14.01.2016 в 12:28 по МСК
Категория: Форум
Просмотров: 801
Комментариев: 0
Эмоций:
-
Оценки читателей
ЗАКРЫТЬ
- 0 Лайк
- 0 Лавки
- 0 Ахахах!
- 0 Ого!
- 0 Восторг
- 0 Печаль
- 0 Грусняшь
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]