Возможно ли перенести Тулбар вниз?

Собственно вопрос, возможно ли перенести Тулбар вниз?

Adeline пишет:Собственно вопрос, возможно ли перенести Тулбар вниз?

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

Было бы интересно посмотреть на другой вариант. Буду ждать

Adeline, возможно.
Вот решение, предложенное членом Штата форума подддержки нашего испанского сервиса.
(Но, к сожалению, насколько я могу судить, при использовании данного скрипта не удается маскировать Тулбар).
Важные примечания :
1. Данное решение нельзя применить в случае удаления копирайтов на Тулбаре.
2. Тулбар должен быть зафиксирован (ПА > Модули > Тулбар > Конфигурация Зафиксировать тулбар: Да


1. Javascript

В ПА > Модули > Управление кодами Javascript создайте новый файл


Название: любое по вашему усмотрению
Расположение: На всех страницах

Код Javascript:

Код:

const Toolbar = (function () {
        var FA_TOOLBAR = "fa_toolbar",
            LEFT = "fa_left",
            SEARCH = "fa_search",
            MAGNIFIER = "fa_magnifier",
            TEXTAREA = "fa_textarea",
            SHARE = "fa_share",
            RIGHT = "fa_right",
            FA_TOOLBAR_HIDDEN = "fa_toolbar_hidden",
            ICON = "fa_icon",
            SERVICE = "fa_service",
            SHARE_TEXT = "fa_share_text",
            FB = "fa_fb",
            TWITTER = "fa_twitter",
            GP = "fa_gp",
            MAIL = "fa_mail",
            MAIL_FORM = "fa_mail_form",
            RSS = "fa_rss",
            MENU = "fa_menu",
            HIDE = "fa_hide",
            SHOW = "fa_show",
            WELCOME = "fa_welcome",
            NOTIFICATIONS = "fa_notifications",
            NOTIF_LIST = 'notif_list',
            NOTIF_UNREAD = 'notif_unread',
            LIVE_NOTIF = 'live_notif',
            SEPARATOR = "fa_separator",
            TOOLBAR_STATE = 'toolbar_state',
            _notifications = [],
            _isDeleting = false,
            init = function () {
                if (_userdata['activate_toolbar']) {
                    if (_userdata['session_logged_in'] && _userdata['notifications']) {
                        FA.Debugger.log('register');
                        FA.Notification.register()
                    }
                    document.body.insertBefore(_createFaToolbarHidden(), document.body.firstChild);
                    document.body.insertBefore(_createFaToolbar(), document.body.firstChild);
                    _alignMenu();
                    _alignNotifications();
                    $('#' + LIVE_NOTIF).css('right', ($('#' + HIDE).outerWidth(true) - 1) + 'px');
                    if (_userdata['fix_toolbar']) {
                        $('#' + FA_TOOLBAR).addClass('fa_fix');
                        $('#' + FA_TOOLBAR_HIDDEN).addClass('fa_fix')
                    }
                    _onResize();
                    $(window).resize(_onResize);
                    _manageStateAndCSS();
                    $(document).click(function (e) {
                        var options = 'menubar=no, status=no, scrollbars=no, width=800, height=600';
                        switch (e.target.id) {
                            case ICON:
                            case SERVICE:
                                window.open('http://www.foroactivo.com/' + _userdata['user_lang'], '_blank');
                                e.stopPropagation();
                                break;
                            case MAGNIFIER:
                                document.getElementById(TEXTAREA).focus();
                                e.stopPropagation();
                                break;
                            case FB:
                                window.open('http://www.facebook.com/sharer.php?u=' + window.location, '', options);
                                e.stopPropagation();
                                break;
                            case TWITTER:
                                window.open('https://twitter.com/intent/tweet', '', options);
                                e.stopPropagation();
                                break;
                            case GP:
                                window.open('https://plus.google.com/share?url=' + window.location, '', options);
                                e.stopPropagation();
                                break;
                            case WELCOME:
                                if ($('#' + RIGHT).toggleClass('welcome').hasClass('welcome') && $('#' + RIGHT).hasClass('notification')) {
                                    $('#' + RIGHT).removeClass('notification');
                                    FA.Notification.markAsRead()
                                }
                                e.stopPropagation();
                                break;
                            case NOTIFICATIONS:
                                if ($('#' + RIGHT).toggleClass('notification').hasClass('notification')) {
                                    $('.ellipsis').dotdotdot();
                                    if ($('#' + RIGHT).hasClass('welcome')) {
                                        $('#' + RIGHT).removeClass('welcome')
                                    }
                                    if (!FA.Notification.registered()) {
                                        FA.Notification.register()
                                    }
                                } else {
                                    FA.Notification.markAsRead()
                                }
                                e.stopPropagation();
                                break;
                            case HIDE:
                                _moveUp();
                                e.stopPropagation();
                                break;
                            case SHOW:
                                _moveDown();
                                e.stopPropagation();
                                break;
                            default:
                                if (jQuery.contains($('#' + NOTIF_LIST), e.target)) {
                                    if ($(e.target).hasClass('delete')) {
                                        _delItem($('#' + NOTIF_LIST + ' li').index($(e.target).parents('li')), true);
                                        e.stopPropagation();
                                        return false
                                    }
                                } else {
                                    if ($('#' + RIGHT).hasClass('welcome')) {
                                        $('#' + RIGHT).removeClass('welcome')
                                    }
                                    if ($('#' + RIGHT).hasClass('notification')) {
                                        $('#' + RIGHT).removeClass('notification');
                                        FA.Notification.markAsRead()
                                    }
                                }
                        }
                    })
                }
            }, _createFaToolbar = function () {
                var fa_toolbar = document.createElement('div');
                fa_toolbar.id = FA_TOOLBAR;
                fa_toolbar.className = "fa_toolbar_XL_Sized";
                fa_toolbar.appendChild(_createRight());
                fa_toolbar.appendChild(_createLeft());
                fa_toolbar.appendChild(_createSearch());
                fa_toolbar.appendChild(_createShare());
                return fa_toolbar
            }, _createLeft = function () {
                var left = document.createElement('span');
                var icon = document.createElement('a');
                var a = document.createElement('a');
                left.id = LEFT;
                left.className = "fa_tbMainElement";
                icon.id = ICON;
                a.id = SERVICE;
                (a.innerText == undefined) ? a.textContent = _lang['Forumotion'] : a.innerText = _lang['Forumotion'];
                left.appendChild(icon);
                left.appendChild(a);
                return left
            }, _createSearch = function () {
                var search = document.createElement('div');
                var form = document.createElement('form');
                var magnifier = document.createElement('a');
                var textarea = document.createElement('input');
                search.id = SEARCH;
                search.className = "fa_tbMainElement";
                form.method = 'get';
                form.action = '/search';
                magnifier.id = MAGNIFIER;
                textarea.id = TEXTAREA;
                textarea.type = 'text';
                textarea.name = 'search_keywords';
                search.appendChild(form);
                form.appendChild(magnifier);
                form.appendChild(textarea);
                return search
            }, _createShare = function () {
                var share = document.createElement('span');
                var shareText = document.createElement('span');
                var fb = document.createElement('a');
                var twitter = document.createElement('a');
                var gp = document.createElement('a');
                var mail = document.createElement('a');
                var rss = document.createElement('a');
                share.id = SHARE;
                share.className = "fa_tbMainElement";
                shareText.id = SHARE_TEXT;
                (shareText.innerText == undefined) ? shareText.textContent = _lang['Share'] + ' : ' : shareText.innerText = _lang['Share'] + ' : ';
                fb.id = FB;
                twitter.id = TWITTER;
                gp.id = GP;
                mail.id = MAIL;
                mail.href = 'mailto:?body=' + window.location.href;
                mail.target = '_blank';
                rss.id = RSS;
                rss.href = 'http://' + window.location.hostname + '/rss';
                rss.target = '_blank';
                share.appendChild(shareText);
                share.appendChild(fb);
                share.appendChild(twitter);
                share.appendChild(gp);
                share.appendChild(mail);
                share.appendChild(rss);
                return share
            }, _createRight = function () {
                var right = document.createElement('div');
                var hide = document.createElement('a');
                right.id = RIGHT;
                right.className = "fa_tbMainElement";
                hide.id = HIDE;
                hide.className = "rightHeaderLink";
                if (!_userdata['session_logged_in']) {
                    var login = document.createElement('a');
                    login.className = "rightHeaderLink";
                    var register = document.createElement('a');
                    register.className = "rightHeaderLink";
                    (login.innerText == undefined) ? login.textContent = _lang['Login'] : login.innerText = _lang['Login'];
                    login.href = 'http://' + window.location.hostname + '/login';
                    (register.innerText == undefined) ? register.textContent = _lang['Register'] : register.innerText = _lang['Register'];
                    register.href = 'http://' + window.location.hostname + '/register';
                    right.appendChild(login);
                    right.appendChild(register)
                } else {
                    var divMenu = document.createElement('div'),
                        welcome = document.createElement('a'),
                        menu = _createMenu(),
                        notifications = _userdata['notifications'] ? document.createElement('a') : null,
                        notif_unread = document.createElement('span'),
                        notif_list = document.createElement('ul'),
                        notif_view = document.createElement('li'),
                        notif_view_link = document.createElement('a'),
                        live_notif = document.createElement('div');
                    divMenu.id = MENU;
                    welcome.id = WELCOME;
                    ($(welcome).html(_dynTruncateUsername(_lang['Welcome'] + ' ' + _userdata['username'])));
                    if (notifications) {
                        notifications.id = NOTIFICATIONS;
                        notifications.className = "rightHeaderLink";
                        (notifications.innerText == undefined) ? notifications.textContent = _lang['Notifications'] : notifications.innerText = _lang['Notifications'];
                        notif_unread.id = NOTIF_UNREAD;
                        notifications.appendChild(notif_unread);
                        notif_list.id = NOTIF_LIST;
                        notif_view.className = 'see_all';
                        notif_view_link.href = '/profile?mode=editprofile&page_profil=notifications';
                        notif_list.appendChild(notif_view).appendChild(notif_view_link).appendChild(document.createTextNode(_lang['Notif_see_all']));
                        live_notif.id = LIVE_NOTIF;
                        $(live_notif).css({
                            width: '330px',
                            position: 'absolute'
                        })
                    }
                    divMenu.appendChild(welcome);
                    divMenu.appendChild(menu);
                    right.appendChild(divMenu);
                    if (notifications) {
                        right.appendChild(notifications);
                        right.appendChild(notif_list);
                        right.appendChild(live_notif)
                    }
                }
                right.appendChild(hide);
                return right
            }, _createMenu = function () {
                var menu = document.createElement('ul');
                var see = _createSubMenu(_lang['See_my_profile'], 'http://' + window.location.hostname + '/u' + _userdata['user_id']);
                var config = _createSubMenu(_lang['Edit_profile'], 'http://' + window.location.hostname + '/profile?mode=editprofile&page_profil=preferences');
                var separator1 = document.createElement('li');
                var topics = _createSubMenu(_lang['All_Topics'], 'http://' + window.location.hostname + '/sta/' + encodeURIComponent(_userdata['username']));
                var posts = _createSubMenu(_lang['All_Messages'], 'http://' + window.location.hostname + '/spa/' + encodeURIComponent(_userdata['username']));
                var followed = _createSubMenu(_lang['js_topics_followed'], 'http://' + window.location.hostname + '/search?search_id=watchsearch');
                var separator2 = document.createElement('li');
                var logout = _createSubMenu(_lang['Logout'], 'http://' + window.location.hostname + '/login?logout=1');
                separator1.className = SEPARATOR;
                separator2.className = SEPARATOR;
                menu.id = "fa_menulist";
                menu.appendChild(see);
                menu.appendChild(config);
                menu.appendChild(separator1);
                menu.appendChild(topics);
                menu.appendChild(posts);
                menu.appendChild(followed);
                menu.appendChild(separator2);
                if (_userdata['user_level'] == "1") {
                    var pa = _createSubMenu(_lang['Admin_panel'], 'http://' + window.location.hostname + '/admin');
                    menu.appendChild(pa)
                }
                menu.appendChild(logout);
                return menu
            }, _createSubMenu = function (textContent, href) {
                var a = document.createElement('a');
                var li = document.createElement('li');
                (a.innerText == undefined) ? a.textContent = textContent : a.innerText = textContent;
                a.href = href;
                li.appendChild(a);
                return li
            }, _createFaToolbarHidden = function () {
                var fa_toolbar_hidden = document.createElement('div');
                var show = document.createElement('a');
                fa_toolbar_hidden.id = FA_TOOLBAR_HIDDEN;
                show.id = SHOW;
                fa_toolbar_hidden.appendChild(show);
                return fa_toolbar_hidden
            }, _alignMenu = function () {
                var welcome_pos = $("#" + WELCOME).position();
                if ((welcome_pos != null) && (typeof (welcome_pos) != 'undefined')) {
                    $("#" + MENU + "> ul").attr("style", "");
                    var margin = welcome_pos.left + $("#" + WELCOME).outerWidth(true) - $("#" + MENU + "> ul").outerWidth(true) + 1;
                    $("#" + MENU + "> ul").css("left", (margin > 0 ? margin : 0))
                } else {
                    var margin = (_userdata['notifications'] ? $("#" + NOTIFICATIONS).outerWidth(true) : 0) + $("#" + HIDE).outerWidth(true) - 1;
                    $("#" + MENU + "> ul").attr("style", "").css("right", margin)
                }
            }, _alignNotifications = function () {
                var notif_pos = $("#" + NOTIFICATIONS).position();
                if ((notif_pos != null) && (typeof (notif_pos) != 'undefined')) {
                    $("#" + NOTIF_LIST).attr("style", "");
                    var margin = notif_pos.left + $("#" + NOTIFICATIONS).outerWidth(true) - $("#" + NOTIF_LIST).outerWidth(true) + 1;
                    $("#" + NOTIF_LIST).css("left", (margin > 0 ? margin : 0))
                } else {
                    $('#' + NOTIF_LIST).css('right', ($('#' + HIDE).outerWidth(true) - 1) + 'px')
                }
            }, _dynTruncateUsername = function (username) {
                var styleItems = ['font-size', 'font-weight', 'font-family'];
                var styleValues = {};
                for (var name in styleItems) {
                    if (typeof styleItems[name] == 'function') continue;
                    styleValues[styleItems[name]] = $("#" + WELCOME).css(styleItems[name])
                }
                return _truncateText({
                    text: username,
                    maxWidth: 150,
                    'style': styleValues
                })
            }, _truncateText = function (params) {
                var truncated = null;
                var maxWidth = 0;
                var original = "";
                var defaults = {
                    text: "",
                    maxWidth: 0,
                    style: {
                        'font-size': '12px',
                        'font-weight': 'normal',
                        'font-family': 'Arial'
                    }
                };
                var params = $.extend(true, {}, defaults, params);
                try {
                    maxWidth = parseInt(params.maxWidth, 10);
                    if (isNaN(maxWidth)) {
                        maxWidth = 0
                    }
                    if (maxWidth > 0) {
                        if ((params.text != null) && (typeof (params.text) == "string")) {
                            original = params.text
                        }
                        if (original.length > 0) {
                            var div = document.createElement('div');
                            document.body.appendChild(div);
                            $(div).css({
                                position: 'absolute',
                                left: -1000,
                                top: -1000,
                                display: 'none',
                                'font-size': params.style['font-size'],
                                'font-weight': params.style['font-weight'],
                                'font-family': params.style['font-family']
                            });
                            $(div).text(original);
                            if ($(div).width() > maxWidth) {
                                do {
                                    original = original.substring(0, original.length - 1);
                                    $(div).text(original + "...")
                                } while (($(div).width() > maxWidth) && (original.length > 0));
                                truncated = original + "..."
                            } else {
                                truncated = original
                            }
                            $(div).remove()
                        }
                    }
                } catch (e) {
                    truncated = null
                } finally {
                    return truncated
                }
            }, _manageStateAndCSS = function () {
                if (_userdata['fix_toolbar']) {
                    if ($.cookie(TOOLBAR_STATE) == HIDE) {
                        $("#" + FA_TOOLBAR).css({
                            marginBottom: (0 - 30) + 'px'
                        });
                        $("#" + FA_TOOLBAR_HIDDEN).css({
                            marginBottom: "+=60px"
                        })
                    } else {
                        $.cookie(TOOLBAR_STATE, SHOW)
                    }
                } else {
                    if ($.cookie(TOOLBAR_STATE) == HIDE) {
                        $("#" + FA_TOOLBAR).css({
                            marginBottom: (parseInt($("#" + FA_TOOLBAR).css('marginBottom')) - 30) + 'px'
                        });
                        $("#" + FA_TOOLBAR_HIDDEN).css({
                            marginBottom: "+=60px"
                        })
                    } else {
                        $.cookie(TOOLBAR_STATE, SHOW)
                    }
                }
            }, _moveUp = function () {
                if ($.cookie(TOOLBAR_STATE) && $.cookie(TOOLBAR_STATE) == SHOW) {
                    $.cookie(TOOLBAR_STATE, HIDE);
                    $("#" + FA_TOOLBAR).animate({
                        marginBottom: "-=30px"
                    });
                    if (_userdata['fix_toolbar']) {
                        $("body").animate({
                            marginBottom: "0px"
                        })
                    }
                    $("#" + FA_TOOLBAR_HIDDEN).animate({
                        marginBottom: "+=60px"
                    })
                }
                if ($('#' + RIGHT).hasClass('welcome') || $('#' + RIGHT).hasClass('notification')) {
                    $('#' + RIGHT).removeClass('welcome notification')
                }
            }, _moveDown = function () {
                if ($.cookie(TOOLBAR_STATE) && $.cookie(TOOLBAR_STATE) == HIDE) {
                    $.cookie(TOOLBAR_STATE, SHOW);
                    $("#" + FA_TOOLBAR).animate({
                        marginBottom: "+=30px"
                    });
                    if (_userdata['fix_toolbar']) {
                        $("body").animate({
                            marginBottom: "30px"
                        })
                    }
                    $("#" + FA_TOOLBAR_HIDDEN).animate({
                        marginBottom: "-=60px"
                    })
                }
            }, _onResize = function (e) {
                var windowWidth = $(window).width();
                var toolbarSizeClass = '';
                $($('#' + FA_TOOLBAR).attr('class').split(" ")).each(function (index, item) {
                    if ((item != null) && (item != "")) {
                        if (item.match(/^fa_toolbar_(XL|L|M|S){1}_Sized$/g) !== null) {
                            toolbarSizeClass = item
                        }
                    }
                });
                if (toolbarSizeClass != "") {
                    $('#' + FA_TOOLBAR).removeClass(toolbarSizeClass)
                }
                if (windowWidth < 519) {
                    $('#' + SHARE).addClass('fa_hide');
                    $('#' + SEARCH).addClass('fa_hide');
                    $('#' + FA_TOOLBAR).removeClass('fa_fix');
                    $('#' + FA_TOOLBAR_HIDDEN).removeClass('fa_fix')
                } else if (windowWidth < 774) {
                    $('#' + SHARE).addClass('fa_hide');
                    $('#' + SEARCH).addClass('fa_hide');
                    $('#' + FA_TOOLBAR).addClass('fa_toolbar_M_Sized');
                    if (_userdata['fix_toolbar']) {
                        $('#' + FA_TOOLBAR).addClass('fa_fix');
                        $('#' + FA_TOOLBAR_HIDDEN).addClass('fa_fix')
                    }
                } else if (windowWidth < 980) {
                    $('#' + SHARE).removeClass('fa_hide');
                    $('#' + SEARCH).addClass('fa_hide');
                    $('#' + FA_TOOLBAR).addClass('fa_toolbar_L_Sized');
                    if (_userdata['fix_toolbar']) {
                        $('#' + FA_TOOLBAR).addClass('fa_fix');
                        $('#' + FA_TOOLBAR_HIDDEN).addClass('fa_fix')
                    }
                } else {
                    $('#' + SHARE).removeClass('fa_hide');
                    $('#' + SEARCH).removeClass('fa_hide');
                    $('#' + FA_TOOLBAR).addClass('fa_toolbar_XL_Sized');
                    if (_userdata['fix_toolbar']) {
                        $('#' + FA_TOOLBAR).addClass('fa_fix');
                        $('#' + FA_TOOLBAR_HIDDEN).addClass('fa_fix')
                    }
                }
                _alignMenu();
                _alignNotifications()
            }, _delItem = function (i, uiAction) {
                if (uiAction && _isDeleting) {
                    return false
                }
                _isDeleting = true;
                var _li = $('#' + NOTIF_LIST).children().get(i),
                    _lilog = _li.cloneNode(true);
                FA.Debugger.log('_delItem #' + i, _lilog);
                if (uiAction) {
                    FA.Notification.delItem({
                        index: i
                    })
                }
                $(_li).fadeOut(200, function () {
                    $(this).remove();
                    _alignNotifications();
                    _isDeleting = false
                })
            }, _addItem = function (i, data) {
                var _dummy_notif, _text, _args, _maindiv, _divtext;
                FA.Debugger.log('_addItem2 #' + i, data);
                _dummy_notif = document.createElement('li');
                if (!data.read) {
                    _dummy_notif.className = 'unread'
                }
                _maindiv = document.createElement('div');
                _maindiv.className = "content";
                _divtext = document.createElement('div');
                _divtext.className = "contentText ellipsis";
                _text = compileNotif(data);
                if (_text) {
                    $(_divtext).html(_text)
                } else {
                    _divtext.appendChild(document.createTextNode('#' + i + ' ' + JSON.stringify(data)))
                }
                if ($("#" + NOTIF_LIST + " li").length > 1) {
                    _maindiv.appendChild(document.createElement('hr'))
                }
                _maindiv.appendChild(_divtext);
                $(_maindiv.appendChild(document.createElement('a'))).addClass('delete').attr('href', '#');
                _dummy_notif.appendChild(_maindiv);
                $('#' + NOTIF_LIST + ' li:nth-child(' + i + ')').before($(_dummy_notif).hide().fadeIn(200, function () {
                    _alignNotifications()
                }))
            }, _readItem = function (i) {
                FA.Debugger.log('_readItem #' + i);
                $('#' + NOTIF_LIST + ' li:nth-child(' + (i + 1) + ')').removeClass('unread')
            }, refresh = function (o) {
                var _i, _j, _length = 0;
                FA.Debugger.log(jQuery.extend({}, o));
                if (o.unread != undefined) {
                    if (o.unread) {
                        $('#' + NOTIF_UNREAD).text('(' + o.unread + ')');
                        $('#' + NOTIFICATIONS).addClass('unread')
                    } else {
                        $('#' + NOTIFICATIONS).removeClass('unread')
                    }
                }
                if (o.map) {
                    for (_i in o.map) {
                        if (typeof o.map[_i] == 'function') continue;
                        _length++;
                        _i = parseInt(_i);
                        FA.Debugger.log('-------', _i, o.set[_i], o.data[o.set[_i]], o.data);
                        if (o.map[_i] === null) {
                            _addItem(parseInt(_i) + 1, o.data[o.set[_i]])
                        } else {
                            FA.Debugger.log(o.data[o.set[_i]].read, !o.data[o.set[_i]].read, o.data[o.set[_i]].read == 1);
                            if (o.data[o.set[_i]].read) {
                                _readItem(_i)
                            }
                        }
                    }
                    for (_i = 0, _j = _length - o.max; _i < _j; ++_i) {
                        _delItem(_i)
                    }
                }
            }, compileNotif = function (data) {
                var _text;
                switch (data.text.type) {
                    case FA.Notification.NOTIF_PRIV_MSG:
                        _args = {
                            id: data.text.from.id,
                            name: data.text.from.name,
                            msg_id: data.text.msg_id
                        };
                        _text = jQuery.vsprintf(_lang['Notif_priv_msg'], [_args]) || false;
                        break;
                    case FA.Notification.NOTIF_REPORT:
                        _args = {
                            id: data.text.from.id,
                            name: data.text.from.name
                        };
                        _text = jQuery.vsprintf(_lang['Notif_report'], [_args]) || false;
                        break;
                    case FA.Notification.NOTIF_FRIEND_REQ:
                        _args = {
                            id: data.text.from.id,
                            name: data.text.from.name
                        };
                        _text = jQuery.vsprintf(_lang['Notif_friend_req'], [_args]) || false;
                        break;
                    case FA.Notification.NOTIF_GROUP_REQ:
                        _args = {
                            id: data.text.from.id,
                            name: data.text.from.name,
                            group_id: data.text.group.id,
                            group_url_name: data.text.group.url_name,
                            group_name: data.text.group.name
                        };
                        _text = jQuery.vsprintf(_lang['Notif_group_req'], [_args]) || false;
                        break;
                    case FA.Notification.NOTIF_FRIEND_CON:
                        _args = {
                            id: data.text.from.id,
                            name: data.text.from.name
                        };
                        _text = jQuery.vsprintf(_lang['Notif_friend_con'], [_args]) || false;
                        break;
                    case FA.Notification.NOTIF_WALL_MSG:
                        _args = {
                            id: data.text.from.id,
                            name: data.text.from.name,
                            self: data.text.self
                        };
                        _text = jQuery.vsprintf(_lang['Notif_wall_msg'], [_args]) || false;
                        break;
                    case FA.Notification.NOTIF_ABUSE:
                        _text = _lang['Notif_abuse'] || false;
                        break;
                    case FA.Notification.NOTIF_TOPIC_WATCH:
                        _args = {
                            id: data.text.from.id,
                            name: data.text.from.name,
                            topic_id: data.text.post.topic_id,
                            topic_name: data.text.post.topic_name,
                            post_id: data.text.post.post_id
                        };
                        if (data.text.post.start) {
                            _args.start = data.text.post.start
                        }
                        FA.Debugger.log('compileNotif()', _lang['Notif_topic_watch_p'], _lang['Notif_topic_watch'], _args);
                        _text = jQuery.vsprintf(_args.start ? _lang['Notif_topic_watch_p' + (_args.id == -1 ? '_guest' : '')] : _lang['Notif_topic_watch' + (_args.id == -1 ? '_guest' : '')], [_args]) || false;
                        break
                }
                return _text
            };
        return {
            FA_TOOLBAR: FA_TOOLBAR,
            LEFT: LEFT,
            SEARCH: SEARCH,
            MAGNIFIER: MAGNIFIER,
            TEXTAREA: TEXTAREA,
            SHARE: SHARE,
            RIGHT: RIGHT,
            FA_TOOLBAR_HIDDEN: FA_TOOLBAR_HIDDEN,
            ICON: ICON,
            SERVICE: SERVICE,
            SHARE_TEXT: SHARE_TEXT,
            FB: FB,
            TWITTER: TWITTER,
            GP: GP,
            MAIL: MAIL,
            MAIL_FORM: MAIL_FORM,
            RSS: RSS,
            MENU: MENU,
            HIDE: HIDE,
            SHOW: SHOW,
            WELCOME: WELCOME,
            NOTIFICATIONS: NOTIFICATIONS,
            NOTIF_LIST: NOTIF_LIST,
            NOTIF_UNREAD: NOTIF_UNREAD,
            LIVE_NOTIF: LIVE_NOTIF,
            compileNotif: compileNotif,
            init: init,
            refresh: refresh
        }
    })();

2. CSS

в ПА > Оформление > Цвета > Каскадная таблица стилей CSS добавьте следующий код CSS:

Код:

/* тулбар внизу страницы */
    body .fa_fix { bottom: 0; top: auto; }
    body #fa_toolbar_hidden {
      margin-top: 0; margin-bottom: -60px;
      border-radius: 5px 5px 0px 0px;
    }
    body #fa_hide { background-position: -240px 0px; }
    body #fa_show { background-position: -210px 0px; }
    ul#fa_menulist, #fa_toolbar #fa_right  ul#notif_list  {
      bottom: 30px;
      border: 1px solid #333333;
      border-bottom: 0px solid #FFFFFF;
    }