КНОПКА "ВВЕРХ" ДЛЯ 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 марта проходит антинаркотическая акция "Сообщи, где торгуют смертью".
Подробнее
 
 
Новости форума
1 сентября 2018, на форуме: «WordPress – Создание сайта с нуля.»
Председатель начинает тему:
22 августа 2018, на форуме: «Скрипты разное»
Председатель начинает тему:
25 июня 2018, на форуме: «Строительство + я»
Просто Мария начинает тему:
реклама 4
 

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

Тонкости и хитрости
#1
Администратор Вип участник
Председатель
Аттестат псевдонима Формальный аттестат Начальный аттестат
Сообщений: 117
Новокузнецк
5 дней назад
Многие разработчики умничают, что не стоит заострять внимание на подобных мелочах. Но, что есть мелочи, весь рабочий код код состоит из набора мелочей, слаженно функционирующих между собой.
И так рецепт кнопки.
Нам потребуется:
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>
и... вуаля, кнопка на всех страницах сайта без исключения.

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

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

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

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

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

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

наверх