romarius 0 Опубликовано: 30 августа 2011 Рассказать Опубликовано: 30 августа 2011 Всем доброго времени суток. Сайт. Хочется завести себе такую же фишку как у контакта, а именно: при опускании вниз страницы, сбоку появляется кнопка "наверх". Кто подскажет - буду очень благодарен. Цитата Ссылка на сообщение Поделиться на других сайтах
WWW.ZEOS.IN 1 161 Опубликовано: 31 августа 2011 Рассказать Опубликовано: 31 августа 2011 У Вас на сайте так и сделано Цитата Ссылка на сообщение Поделиться на других сайтах
romarius 0 Опубликовано: 31 августа 2011 Рассказать Опубликовано: 31 августа 2011 Автор Да, уже позже сдалал. Спасибо. Цитата Ссылка на сообщение Поделиться на других сайтах
romarius 0 Опубликовано: 3 декабря 2011 Рассказать Опубликовано: 3 декабря 2011 Автор Сделал, только эта плавающая кнопка очень напрягает глаз.Подскажите как ее зафиксировать, скажем в нижней части страницы.Вот установка: 1. В файле main.tpl, перед тегом </head> вставляем следующий код: <script type="text/javascript"> (function(jq) { jq.autoScroll = function(ops) { ops = ops || {}; ops.styleClass = ops.styleClass || 'scroll-to-top-button'; var t = jq('<div class="'+ops.styleClass+'"></div>'), d = jq(ops.target || document); jq(ops.container || 'body').append(t); t.css({ opacity: 0, position: 'absolute', top: 0, right: 0 }).click(function() { jq('html,body').animate({ scrollTop: 0 }, ops.scrollDuration || 1000); }); $(window).scroll(function(){ var sv = d.scrollTop(); if (sv < 10) { t.clearQueue().fadeOut(ops.hideDuration || 200); return; } t.css('display', '').clearQueue().animate({ top: sv, opacity: 0.8 }, ops.showDuration || 500); }); }; })(jQuery); $(document).ready(function(){ $.autoScroll({ scrollDuration: 2000, showDuration: 600, hideDuration: 300 }); }); </script> 2. В файле стилей дописываем следующий css код: /*Кнопка наверх*/ .scroll-to-top-button{ background: #666 url("../images/ups.png") center center no-repeat; width: 32px; height: 32px; color: #fff; font-family: verdana; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; cursor: pointer; padding: 15px; margin: 20px; } 3. Скачиваем картинку и заливаем на сервер в templates/имя шаблона/images Цитата Ссылка на сообщение Поделиться на других сайтах
Slavchik.ru 17 Опубликовано: 4 декабря 2011 Рассказать Опубликовано: 4 декабря 2011 перенесите кнопку вправо - вниз, а как счас у вас - ооочень не удобно! Цитата Ссылка на сообщение Поделиться на других сайтах
romarius 0 Опубликовано: 4 декабря 2011 Рассказать Опубликовано: 4 декабря 2011 Автор перенесите кнопку вправо - вниз, а как счас у вас - ооочень не удобно! КАК? Об этом ивопрос))) Цитата Ссылка на сообщение Поделиться на других сайтах
Zdraff 4 Опубликовано: 4 декабря 2011 Рассказать Опубликовано: 4 декабря 2011 Поменяйте position с absolute на relative, вставьте код в нужном месте страницы, а потом уже ковыряйте стиль для тонкой настройки. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.