КНОПКА "ВВЕРХ" ДЛЯ INSTANT CMS — "Весёлая жизнь"
-->
  • 8 февраля 2018Стало известно, сколько заработал Путин за 6 лет
  • 8 февраля 2018Кудрин рассказал о повышении пенсионного возраста
  • 2 января 2018Как варить фасоль быстро
  • 2 января 2018Почему Навальный не может баллотироваться в Президенты?
  • 31 декабря 2017Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия
  • 21 марта 2016ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ
  • 15 марта 2016Кузбассовцев зовут бороться с наркотиками
Стало известно, сколько заработал Путин за 6 лет 8 февраля 2018 | 0 комментариев
Стало известно, сколько заработал Путин за 6 лет
   Президент России Владимир Путин за последние 6 лет заработал более 38,5 млн рублей. Такие данные появились в декларации на сайте Центральной избирательной комиссии.
Подробнее
Кудрин рассказал о повышении пенсионного возраста 8 февраля 2018 | 0 комментариев
Кудрин рассказал о повышении пенсионного возраста
   Экс-министр финансов, председатель совета Центра стратегических разработок Алексей Кудрин рассказал, что повышение пенсионного возраста для россиян неизбежно. Кудрин считает, что для развития...
Подробнее
Как варить фасоль быстро 2 января 2018 | 0 комментариев
Как варить фасоль быстро
1.          Залейте  фасоль  очень холодной водой и поставьте на средний огонь. Не накрывайте кастрюлю крышкой, иначе она приобретет  темный  и...
Подробнее
Почему Навальный не может баллотироваться в Президенты? 2 января 2018 | 0 комментариев
Почему Навальный не может баллотироваться в Президенты?
 Добрый день уважаемые друзья! Мне недавно задали вопрос, почему Навальный не может баллотироваться в Президенты? Честно говоря я тоже слышал об этом, но не вникал. Согласитесь, при его...
Подробнее
Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия 31 декабря 2017 | 0 комментариев
Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия
  Президент России Владимир Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия, а также перемен к лучшему в каждой семье, поскольку Новый...
Подробнее
ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ 21 марта 2016 | 0 комментариев
ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ
  В конце минувшей недели на сайте OnlinePetition  появилась петиция, обращённая к президенту Владимиру Путину , с просьбой о переносе столицы Кузбасса из Кемерова в Новокузнецк.
Подробнее
Кузбассовцев зовут бороться с наркотиками 15 марта 2016 | 0 комментариев
Кузбассовцев зовут бороться с наркотиками
  В регионе с 14 по 25 марта проходит антинаркотическая акция "Сообщи, где торгуют смертью".
Подробнее
 
 
Новости форума
27 февраля 2019, на форуме: «Создать сайт на Instant CMS 2+»
Председатель начинает тему:
1 сентября 2018, на форуме: «WordPress – Создание сайта с нуля.»
Председатель начинает тему:
22 августа 2018, на форуме: «Скрипты разное»
Председатель начинает тему:
25 июня 2018, на форуме: «Строительство + я»
Просто Мария начинает тему:
реклама 4
 

КНОПКА "ВВЕРХ" ДЛЯ INSTANT CMS

Тонкости и хитрости
#1
Администратор Вип участник
Председатель
Аттестат псевдонима Формальный аттестат Начальный аттестат
Сообщений: 118
Новокузнецк
92 дня назад
Многие разработчики умничают, что не стоит заострять внимание на подобных мелочах. Но, что есть мелочи, весь рабочий код код состоит из набора мелочей, слаженно функционирующих между собой.
И так рецепт кнопки.
Нам потребуется:
notepad++, filezilla и мышка, чтоб скопировать отсюда код и вставить его себе.

Открываем блокнот, создаем новый документ, прописываем в нём следующее:
Код PHP:
  1. $(function () {
  2. $(window).scroll(function () {
  3. if ($(this).scrollTop() > 100) $('a#move_up').fadeIn();
  4. else $('a#move_up').fadeOut(400);
  5. });
  6. $('a#move_up').click(function () {
  7. $('body,html').animate({
  8. scrollTop: 0
  9. }, 800);
  10. return false;
  11. });
  12. });
  13.  
алее сохраняем этот документ по названием move_up.js - это скрипт, о чём собственно свидетельствует расширение файла.
Запускаем filezilla, идем по ftp в папку /templates/ВАШ ШАБЛОН/js, т.е в папку скриптов действующего шаблона. Переносим в него созданный документ.

Далее, той же filezilla забираем с сервера из папки стилей /templates/ВАШ ШАБЛОН/css файл styles.css.

Открываем его тем же блокнотом. Листаем вниз, в конец кода и прописываем следующее:
Код PHP:
  1. a#move_up {
  2. position: fixed;
  3. bottom: 15px;
  4. right: 15px;
  5. display: none;
  6. width: 90px;
  7. height: 21px;
  8. text-align: center;
  9. font: 12px Tahoma;
  10. text-decoration: none;
  11. color: #ffffff;
  12. background: #83ca70;
  13. padding-top:5px;
  14. opacity:0.9;
  15. filter: alpha(opacity=90);
  16. }
  17. a#move_up:hover {
  18. color: #ffffff;
  19. background: #529fcb;
Сохраняем и возвращаем обратно с "переписать с заменой".

Теперь самое интересное. Есть несколько способов заставить работать этот скрипт.
Способ №1

Открываем статью с большим количеством комментариев и через функцию "источник" добавляем следующую строку:
Код PHP:
  1. <a id="move_up" href="#">Наверх</a>
НО, в этом случае скрипт будет срабатывать только на данной странице. Соответственно кнопка будет видна только там, где прописана эта строчка.

Способ №2

Поскольку сайты на instant cms имеют удобный модульный вид. Открываем "сквозной" модуль, который присутствует на всех страницах сайта. В нашем случае, это нижний модуль с банером. Прописываем в него ту же строчку:
Код PHP:
  1. <a id="move_up" href="#">Наверх</a>
и... вуаля, кнопка на всех страницах сайта без исключения.

Пользуйтесь! [Ссылки скрыты от гостей Зарегистрируйтесь.]
Перейти на форум:
Другие темы:

Наш "У дачный сайт" всегда Вам рады.

 Быстрый ответ. Перед написанием Ознакомьтесь с правилами Форума..

вы не можите писать на форуме.   Нобходима  регистрация.

Возникли вопросы пишите !!!) 

Яндекс.Метрика

наверх