Меню Форума

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

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

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

◀

«Смайлы мешают вставки текста.»

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, на форуме: «Скрипты разное»

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

◀

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

реклама 4

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

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

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

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

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

Сообщений: 134

Новокузнецк

2 дня назад

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

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

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