Repostion toolbar to bottom of site

How do I reposition the toolbar to the bottom of my site?

I followed this:

Code:


#fa_toolbar {
  position: fixed;
  bottom: 0px;
  left: 0px;
  top: auto;
}


but it leaves an unwanted space in the top of my site,


how do i remove that?, is there an alternative cSS?

• Please provide your forum URL for appearance problems

http://ggpalace.forumotion.net
I disabled it from that site yet, because it ruins the site...

Find this on the Toolbar Configuration:

Fix the toolbar : (Set it to no)

Then put the code back and it should work.

E-Mark wrote:Find this on the Toolbar Configuration:

Fix the toolbar : (Set it to no)

Then put the code back and it should work.

Thanks! but I found another tutorial in French btw here:
http://forum.forumactif.com/t345495-modification-de-la-toolbar#2950858

but the problem is that it doesn't show your profile picture when you click the "Welcome <username>" tab

Yep, because the toolbar is placed at the bottom.
The solution here is to fix the style for it.

Add this to your CSS:

Code:

#fa_right.welcome #fa_menu ul {
margin-top: -297 !important;
border-top: 1px solid black;
border-bottom: none;
}

#fa_toolbar #fa_right.notification #notif_list {
margin-top: -299px !important;
border-top: 1px solid black;
border-bottom: none;
}

#fa_toolbar #fa_right #notif_list li.see_all {
  display: none;
}


no good i think it's in this Javascript that I added:

Code:


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.forumactif.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
    }
})();


I think it's missing the element of the Prof. Pic

Oh, i thought you mean that when you click the Welcome <username>, and the Notification, the box doesn't show-up, well, add the CSS too, so it will work.

So, i don't get your other problem? Can you explain well. Sorry.

Here,

this happenede after I added the jscript and css from here: http://forum.forumactif.com/t345495-modification-de-la-toolbar#2950858

please check my site,
http.ggpalace.forumotion.net

I can't understand the language use in that forum. What does it do actually?

that's a tutorial in French
it tells you to put that given Javascript and CSS in your forum, it places the toolbar in the bottom

it works fine, but it doesn't show your profile picture

Remove the Javascript you put from that tutorial and the CSS, then put this on your CSS afterwards:

Code:

#fa_right.welcome #fa_menu ul {
margin-top: -297 !important;
border-top: 1px solid black;
border-bottom: none;
}

#fa_toolbar #fa_right.notification #notif_list {
margin-top: -299px !important;
border-top: 1px solid black;
border-bottom: none;
}

#fa_toolbar #fa_right #notif_list li.see_all {
  display: none;
}

nope, that javascript automatically puts the toolbar at the bottom of page
so if I remove it, the CSS you placed will be useless :'(

Trusting me will be the best way . Do it first .

uhmmm, no good, because, i didn't use this code already

Code:


#fa_toolbar {
  position: fixed;
  bottom: 0px;
  left: 0px;
  top: auto;
}


and the codes you gave me, it makes my notification drop down, not working, I used everything from the site, I gave you

nevermind this:

Code:


#fa_toolbar {
  position: fixed;
  bottom: 0px;
  left: 0px;
  top: auto;
}


hehe, the javascript already provides a slide-up instead of a slide-down, my problem is it doesn't have this:



the javascript only includes, the other things needed in a toolbar, except the Usermenu

so what will I do?

Add this code to your cSS:

Code:

#fa_right.welcome #fa_menu ul {
margin-top: -297 !important;
border-top: 1px solid black;
border-bottom: none;
}

#fa_toolbar #fa_right.notification #notif_list {
margin-top: -299px !important;
border-top: 1px solid black;
border-bottom: none;
}

#fa_toolbar #fa_right #notif_list li.see_all {
  display: none;
}

Then remove the Javascript on the tutorial. Give it a try first.

still nothing, i don't this it's CSS

Did you remove the javascript from the tutorial? Remove it first.

after I remove it? i then add the CSS?

Yes.

lol, my notifications are gone, i want to make my toolbar float at the bottom
>.< hehe, and I want to remove the space in the top, the space is the same length with the toolbar, when I added the Javascript, the space was gone, and the it works very well only problem is, there's no:

(Red Box)

because the Javascript, look at it, carefully

Code:


 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');


it doens't have the Prof Pic, Posts, PMs, and Reputation

Use this as your JS:

Code:

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",FA_USERMENU="fa_usermenu",FA_MENULIST="fa_menulist",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');if(FA.Window.loaded){FA.Notification.register()}else{$(window).load(function(){window.setTimeout(FA.Notification.register,100)})}}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 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=_board['Forumotion']:a.innerText=_board['Forumotion'];if(_board['toolbar_title_url']){icon.href=_board['toolbar_title_url'];icon.target='_blank';a.href=_board['toolbar_title_url'];a.target='_blank'}if(_board['toolbar_logo']){left.appendChild(icon)}else{$(a).css('margin-left','20px')}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'):document.createElement('span'),notifCase=((notifications&&_userdata['notifications'])?1:((notifications&&!_userdata['notifications'])?2:0));divMenu.id=MENU;welcome.id=WELCOME;($(welcome).html(_dynTruncateUsername(_lang['Welcome']+' '+_userdata['username'],150)));if(notifCase===1){var notif_unread=document.createElement('span'),live_notif=document.createElement('div'),notif_list=document.createElement('ul'),notif_view=document.createElement('li'),notif_view_link=document.createElement('a');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'})}else if(notifCase===2){notifications.className="rightHeaderLink";if(typeof(notifications.innerHTML)=='undefined'){notifications.textContent='\u00a0'}else{notifications.innerHTML='\u00a0'}}divMenu.appendChild(welcome);divMenu.appendChild(menu);right.appendChild(divMenu);if(notifCase===1){right.appendChild(notifications);right.appendChild(notif_list);right.appendChild(live_notif)}else if(notifCase===2){right.appendChild(notifications)}}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');var mps=_createSubMenu(_lang['All_PMs'],'http://'+window.location.hostname+'/privmsg?folder=inbox');var userMenu=_createUserMenu();separator1.className=SEPARATOR;separator2.className=SEPARATOR;menu.id=FA_MENULIST;menu.appendChild(userMenu);menu.appendChild(see);menu.appendChild(config);menu.appendChild(separator1);menu.appendChild(topics);menu.appendChild(posts);menu.appendChild(followed);menu.appendChild(mps);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},_createUserMenu=function(){var userMenu=document.createElement('div');var avatar=_userdata['avatar'];var rankTitle='<a id="fa_ranktitle" title="'+_lang['rank_title'].replace(/<\/?[^>]+>/gi,'')+'">'+_lang['rank_title']+'</a>';var table='<table><tbody>';table+='<tr><td class="first">'+_lang['Posts']+'</td><td> : </td>';table+='<td class="bold">'+_userdata['user_posts']+'</td></tr>';table+='<tr><td class="first">'+_lang['PMs']+'</td><td> : </td>';table+='<td class="bold">'+_userdata['user_nb_privmsg']+'</td></tr>';if(_board['reputation_active']){table+='<tr><td class="first">'+_lang['Reputation']+'</td><td> : </td>';table+='<td class="bold">'+_userdata['point_reputation']+'</td></tr>'}table+='</tbody></table>';userMenu.id=FA_USERMENU;$(userMenu).append(avatar).append(rankTitle).append(table);return userMenu},_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,textSize){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:textSize,'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}},_stripTags=function(){return this.replaceWith(this.html().replace(/<\/?[^>]+>/gi,''))};_manageStateAndCSS=function(){if(_userdata['fix_toolbar']){if($.cookie(TOOLBAR_STATE)==HIDE){$("#"+FA_TOOLBAR).css({marginTop:(0-30)+'px'});$("#"+FA_TOOLBAR_HIDDEN).css({marginTop:"+=60px"})}else{$("body").css({marginTop:"30px"});$.cookie(TOOLBAR_STATE,SHOW)}}else{if($.cookie(TOOLBAR_STATE)==HIDE){$("#"+FA_TOOLBAR).css({marginTop:($("#"+FA_TOOLBAR).offset().top-30)+'px'});$("#"+FA_TOOLBAR_HIDDEN).css({marginTop:"+=60px"})}else{$.cookie(TOOLBAR_STATE,SHOW)}}},_moveUp=function(){if($.cookie(TOOLBAR_STATE)&&$.cookie(TOOLBAR_STATE)==SHOW){$.cookie(TOOLBAR_STATE,HIDE);$("#"+FA_TOOLBAR).animate({marginTop:"-=30px"});if(_userdata['fix_toolbar']){$("body").animate({marginTop:"0px"})}$("#"+FA_TOOLBAR_HIDDEN).animate({marginTop:"+=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({marginTop:"+=30px"});if(_userdata['fix_toolbar']){$("body").animate({marginTop:"30px"})}$("#"+FA_TOOLBAR_HIDDEN).animate({marginTop:"-=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}})();

is there a way to merge the two JScripts together? because u're javascript has:

Code:

},_createUserMenu=function(){var userMenu=document.createElement('div');var avatar=_userdata['avatar'];var rankTitle='<a id="fa_ranktitle" title="'+_lang['rank_title'].replace(/<\/?[^>]+>/gi,'')+'">'+_lang['rank_title']+'</a>';var table='<table><tbody>';table+='<tr><td class="first">'+_lang['Posts']+'</td><td> : </td>';table+='<td class="bold">'+_userdata['user_posts']+'</td></tr>';table+='<tr><td class="first">'+_lang['PMs']+'</td><td> : </td>';table+='<td class="bold">'+_userdata['user_nb_privmsg']+'</td></tr>';if(_board['reputation_active']){table+='<tr><td class="first">'+_lang['Reputation']+'</td><td> : </td>';table+='<td class="bold">'+_userdata['point_reputation']+'</td></tr>'}table+='</tbody></table>';userMenu.id=FA_USERMENU;$(userMenu).append(avatar).append(rankTitle).append(table);return userMenu

and the javascript from here: http://forum.forumactif.com/t345495-modification-de-la-toolbar#2950858 doesn't and the java from here:
http://forum.forumactif.com/t345495-modification-de-la-toolbar#2950858


has no mistakes, but only the usermenu, urs, has no mistake, but it creates a space at the top, smthing like this:

Did you set the toolbar to fixed? At the toolbar configuration.

yes

Any problems? Working fine now with me?
EDIT: Ok, wait.

Thank you

Ok, can you try to off the toolbar fixed then check?
If not working, try to replace the JS with this one:

Code:

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.forumactif.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=_board['Forumotion']:a.innerText=_board['Forumotion'];if(_board['toolbar_title_url']){icon.href=_board['toolbar_title_url'];icon.target='_blank';a.href=_board['toolbar_title_url'];a.target='_blank'}if(_board['toolbar_logo']){left.appendChild(icon)}else{$(a).css('margin-left','20px')}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'):document.createElement('span'),notifCase=((notifications&&_userdata['notifications'])?1:((notifications&&!_userdata['notifications'])?2:0));divMenu.id=MENU;welcome.id=WELCOME;($(welcome).html(_dynTruncateUsername(_lang['Welcome']+' '+_userdata['username'],150)));if(notifCase===1){var notif_unread=document.createElement('span'),live_notif=document.createElement('div'),notif_list=document.createElement('ul'),notif_view=document.createElement('li'),notif_view_link=document.createElement('a');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'})}else if(notifCase===2){notifications.className="rightHeaderLink";if(typeof(notifications.innerHTML)=='undefined'){notifications.textContent='\u00a0'}else{notifications.innerHTML='\u00a0'}}divMenu.appendChild(welcome);divMenu.appendChild(menu);right.appendChild(divMenu);if(notifCase===1){right.appendChild(notifications);right.appendChild(notif_list);right.appendChild(live_notif)}else if(notifCase===2){right.appendChild(notifications)}}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');var mps=_createSubMenu(_lang['All_PMs'],'http://'+window.location.hostname+'/privmsg?folder=inbox');var userMenu=_createUserMenu();separator1.className=SEPARATOR;separator2.className=SEPARATOR;menu.id=FA_MENULIST;menu.appendChild(userMenu);menu.appendChild(see);menu.appendChild(config);menu.appendChild(separator1);menu.appendChild(topics);menu.appendChild(posts);menu.appendChild(followed);menu.appendChild(mps);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},_createUserMenu=function(){var userMenu=document.createElement('div');var avatar=_userdata['avatar'];var rankTitle='<a id="fa_ranktitle" title="'+_lang['rank_title'].replace(/<\/?[^>]+>/gi,'')+'">'+_lang['rank_title']+'</a>';var table='<table><tbody>';table+='<tr><td class="first">'+_lang['Posts']+'</td><td> : </td>';table+='<td class="bold">'+_userdata['user_posts']+'</td></tr>';table+='<tr><td class="first">'+_lang['PMs']+'</td><td> : </td>';table+='<td class="bold">'+_userdata['user_nb_privmsg']+'</td></tr>';if(_board['reputation_active']){table+='<tr><td class="first">'+_lang['Reputation']+'</td><td> : </td>';table+='<td class="bold">'+_userdata['point_reputation']+'</td></tr>'}table+='</tbody></table>';userMenu.id=FA_USERMENU;$(userMenu).append(avatar).append(rankTitle).append(table);return userMenu},_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,textSize){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:textSize,'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}},_stripTags=function(){return this.replaceWith(this.html().replace(/<\/?[^>]+>/gi,''))};_manageStateAndCSS=function(){if(_userdata['fix_toolbar']){if($.cookie(TOOLBAR_STATE)==HIDE){$("#"+FA_TOOLBAR).css({marginTop:(0-30)+'px'});$("#"+FA_TOOLBAR_HIDDEN).css({marginTop:"+=60px"})}else{$("body").css({marginTop:"30px"});$.cookie(TOOLBAR_STATE,SHOW)}}else{if($.cookie(TOOLBAR_STATE)==HIDE){$("#"+FA_TOOLBAR).css({marginTop:($("#"+FA_TOOLBAR).offset().top-30)+'px'});$("#"+FA_TOOLBAR_HIDDEN).css({marginTop:"+=60px"})}else{$.cookie(TOOLBAR_STATE,SHOW)}}},_moveUp=function(){if($.cookie(TOOLBAR_STATE)&&$.cookie(TOOLBAR_STATE)==SHOW){$.cookie(TOOLBAR_STATE,HIDE);$("#"+FA_TOOLBAR).animate({marginTop:"-=30px"});if(_userdata['fix_toolbar']){$("body").animate({marginTop:"0px"})}$("#"+FA_TOOLBAR_HIDDEN).animate({marginTop:"+=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({marginTop:"+=30px"});if(_userdata['fix_toolbar']){$("body").animate({marginTop:"30px"})}$("#"+FA_TOOLBAR_HIDDEN).animate({marginTop:"-=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}})();

yeyyy!!! Thank you IT WORKS I found the solution TYVM @E-Mark

Topic Solved and Locked please >_<