Repostion toolbar to bottom of site
Page 1 of 1 • Share •
Repostion toolbar to bottom of site
How do I reposition the toolbar to the bottom of my site?
I followed this:
but it leaves an unwanted space in the top of my site,

how do i remove that?, is there an alternative cSS?
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
Re: Repostion toolbar to bottom of site
• Please provide your forum URL for appearance problems
Jophy- ForumGuru
-
Posts : 17924
Reputation : 835
Language : English
Location : Somewhere
Re: Repostion toolbar to bottom of site
http://ggpalace.forumotion.net
I disabled it from that site yet, because it ruins the site...
I disabled it from that site yet, because it ruins the site...
thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
Re: Repostion toolbar to bottom of site
Find this on the Toolbar Configuration:
Then put the code back and it should work.
Fix the toolbar : (Set it to no)
Then put the code back and it should work.

Re: Repostion toolbar to bottom of site
@E-Mark wrote:Find this on the Toolbar Configuration:Fix the toolbar : (Set it to no)
Then put the code back and it should work.![]()
Thanks! but I found another tutorial in French btw here:
http://forum.forumactif.com/t345495-modification-de-la-toolbar#2950858
but the problem is that it doesn't show your profile picture when you click the "Welcome <username>" tab
thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
Re: Repostion toolbar to bottom of site
Yep, because the toolbar is placed at the bottom.
The solution here is to fix the style for it.
Add this to your CSS:
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;
}
Re: Repostion toolbar to bottom of site
no good
i think it's in this Javascript that I added:
I think it's missing the element of the Prof. Pic

- 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
Re: Repostion toolbar to bottom of site
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.
So, i don't get your other problem? Can you explain well. Sorry.

Re: Repostion toolbar to bottom of site
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

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

thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
Re: Repostion toolbar to bottom of site
I can't understand the language use in that forum. What does it do actually?

Re: Repostion toolbar to bottom of site
that's a tutorial in French 
it tells you to put that given Javascript and CSS in your forum, it places the toolbar in the bottom
it works fine, but it doesn't show your profile picture


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
Re: Repostion toolbar to bottom of site
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;
}
Re: Repostion toolbar to bottom of site
nope, that javascript automatically puts the toolbar at the bottom of page
so if I remove it, the CSS you placed will be useless :'(

so if I remove it, the CSS you placed will be useless :'(
thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
Re: Repostion toolbar to bottom of site
uhmmm, no good, because, i didn't use this code already
and the codes you gave me, it makes my notification drop down, not working, I used everything from the site, I gave you
nevermind this:
hehe, the javascript already provides a slide-up instead of a slide-down, my problem is it doesn't have this:

the javascript only includes, the other things needed in a toolbar, except the Usermenu
so what will I do?
- Code:
#fa_toolbar {
position: fixed;
bottom: 0px;
left: 0px;
top: auto;
}
and the codes you gave me, it makes my notification drop down, not working, I used everything from the site, I gave you

nevermind this:
- Code:
#fa_toolbar {
position: fixed;
bottom: 0px;
left: 0px;
top: auto;
}
hehe, the javascript already provides a slide-up instead of a slide-down, my problem is it doesn't have this:

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

so what will I do?
thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
Re: Repostion toolbar to bottom of site
Add this code to your cSS:
Then remove the Javascript on the tutorial. Give it a try first.
- 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.
Re: Repostion toolbar to bottom of site
still nothing, i don't this it's CSS

thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
Re: Repostion toolbar to bottom of site
Did you remove the javascript from the tutorial? Remove it first.
Re: Repostion toolbar to bottom of site
after I remove it? i then add the CSS?
thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
Re: Repostion toolbar to bottom of site
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
it doens't have the Prof Pic, Posts, PMs, and Reputation
>.< hehe, and I want to remove the space in the top, the space is the same length with the toolbar, when I added the Javascript, the space was gone, and the it works very well only problem is, there's no:

(Red Box)
because the Javascript, look at it, carefully

- Code:
var menu = document.createElement('ul');
var see = _createSubMenu(_lang['See_my_profile'], 'http://' + window.location.hostname + '/u' + _userdata['user_id']);
var config = _createSubMenu(_lang['Edit_profile'], 'http://' + window.location.hostname + '/profile?mode=editprofile&page_profil=preferences');
var separator1 = document.createElement('li');
var topics = _createSubMenu(_lang['All_Topics'], 'http://' + window.location.hostname + '/sta/' + encodeURIComponent(_userdata['username']));
var posts = _createSubMenu(_lang['All_Messages'], 'http://' + window.location.hostname + '/spa/' + encodeURIComponent(_userdata['username']));
var followed = _createSubMenu(_lang['js_topics_followed'], 'http://' + window.location.hostname + '/search?search_id=watchsearch');
var separator2 = document.createElement('li');
var logout = _createSubMenu(_lang['Logout'], 'http://' + window.location.hostname + '/login?logout=1');
it doens't have the Prof Pic, Posts, PMs, and Reputation

thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
Re: Repostion toolbar to bottom of site
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}})();
Re: Repostion toolbar to bottom of site
is there a way to merge the two JScripts together? because u're javascript has:
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:
- 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
Re: Repostion toolbar to bottom of site
Did you set the toolbar to fixed? At the toolbar configuration.
thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
Re: Repostion toolbar to bottom of site
Ok, can you try to off the toolbar fixed then check? 
If not working, try to replace the JS with this one:

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}})();
Re: Repostion toolbar to bottom of site
yeyyy!!! Thank you
IT WORKS
I found the solution
TYVM @E-Mark
Topic Solved and Locked please >_<






Topic Solved and Locked please >_<
thefirstdanshin- Forumember
- Posts : 63
Reputation : 1
Language : English
Re: Repostion toolbar to bottom of site
Topic Solved & Locked |
Jophy- ForumGuru
-
Posts : 17924
Reputation : 835
Language : English
Location : Somewhere
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum