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 April 23rd 2013, 8:54 am

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 April 23rd 2013, 11:36 am

Please provide your forum URL for appearance problems

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 April 23rd 2013, 11:39 am

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 April 23rd 2013, 11:52 am

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

Then put the code back and it should work. bye

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 April 23rd 2013, 12:10 pm

@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 April 23rd 2013, 12:26 pm

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;
}

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 April 23rd 2013, 12:29 pm

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 April 23rd 2013, 12:31 pm

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

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 April 23rd 2013, 12:45 pm

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 April 23rd 2013, 1:12 pm

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


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 April 23rd 2013, 2:34 pm

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 April 23rd 2013, 2:37 pm

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;
}

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 April 23rd 2013, 2:45 pm

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 April 23rd 2013, 2:46 pm

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

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 April 24th 2013, 6:46 am

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 April 24th 2013, 6:49 am

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.

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 April 24th 2013, 6:52 am

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 April 24th 2013, 6:54 am

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

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 April 24th 2013, 6:55 am

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 April 24th 2013, 6:57 am

Yes. bye

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 April 24th 2013, 7:06 am

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 April 24th 2013, 7:17 am

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

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 April 24th 2013, 7:34 am

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 April 24th 2013, 7:37 am

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

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 April 24th 2013, 7:39 am

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 April 24th 2013, 7:40 am

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

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 April 24th 2013, 7:48 am

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 April 24th 2013, 7:56 am

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

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 April 24th 2013, 11:31 am

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 April 24th 2013, 2:50 pm

Topic Solved & Locked

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