The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Repostion toolbar to bottom of site

View previous topic View next topic Go down

Solved Repostion toolbar to bottom of site

Post by thefirstdanshin on Tue 23 Apr - 9:54

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?

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by Jophy on Tue 23 Apr - 12:36

Please provide your forum URL for appearance problems
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Tue 23 Apr - 12:39

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

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Tue 23 Apr - 12:52

Find this on the Toolbar Configuration:
Fix the toolbar : (Set it to no)

Then put the code back and it should work. bye
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Tue 23 Apr - 13:10

@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. bye

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


thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Tue 23 Apr - 13:26

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;
}
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Tue 23 Apr - 13:29

no good Sad 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

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Tue 23 Apr - 13:31

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. bye
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Tue 23 Apr - 13:45

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 Sad

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Tue 23 Apr - 14:12

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

avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Tue 23 Apr - 15:34

that's a tutorial in French Smile
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

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Tue 23 Apr - 15:37

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;
}
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Tue 23 Apr - 15:45

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

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Tue 23 Apr - 15:46

Trusting me will be the best way thumleft . Do it first Smile.
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Wed 24 Apr - 7:46

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 Smile

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 Sad

so what will I do?

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Wed 24 Apr - 7:49

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.
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Wed 24 Apr - 7:52

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

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Wed 24 Apr - 7:54

Did you remove the javascript from the tutorial? Remove it first.
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Wed 24 Apr - 7:55

after I remove it? i then add the CSS?

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Wed 24 Apr - 7:57

Yes. bye
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Wed 24 Apr - 8:06

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 Smile

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 Smile


thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Wed 24 Apr - 8:17

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}})();
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Wed 24 Apr - 8:34

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:

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Wed 24 Apr - 8:37

Did you set the toolbar to fixed? At the toolbar configuration.
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Wed 24 Apr - 8:39

yes

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Wed 24 Apr - 8:40

Any problems? Working fine now with me? bye
EDIT: Ok, wait.
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Wed 24 Apr - 8:48

Thank you Smile

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by E-Mark on Wed 24 Apr - 8:56

Ok, can you try to off the toolbar fixed then check? Smile
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}})();
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by thefirstdanshin on Wed 24 Apr - 12:31

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

Topic Solved and Locked please >_<

thefirstdanshin
Forumember

Posts : 63
Reputation : 1
Language : English

Back to top Go down

Solved Re: Repostion toolbar to bottom of site

Post by Jophy on Wed 24 Apr - 15:50

Topic Solved & Locked
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum