Добро пожаловать на Pro Pawn - Портал о PAWN-скриптинге.
Показано с 1 по 4 из 4
  1. #1
    Аватар для Salvacore
    Инжунер-погромист

    Статус
    Оффлайн
    Регистрация
    10.05.2013
    Адрес
    Аҧсуа бызшәа
    Сообщений
    2,271
    Репутация:
    418 ±

    Делаем кнопку "Вверх"

    Чтобы сделать подобную кнопку, необходимо добавить в шаблон globalTemplate (перед </head>) следующий скрипт:
    PHP код:
    <script type="text/javascript">
    jQuery(document).ready(function() {

    // Виджет кнопки вверх (Test-Templates)
    // Версия 1.0

    jQuery('body').append('<div class="button-up" style="display: none;opacity: 0.7;width: 80px;height:100%;position: fixed;left: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;">▲ Вверх</div>');

    jQuery (window).scroll (function () {
    if (
    jQuery (this).scrollTop () > 100) {
    jQuery ('.button-up').fadeIn();
    } else {
    jQuery ('.button-up').fadeOut();
    }
    });

    jQuery('.button-up').click(function(){
    jQuery('body,html').animate({
    scrollTop0
    }, 800);
    return 
    false;
    });

    jQuery('.button-up').hover(function() {
    jQuery(this).animate({
    'opacity':'1',
    }).
    css({'background-color':'#e7ebf0','color':'#6a86a4'});
    }, function(){
    jQuery(this).animate({
    'opacity':'0.7'
    }).css({'background':'none','color':'#d3dbe4'});;
    });

    });
    </script> 
     Скрин
    Последний раз редактировалось Salvacore; 29.05.2014 в 02:33.

  2. #2
    Аватар для MrBurn
    Пользователь

    Статус
    Оффлайн
    Регистрация
    12.05.2014
    Сообщений
    37
    Репутация:
    3 ±
    На скрине она залазит на шаблон

  3. #3
    Аватар для Salvacore
    Инжунер-погромист

    Статус
    Оффлайн
    Регистрация
    10.05.2013
    Адрес
    Аҧсуа бызшәа
    Сообщений
    2,271
    Репутация:
    418 ±
    Цитата Сообщение от MrBurn Посмотреть сообщение
    На скрине она залазит на шаблон
    http://breedpmnr.ru/6EEA5F - Белая потому что нажата.

  4. #4
    Аватар для Osetin
    •Администратор•

    Статус
    Оффлайн
    Регистрация
    26.03.2013
    Адрес
    ♔Osetia, Vladikavkaz♔
    Сообщений
    3,432
    Репутация:
    1093 ±
    Можно еще кнопку ''Вниз добавить''
    PHP код:
    <script type="text/javascript">
    jQuery(document).ready(function() {

    // Виджет кнопки вниз (Test-Templates)
    // Версия 1.0

    jQuery('body').append('<div class="button-down" style="display: none;opacity: 0.7;width: 80px;height:100%;position: fixed;right: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;">▼ Вниз</div>');

    jQuery (window).scroll (function () {
    if (
    jQuery (this).scrollTop () >= 0) {
    jQuery ('.button-down').fadeIn();
    } else {
    jQuery ('.button-down').fadeOut();
    }
    });

    jQuery('.button-down').click(function(){
    jQuery("html, body").animate({ scrollTopjQuery("#fast_reply_wrapper").offset().top }, 800);
    return 
    false;
    });

    jQuery('.button-down').hover(function() {
    jQuery(this).animate({
    'opacity':'1',
    }).
    css({'background-color':'#e7ebf0','color':'#6a86a4'});
    }, function(){
    jQuery(this).animate({
    'opacity':'0.7'
    }).css({'background':'none','color':'#d3dbe4'});;
    });

    });
    </script> 

 

 

Информация о теме

Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •