Полезная информация


----

Начать новую тему Ответить на тему
АвторСообщение

 Сообщение Плавная прокрутка 2(стрелка вверх) 
#1 

Аватар пользователя

Введение

В одной из тем данного раздела я рассматривал уже плавную прокрутку вниз и вверх. Сегодня хочу поделиться новым найденным скриптом для этого дела. Он малость отличается от рассмотренного ранее тем, что у него отсутствует стрелка вниз. Работает он следущим образом - когда пользователь находится вверху страницы форума, то стрелка скрыта, но стоит ему немного прокрутить страницу вниз, как плавно появляется стрелочка, в правом нижнем углу монитора, при нажатии на которую, страница плавно прокручивается до самого верха. Впринципе потестировать данный скрипт вы можете и на нашем форуме.
Установка

Установка так же проще некуда, скачиваем архив и распаковываем единственный скрипт в корень форума, а так же находим красивую стрелочку, называем ее arrow_up.png и так же ложим в корень форума.
Вложение :
Комментарий к файлу: Скрипт плавной прокрутки для форума phpbb3
scrolltopcontrol.rar [1.68 KiB]
Скачиваний: 281

После открываем файл /styles/ваш стиль/template/overall_header.html и находим следущий код(инструкция будет доступна тем, кто набрал 10 сообщений на нашем Форуме)
 

Добавляем перед
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="scrolltopcontrol.js"></script>
 

После всех правок не забываем чистить кеш в админке и радоваться результатам :?

Для phpBB 3.1 / Ascraeus данный скрипт сконвертирован в расширение, скачать можно


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 

#2 

Аватар пользователя

А старую удалять надо.... :x


          Вернуться наверх  
 

#3 

Аватар пользователя

Разумеется, там и удалять то нечего :smile:


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 

#4 

Аватар пользователя

Можно еще картинку arrow_up.png и scrolltopcontrol.js вложить в папку, например назовем ее scroll
Далее редактируем файл scrolltopcontrol.js
Строка 12
controlHTML: '<img src="scroll/arrow_up.png" style="width:38px; height:38px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
 

т.е. добавили scroll/
и...
Строка 59
.attr({title:'Прокрутка Вверх'})
 

Пишите что хотите вместо Scroll Back to Top ! Лучше на русском языке !
И последнее, то что мы добавили в overal_header.html
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="scrolltopcontrol.js"></script>
 

Так же не забываем перед scrolltopcontrol.js" добавить scroll/

Вот и все ! Графическую кнопку, подберите к своему сайту. Просто не люблю я захламлять корень сайта ! А так можно и куда подальше закинуть, на Ваше усмотрение


          Вернуться наверх  
 

#5 

Аватар пользователя

Пасиба за еще одну инструкцию, я у себя так же делаю обычно - скрипты в одну папку, картинки в другую :co_ol:


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 

#6 

Аватар пользователя

А Вам спасибо за идею и за скрипт !


          Вернуться наверх  
 

#7 

Аватар пользователя

Не знаю какая была первая плавная прокрутка (так как её уже на форуме нет), но эта мне нравится. Буду корячиться (то есть устанавливать).
Проще простого некоторым, а мне труднее сложного. Читаю твои пояснения ПО БУКВАМ.


          Вернуться наверх  
 

#8 

Аватар пользователя

Ну насчет этой прокрутки - то легче некуда, пара строк в один файл и все работает


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 

#9 

Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

Всем привет, теперь что флудить надо, что бы посмотреть тему(


          Вернуться наверх  
 


Аватар пользователя

Не в обиду сказано - на готовенькое все горазды налететь, а народ надо расшевеливать как то, чтобы и другие прочитав, поняли что это не трудно, потом начнете задавать свои вопросы и получать ответы, народ нынче скромный пошел, взял что надо и ушел, а мне интересно их мнение по поводу скриптов и модификаций, поэтому и скрыты некоторые ключевые моменты дабы раскрепостить новичков


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

мне вот интересно, а можешь сделать этот скрипт чтоб такая же стрелочка была рядом с этой ну и конечно со стрелкой вниз, которая бы проматывала не доконца вниз, а самый лучший вариант к форме ответа) для тех у кого стоит конечно быстрый ответ))))


          Вернуться наверх  
 


Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

офф топик
я выиграл мани в лотерею, чё сними делать???


          Вернуться наверх  
 


Аватар пользователя

estray писал(а):

а можешь сделать этот скрипт чтоб такая же стрелочка была рядом с этой ну и конечно со стрелкой вниз,

Вот есть скрипт - viewtopic.php?f=144&t=606 -- но это нельзя так настроить чтобы он докручивал до БО, нужно якоря делать, с этим долго придется разбираться
estray писал(а):

я выиграл мани в лотерею, чё сними делать???

Ну это как бы развлекающая составляющая форума, можно в магазине какую нибудь штуку купить, либо в покер поиграть


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

Спасибо за дополнение к форуму, давно думал прикрутить стрелку.


          Вернуться наверх  
 


Аватар пользователя

Всегда пожалуйста, рад, что не только мне пригодился этот скрипт))


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

тоже взял ))) пасибо


          Вернуться наверх  
 


Аватар пользователя

И у меня получилось. Спасибо :ki_ss:


          Вернуться наверх  
 


Аватар пользователя

Рад за вас, молодцы))


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

А как изменить координаты расположения стрелки? А то на просильвере неудачно получается, так как стрелка лежит на границе "сообщение" - "белый фон".

Upd: Уже нашел. В файле scrolltopcontrol.js параметры:
controlattrs: {offsetx:5, offsety:5}
 



Информация о редактировании
Последний раз редактировалось Alexander 15 ноя 2012, 19:50, всего редактировалось 1 раз.
          Вернуться наверх  
 


Аватар пользователя

Пасиба, пригодится))


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя Плавная Прокрутка(стрелки вверх и вниз)
В данной статье я расскажу каким образом добавить на форум phpbb3 плавную прокрутку вверх и вниз, а так же самостоятельно добавить стрелочки

DeaDRoMeO

69

6710

Аватар пользователя

08 фев 2017, 18:36

DeaDRoMeO

Аватар пользователя Banner Scroll Mod phpbb3 (Прокрутка баннеров на главной)
Banner Scroll Mod - модификация для phpbb3, добавляющая на главную страницу форума блок, в котором прокручиваются баннеры рекламодателей

DeaDRoMeO

68

4314

Аватар пользователя

30 апр 2017, 13:17

SergeiS

Аватар пользователя Стрелки вверх и вниз

Рубцовск

4

457

Аватар пользователя

21 окт 2014, 06:33

Лена

Аватар пользователя Кнопка "вверх" для Белка
Специально для Белка

Милена

2

652

Аватар пользователя

15 янв 2015, 08:43

белк

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


Самая неформальная поддержка phpBB :P