Плавающая панель для форума

[Yworld_garry]

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

Устанавливается очень легко и включить в нее можно все что угодно. Любые нужности и не нужности для пользователей. Панель сворачивается при желании пользователь может спрятать или сразу в настройках показывать убранной.
Сейчас в примере перебор кнопок или точнее просто нет время сейчас изменить, срочно убегаю. Но позже сделаю. И скорее всего большая часть без подписей, только иконки.

Тут посмотреть-Нижняя панель.


Из за большого количества пунктов с подписями, при небольших разрешениях монитора, панелька будет убирать некоторые пункты.
Исправится если вводить пункты иконками, меньше шрифт и тд...
Сейчас некогда.
Если заинтересует, выложу как подключить. Буквально пять минут работы, добавить пару строк и все.
Но так как не мод, то изменять панельку, добавлять пункты и удалять, руками. Но так же все очень легко. Я не профи в этом деле и просто надо было срочно одному проекту что то такое. Вот прикрутил на тестовый дабы показать и скорее всего можно все оптимизировать и более кошерно....


Просьба, если есть у кого наборы иконок приличных или ссылочки на сеть. Прошу скиньте сюда.

PS
Приеду через часок- полтора и отвечу, если будет кому

[Mavn]

выкладывай может пригодится

[Yworld_garry]

Сегодня в разъездах и просто не знаю когда доберусь. Если в разумное время, выложу сегодня.
Но скорее всего завтра.
Я вчера закинул к панельке еще кнопочек с выводом топа пользователей и еще каких то, не проверил.

[Yworld_garry]

Такс, выкладываю саму панельку.

Как и прежде посмотреть можно в работе http://noinfertility.ru/

Написал много, но на самом деле все просто.
Подключаем добавив всего пару строк, ссылки в панели меняем на свои. В примерах аддонов изменяем текст на свой или просто отключаем не нужное и пользуемся.
Ниже настройки если нужны.
Если у кого то возникнут идеи по включению в панель чего то еще, пишите, будем вместе думать и включать.


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

1. Заливаем в корень папку panel.

2. Открываем файл ваша тема оформления/index.template.php

Ищем строку с копирайтом и вставляем после:
<!-- панель -->

    <td align="center">';
include('panel/panel.php');
echo '

<!-- панель -->

Либо вставляем сразу до
</body></html>';

Возможнол не кашерно и можно по другому подключить, но это уже на ваш вкус.
Все, панель работает с кнопками по умолчанию.
В файле panel.php изменить ссылки на свои, несколько аддонов для примера включены в панель.

Далее настройки.

Файл panel.php содержит собственно все подключаемые элементы к панели.

1. Если не подключен к форуму/сайту jquery, расскомментровать строчку в файле panel.php:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Если хитите поменять тему оформления панели, просто измените название темы в это й строчке с default, на любое из папки themes.

<link type="text/css" href="/panel/themes/default/jx.stylesheet.css" rel="stylesheet" />

2. Настройки инициализации, можно не менять, будет как в примере.

<!-- jixedbar starts here -->
<script type="text/javascript">
    $(document).ready(function() {
      $("#demo-bar").jixedbar(); <!-- до этой строчки инициализация панели -->
$('.btn').append($('<span />').addClass('helper'));   <!-- инициализая кнопок, менял стили для себя, но если есть желание, можно подключить красивые кнопки, в комплекте, пример http://www.antigarry /demo/button2/index.html -->
$("a").easyTooltip();   <!-- инициализация подсказок -->
    });
</script>
<!-- jixedbar ends here -->

3. Если нужно, можно поиграть с настройками панели

showOnTop — позволяет отображать панель сверху экрана. По умолчанию панель отображается внизу экрана.
transparent — делает панель прозрачной.
opacity — параметр прозрачности — принимает значение от 0.0 до 1.0.
slideSpeed — задает скорость скрытия показа панели. значения от 200 до 600. по умолчанию fast.
roundedCorners — дает возможность сделать края панели закругленными.
roundedButtons — дает возможность сделать края кнопок закругленными.
menuFadeSpeed — задает скорость скрытия показа меню. значения от 200 до 600. по умолчанию fast.
tooltipFadeSpeed — задает скорость скрытия показа подсказок. значения от 200 до 600. по умолчанию fast.
tooltipFadeOpacity — задает прозрачность поля с подсказкой. значения от 0.0 до 1.0

Что то типо того, но для этого надо подключить файл не min. а полный видимо, в комплекте есть.

$("#demo-bar").jixedbar({
showOnTop: true,
transparent: true,
opacity: 0.5,
slideSpeed: "slow",
roundedCorners: false,
roundedButtons: false,
menuFadeSpeed: "slow",
tooltipFadeSpeed: "fast",
tooltipFadeOpacity: 0.5
});

4. Стили панелей менял для себя, но в комплекте есть дефолтные (jx.bar1.css) и кнопок и панели. Можете

jx-bar — стиль главной панели
jx-bar span — разделители
jx-bar-button li — определяет стиль кнопки панели
jx-bar-button li:hover — стиль кнопки при наведении
jx-bar-button li a:* — стиль анкора кнопки
jx-bar-button-tooltip — стиль подсказки при наведении на кнопку
jx-bar div — стиль текстового контейнера и стрелки
jx-nav-menu — стиль выпадающего меню
jx-nav-menu ul li a — стиль пунктов меню
jx-arrow-up — стиль стрелки в состоянии up
jx-arrow-down — стиль стрелки в состоянии down
jx-hide — стиль для скрытия панели
jx-show — стиль для показа панели

5. Подключение кнопок и "аддонов", в самих файлах аддонов можно менять настройки типо количества выводимой информации.

<?php include("panel/addons/posts.php"); ?>  Где posts.php имя файла аддона.

<a href="#" class="btn Movies" title="Видео"> Где Movies имя кнопки, но оно должно быть в стилях кнопок, можно брать из существующих. Собственно добавить свои кнопки, заменить существующие или добавить в стили.
<a href="http://noinfertility.ru"><img src="/panel/icons/info.png" alt="" title="Кнопка" />&nbsp;&nbsp;&nbsp;Кнопка</a> Добавить кнопку произвольно без использования стилей кнопок.

5. По добавлению пунктов меню, подменю, кнопок и объявлений все думаю понятно из разметки файла примера и аддонов.

6. Подсказки выводят все что написано в теге title, будут красиво выводить и по всему форуму. Если не надо, то можно добавить свой параметр и выводить из него.

7. Аддоны можете подключать к панели абсолютно любые, все на что ваша фантазия способна.
Сейчас есть примеры:

Поиск, Последние посты, Погода, Топ 15(Новые лидеры, топ 15, топ за неделю), Последние пользователи, Видео, но можно просто сделать аддон с кодами для встройки предоставляемыми сервисом любым.

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

PS
Вложенный файл удалил, позже выберу время и возможно сделаю мод и выложу. Появились идеи, нет время пока. Но тем не менее если будет интерес у кого то, спрашивайте, дам ту что на сайте примера.

[Serifa]

А где файлик с панелью-то?

[Yworld_garry]

Если найду, скину в личку 

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

[Yworld_garry]

Придется сделать дабл пост, первый не отредактировать за давности...

В общем прикреплю панельку, все вроде работает. Как и писал выше, можно все что угодно под кнопки вставить и будет всплывать любая инфа.
Включил богом забытый форум и на нем можно посмотреть как работает, внизу Пример

Архив с панелью Скачать

При наведении на иконку всплывает подсказка.
Так выглядит сама панелька

[GeorG]

ИХМО, её по-умолчанию, лучше свёрнутой делать.

[Yworld_garry]

ИХМО, её по-умолчанию, лучше свёрнутой делать.

Без проблем, там в настройках есть такое, собственно при желании можно массу чего настроить. Если помню правильно 

[Солярис]

Что-то на локалхосте после установки (версия форума 1.1.21) никакой панельки не появилось?!

[Yworld_garry]

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

[Солярис]

Ну так всё сделал (на локалке) как указано выше. В корень сайта закинул соответствующую папку. Прописал подключение панели. И ничего. Форум работает, а панель внизу не появилась.

[Yworld_garry]

Этот пункт проверили из настроек в посте выше?

1. Если не подключен к форуму/сайту jquery, расскомментровать строчку в файле panel.php:

[Солярис]

Я эту строчку искал и не нашел и просто вставил её заново.

Но это, к сожалению, ничего не дало.

[Yworld_garry]

Вот такую строчку вставляли?
После переезда на новую версию, ссылочки в старых постах тут "изменились"

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

[sgtWhite]

Yworld_garry, а в чем фишка панельки, если таковая есть ?

[Yworld_garry]

а в чем фишка панельки, если таковая есть ?

В нее можно вставить все что угодно вместо того что там сейчас в примере посмотреть можно. Пример
А фишка, кому она нужна, думаю найдут в ней фишки себе 

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

[Serifa]

Эта панелька в принципе может заменить собой целый портал
А вот как можно сделать её сбоку, а не снизу-сверху?
(Пока ещё не пробовала подключить, потом ещё отпишусь).

[Yworld_garry]

А вот как можно сделать её сбоку, а не снизу-сверху?

Видимо добавить условия и стили...

Эта панелька в принципе может заменить собой целый портал

Я кстати пока проверял, работает оно еще или нет, подумал что можно туда всю инфу скинуть, включая минюхи, галереи, личку, обратную связь и тд. добавить иконок и пунктов, причем заменить их можно такими иконками http://fortawesome.github.io/Font-Awesome/icons/

 

[Serifa]

Не поняла, как добавлять стили
opacity куда добавить? непосредственно где-то в файле panel.php? вот где-то здесь?

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

<!-- jixedbar starts here -->
<script type="text/javascript">
    $(document).ready(function() {
        $("#demo-bar").jixedbar();
$('.btn').append($('<span />').addClass('helper'));   
$("a").easyTooltip();   
    });
</script>

[Yworld_garry]

opacity куда добавить? непосредственно где-то в файле panel.php? а куда там оно вставляется?

Три года назад я наверняка все знал в этой панеле что и куда, сейчас конечно уже не помню.
Посмотреть именно сейчас не могу физически.

[Serifa]

Нашла в папке scr, что подключать надо. Прошлась по содержанию файла, который не min. Прошлась по адонам. В общем, там многое надо под себя изменить. Наверное, поменяю, потом попробую уже подключить.

[Солярис]

Вот такую строчку вставляли?

Именно такую И почему-то не работает.
Сам не могу понять.

[Yworld_garry]

Именно такую И почему-то не работает.

Попробуйте на рабочий сайт на сервере в инете подключить на минутку, пользователи и не заметят, если заработает, можно будет на локалку грешить.
У меня нет локального и проверить не могу.

[Солярис]

Сейчас обнаружил вот что.

Оказывается, после распаковки архива получилось, что папка "панель" с её содержимым оказалась вложенной в другую папку с таким же наименованием и поэтому скрипт и не работает.

После исправления этого косяка, однако, вылезла другая ошибка:
Fatal error: Function name must be a string in ...\panel\addons\posts.php on line 22

Указанная строка содержит следующий код:

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

$request = $smcFunc['db_query']('','


[Yworld_garry]

Fatal error: Function name must be a string in ...\panel\addons\posts.php on line 22

Возможно для первой ветки форума нужен другой код для вывода сообщений. Или сейчас подскажут решение...

Но в принципе вы можете вот тут http://simpleportal.net/index.php?board=55.0  найти подходящий вам вариант кода вывода любой инфы и просто заменить им все в файле posts.php
Собственно там можно найти массу вариантов вывода любой инфы готовыми блоками.
Как думаю и на любом сайте портала, если нет желания самому копаться.

[Serifa]

Так-с... Немаловажный вопрос, про который все забыли.

А как эта панелька повлияет на адаптивность форума для мобильных устройств? Особенно, если речь идёт про версию 2.1?
И ещё: у меня на мозилле почему-то оказался отключен джаваскрипт, это значит, такая штука там уже не сработает?

[GeorG]

А как эта панелька повлияет на адаптивность форума для мобильных устройств? Особенно, если речь идёт про версию 2.1?

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

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

Не сработает.

[Serifa]

так вот ситх её знает, сама страница с примером тест не проходит:
https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fnoinfertility.antigarry :)%2Findex.php

а вдруг панелька тоже виновата?
И потом, если, например, сделать ее сбоку, то она будет закрывать страницу, когда смотришь с мобильного. Также делают социальные иконки, когда они сбоку и не убираются.
В общем, для версии 2.1 нужны какие-то более осторожные решения.

[Yworld_garry]

а вдруг панелька тоже виновата?

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

Сбоку так же, как собственно и все что сбоку лучше прятать на мобильниках с небольшим разрешением..
Да и у кого например подключена через мод адаптивная тема под мобильники, панельки вообще не будет на них.

А для тех у кого одна тема, как и писал выше или свернутую или прятать на определенных разрешениях.

Можно сделать на основе свеженькой и полностью адаптивной штуковины.

Будет какая то иконка



А по клику всплывать любая инфа по меню и туда уже все что угодно опять же запихнуть



Или так






Если такая штука нужна для проекта, то вариантов можно массу найти для себя.