Меню Форума

Новости форума

5 апреля 2024, на форуме: «Создать сайт на Instant CMS 2+»

Председатель начинает тему:

◀

«Сборка Сайта Для Гида-Экскурсовода»

8 марта 2024, на форуме: «Создать сайт на Instant CMS 2+»

Председатель отвечает в теме: «Компонент знакомства для 2ки.»

◀

Сайт знакомств, сборка на последней версии InstantCMS 2.16.2, сборка продается как есть, могу помочь с установкой. Поддержки разработки не производится. Магазин Здесь Дэмо ффффффффффф

3 февраля 2024, на форуме: «Создать сайт на Instant CMS 2+»

Председатель отвечает в теме: «[РЕШЕНО] Знакомства для двойки.»

◀

Продолжение темы здесь. Знакомства 2+

26 марта 2023, на форуме: «Все для системы сайтов CMS chameleon (Хамелеон)»

Председатель начинает тему:

◀

«Авто обновление страницы сайта»

3 марта 2023, на форуме: «Все для системы сайтов CMS chameleon (Хамелеон)»

Председатель начинает тему:

◀

«Хук для добавления гиф подарков»

1 марта 2023, на форуме: «Все для системы сайтов CMS chameleon (Хамелеон)»

Председатель начинает тему:

◀

«OAuth авторизация на chameleon»

8 декабря 2022, на форуме: «Скрипты разное»

Василий начинает тему:

◀

«Простая ( банерокрутилка ) Ротатор»

3 апреля 2020, на форуме: «Создать сайт на Instant CMS 2+»

Иван Слипченко отвечает в теме: «аватары вместо иконок»

◀

Прикольно!

реклама 4

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

Тонкости и хитрости

6 декабря 2015, воскресенье

Председатель

Администратор Вип участник

Сообщений: 133

Новокузнецк

26 дней назад

Многие разработчики умничают, что не стоит заострять внимание на подобных мелочах. Но, что есть мелочи, весь рабочий код код состоит из набора мелочей, слаженно функционирующих между собой.
И так рецепт кнопки.
Нам потребуется:
notepad++, filezilla и мышка, чтоб скопировать отсюда код и вставить его себе.

Открываем блокнот, создаем новый документ, прописываем в нём следующее:

Код PHP:

$(function () {  
    $(window).scroll(function () { 
        if ($(this).scrollTop() > 100) $('a#move_up').fadeIn();  
        else                           $('a#move_up').fadeOut(400);  
    }); 
    $('a#move_up').click(function () { 
        $('body,html').animate({  
		scrollTop: 0 
		}, 800);  
        return false; 
    }); 
});

алее сохраняем этот документ по названием move_up.js - это скрипт, о чём собственно свидетельствует расширение файла.
Запускаем filezilla, идем по ftp в папку /templates/ВАШ ШАБЛОН/js, т.е в папку скриптов действующего шаблона. Переносим в него созданный документ.

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

Открываем его тем же блокнотом. Листаем вниз, в конец кода и прописываем следующее:

Код PHP:

a#move_up { 
   position: fixed; 
   bottom: 15px;
   right: 15px;
   display: none;
   width: 90px; 
   height: 21px;  
   text-align: center; 
   font: 12px Tahoma; 
   text-decoration: none; 
   color: #ffffff; 
   background: #83ca70; 
   padding-top:5px; 
   opacity:0.9; 
   filter: alpha(opacity=90); 
} 
a#move_up:hover { 
   color: #ffffff; 
   background: #529fcb;

Сохраняем и возвращаем обратно с "переписать с заменой".

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

Открываем статью с большим количеством комментариев и через функцию "источник" добавляем следующую строку:

Код PHP:

<a id="move_up" href="#">Наверх</a>

НО, в этом случае скрипт будет срабатывать только на данной странице. Соответственно кнопка будет видна только там, где прописана эта строчка.

Способ №2

Поскольку сайты на instant cms имеют удобный модульный вид. Открываем "сквозной" модуль, который присутствует на всех страницах сайта. В нашем случае, это нижний модуль с банером. Прописываем в него ту же строчку:

Код PHP:

<a id="move_up" href="#">Наверх</a>

и... вуаля, кнопка на всех страницах сайта без исключения.

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

Перейти на форум:

Другие темы:

Кнопки соц. сетей на форуме instantcms →

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

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

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

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