Кнопка плавной прокрутки вверх

[Yworld_garry]

Будет полезно у кого на форуме много разделов, это конечно мое мнение.

Адаптация :

1) Закидываем скрипты jQuery ( во вложении) в папку Themes/default/scripts/
2) Закидываем картинку( во вложении) в папку Themes/ваша тема/images/
3) Добавляем стили для кнопки
Открыть Themes/default(либо ваша тема)/css/index.css
В самый конец добавить

Код Выделить Развернуть

.scroll-to-top-button{
background: #666 url(../images/Upload.png) center center no-repeat;
width: 32px;
height: 32px;
color: #fff;
font-family: verdana;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
cursor: pointer;
padding: 15px;
margin: 20px;
}

4) Добавляем пару строк в файл /Themes/default(либо ваша тема)/index.template.php

Ищем (для 2 ветки)

Код Выделить Развернуть

<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?rc3"></script>

Выше вставляем

Код Выделить Развернуть

<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/jquery.min.js"></script>
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/125.js"></script>

Если используете плавающую панельку закладок(http://www.simplemachines.ru/index.php?topic=12033.0), то вставить только скрипт кнопки( в принципе можно объединить скрипты)

5) Добавим блок div для вызова кнопки в файл /Themes/default(либо ваша тема)/index.template.php

Вставить в удобное для вас место, например под копирайт

Код Выделить Развернуть

echo '
<div style="opacity: 0.8; position: absolute; top: 456px; right: 0px; display:none;" class="scroll-to-top-button"></div>';

Вроде ничего не забыл. Не забываем делать резервные копии файлов

Само творение http://jsfiddle.net/6mMU2/5/ ( правое поле прокрутите вниз)

Настройки в скрипте.

[Ломака]

Добавил, +1, очень удобно! Я вот думаю, а как-бы сделать и вторую кнопку, под существующей, чтоб стрелка вниз форума опускалась?

[petrfrolon]

Добавил, +1, очень удобно! Я вот думаю, а как-бы сделать и вторую кнопку, под существующей, чтоб стрелка вниз форума опускалась?

кажется на этом форуме я видел polosatik, он хорошо сечет в движке

[Drakonsa]

Полноценную демку на форуме можно, а то я чет туго понимаю чем этот вариант лучше обычного анкора и position:

[Yworld_garry]

На сайте Ломака, крутим вниз и справа появится.
http://www.my-lenovo.ru/

[Макар]

Добавил, +1, очень удобно! Я вот думаю, а как-бы сделать и вторую кнопку, под существующей, чтоб стрелка вниз форума опускалась?

идешь сюда http://ruseller.com/lessons.php?rub=29&id=555 или сюда http://ruseller.com/lessons.php?rub=2&id=588

и грызешь гранит науки

кстати

На сайте Ломака, крутим вниз и справа появится.
http://www.my-lenovo.ru/

кнопочка как раз оттуда , из тех примеров и уроков  (я свой слайдер для панели портала тоже на их основе делал)

и кстати  кнопочка не  работает при просмотре тем 

[Yworld_garry]

Собственно да, там есть и есть что почитать использовать.
Но на буржуйских(откуда все уроки), более подробно и больше всяких вкусностей в разы.

Насчет тем я не проверял конечно, так как не было такой задачи, но думаю кому надо поправит.

Может конфликт и стоит добавить. Я не разбирался конечно
var $j = jQuery.noConflict();
var s = $j;

И заменить все $  на $j
Хотя возможно переменную можно и не объявлять, стоит проверить.

Сто проц конфликт чего то, сейчас проверил на одном форуме. Все работает.

[Макар]

решение для форума Ломака http://www.simplemachines.ru/index.php?topic=2472.msg89641#msg89641

заодно и цитировать выделенное заработает

Может конфликт и стоит добавить. Я не разбирался конечно
var $j = jQuery.noConflict();

можно
но зачем тянуть две одинаковые библиотеки ?  нам кузнец не нужен достаточно одной

[Yworld_garry]

Макар, Про какие две говорим?
А прочитал что там у тебя в темя описано по ссылке

Для всех.
Если ставите моды или хаки и тд и тп использующие jQuery, убедитесь что не подключаете два раза библиотеку.
Если появляется конфликт(что то перестает работать), сделайте как описано выше в последнем добавленном скрипте. jQuery может конфликтовать с другими библиотеками.

[Макар]

смотри jQuery min  вызывается два раза
будет dquote еще и третий раз вызовется

получается чуть ошибся , не из за цитирования а из за соц закладок конфликт

попробуй не вызывать одну из библиотек и посмотри заработет или нет кнопка

[Ломака]

Готово, кеш почистил. Все-таки решил не морочаться, снес социалки, один черт толку с них нет

[Yworld_garry]

Дык попробуйте как выше написали.

В скрипт стерлки

var $j = jQuery.noConflict();
var s = $j;

И заменить все $  на $j
Хотя возможно переменную можно и не объявлять, стоит проверить.

Тогда и закладки будут на месте.

[Ломака]

Хм, все вроде работает, но осел где-то видит ошибки на странице. Пойду за сигаретами, потом поковыряю.

[Drakonsa]

На сайте Ломака, крутим вниз и справа появится.
http://www.my-lenovo.ru/

Крутил, вертел, шарился по сайту... Не нашел О_о

[Ломака]

Странно...

[Yworld_garry]

Все работает насколько я вижу.

[Макар]

ага  и в темах заработало

[digger®]

В Опере не работает.

[Ломака]

В Опере не работает.

Как-раз пару минут назад заметил, копаюсь, по идее есть решение...

[nsevgeniy]

Добрый день.

После вставки в файл /Themes/default(либо ваша тема)/index.template.php блока div для вызова кнопки происходит значительное увеличение размера шрифта названия разделов, подразделов и их описаний.

Код Выделить Развернуть

echo '<div style="opacity: 0.8; position: absolute; top: 456px; right: 0px; display:none;" class="scroll-to-top-button"></div>';

Подскажите, как вернуть прежний размер по умолчанию?

ps: кнопка появляется и работает.

[Mavn]

Добрый день.

После вставки в файл /Themes/default(либо ваша тема)/index.template.php блока div для вызова кнопки происходит значительное увеличение размера шрифта названия разделов, подразделов и их описаний.

Код Выделить Развернуть

echo '<div style="opacity: 0.8; position: absolute; top: 456px; right: 0px; display:none;" class="scroll-to-top-button"></div>';

Подскажите, как вернуть прежний размер по умолчанию?

ps: кнопка появляется и работает.

редактируйте файлы NotePad++ никогда не используйте стандартный блокнот ибо он добавляет к файлам сигнатуру BOM из за чего и возникает проблема

[nsevgeniy]

редактируйте файлы NotePad++ никогда не используйте стандартный блокнот ибо он добавляет к файлам сигнатуру BOM из за чего и возникает проблема

Редактирую в NotePad++ и с кодировкой все в порядке (см. вложение).
Может я не в то место блок div вставляю?? Хотя рекомендовано в любое...

update. Первично файл был с кодировкой ANSI. Преобразовал в UTF-8 без BOM. Но после сохранения и повторного открытия кодировка вновь ANSI. Совсем запутался... Причем это происходит с любым файлом php.

update2. Вопрос решен. Вставил блок внутрь конструкции "function template_html_above()", очистил кэш гуглохрома и всё наладилось...