Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Переключение Тем и Комментариев на форуме.
+
Всем привет, думаю многим уже принадоел стандартный переключатель Тем и Комментов в теме на форуме!... Ну так вот мы заменим его на свой, скрипт также не отображается и скрываются кнопки если нет ничего для переключения!.

Установка:
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 по МСК
Категория: Форум
Просмотров: 782
Комментариев: 0
Эмоций:
  • Оценки читателей

    ЗАКРЫТЬ
    • 0 Лайк
    • 0 Лавки
    • 0 Ахахах!
    • 0 Ого!
    • 0 Восторг
    • 0 Печаль
    • 0 Грусняшь

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]