КНОПКА "ВВЕРХ" ДЛЯ INSTANT CMS — "Весёлая жизнь"

 

-->
  • 2 января 2018Как варить фасоль быстро
  • 2 января 2018Почему Навальный не может баллотироваться в Президенты?
  • 31 декабря 2017Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия
  • 21 марта 2016ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ
  • 15 марта 2016Кузбассовцев зовут бороться с наркотиками
  • 22 декабря 2015В Кузбассе горят дачные домики
  • 7 декабря 2015В Госдуме предложили запретить продажу табака до 21 года
Как варить фасоль быстро 2 января 2018 | 0 комментариев
Как варить фасоль быстро
1.          Залейте  фасоль  очень холодной водой и поставьте на средний огонь. Не накрывайте кастрюлю крышкой, иначе она приобретет  темный  и...
Подробнее
Почему Навальный не может баллотироваться в Президенты? 2 января 2018 | 0 комментариев
Почему Навальный не может баллотироваться в Президенты?
 Добрый день уважаемые друзья! Мне недавно задали вопрос, почему Навальный не может баллотироваться в Президенты? Честно говоря я тоже слышал об этом, но не вникал. Согласитесь, при его...
Подробнее
Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия 31 декабря 2017 | 0 комментариев
Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия
  Президент России Владимир Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия, а также перемен к лучшему в каждой семье, поскольку Новый...
Подробнее
ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ 21 марта 2016 | 0 комментариев
ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ
  В конце минувшей недели на сайте OnlinePetition  появилась петиция, обращённая к президенту Владимиру Путину , с просьбой о переносе столицы Кузбасса из Кемерова в Новокузнецк.
Подробнее
Кузбассовцев зовут бороться с наркотиками 15 марта 2016 | 0 комментариев
Кузбассовцев зовут бороться с наркотиками
  В регионе с 14 по 25 марта проходит антинаркотическая акция "Сообщи, где торгуют смертью".
Подробнее
В Кузбассе горят дачные домики 22 декабря 2015 | 1 комментарий
В Кузбассе горят дачные домики
    Каждый день пожарные фиксируют случаи возгорания.
Подробнее
В Госдуме предложили запретить продажу табака до 21 года 7 декабря 2015 | 0 комментариев
В Госдуме предложили запретить продажу табака до 21 года
Москва. 7 декабря. INTERFAX.RU — Сенатор Антон Беляков внес в Госдуму законопроект, запрещающий курить людям, не достигшим 21 года, сообщаетпресс-служба   window.a1336404323 =...
Подробнее
Новости форума
3 января 2018, на форуме: «Инстант ЦМС 1.10+»
Председатель начинает тему:
14 декабря 2017, на форуме: «Инстант ЦМС 1.10+»
Председатель начинает тему:

Хостнг Джно самый оптмальный, Дешевый.

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

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

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

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

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

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

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

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

наверх