Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49
» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21
» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28
» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15
» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11
» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24
» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58
» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50
» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22
» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12
» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10
» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51
» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11
» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19
» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34
by Ange Tuteur Tue 03 Sep 2019, 11:49
» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21
» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28
» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15
» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11
» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24
» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58
» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50
» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22
» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12
» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10
» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51
» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11
» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19
» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34
Recent Tutorials
Top posting users this month
Top Achievers
Who is online?
In total there are 9 users online :: 0 Registered, 0 Hidden and 9 Guests :: 1 Bot
None
Most users ever online was 515 on Tue 14 Sep 2021, 15:24
None
Most users ever online was 515 on Tue 14 Sep 2021, 15:24
fix the theme color
Page 1 of 1 • Share
Hi @sohab,
Forumactif Edge comes default with "Danube" as the primary color. There's two ways to change the theme color :
1. You can change the color of the theme to your personal preference by using the theme picker below the navigation.
2. The second method requires editing the unminified stylesheet.
Copy all the CSS from this file, then go to Admin Panel > Display > Colors, and remove all the content in your stylesheet by selecting all the content ( CTRL+A ) and deleting it with backspace. You will need to be patient because Forumotion's editor is unoptimized. Once all the content has been deleted, paste the content you copied from the file earlier and then save. After this you're free to edit the CSS and change the colors to whatever you like.
These are currently the two available methods for changing the theme color. I plan on adding a colors management to the control panel -- similar to the admin panel -- in a future release which will make changing the colors of the theme a lot easier.
Forumactif Edge comes default with "Danube" as the primary color. There's two ways to change the theme color :
1. You can change the color of the theme to your personal preference by using the theme picker below the navigation.
2. The second method requires editing the unminified stylesheet.
Copy all the CSS from this file, then go to Admin Panel > Display > Colors, and remove all the content in your stylesheet by selecting all the content ( CTRL+A ) and deleting it with backspace. You will need to be patient because Forumotion's editor is unoptimized. Once all the content has been deleted, paste the content you copied from the file earlier and then save. After this you're free to edit the CSS and change the colors to whatever you like.
These are currently the two available methods for changing the theme color. I plan on adding a colors management to the control panel -- similar to the admin panel -- in a future release which will make changing the colors of the theme a lot easier.
Re,
In the stylesheet there will be colors like :
#69C
#345
#369
#FFF
You can replace these colors with the hex color of your choice. You can use this tool to choose hex colors :
http://www.colorpicker.com/
You can also change the default color of the theme selector by going to Admin Panel > Modules > JavaScript codes management > [FA EDGE] ALL.JS ( this can be used to set a default color for the forum globally )
Find :
Replace 'Select a theme' with one of these colors :
In the stylesheet there will be colors like :
#69C
#345
#369
#FFF
You can replace these colors with the hex color of your choice. You can use this tool to choose hex colors :
http://www.colorpicker.com/
You can also change the default color of the theme selector by going to Admin Panel > Modules > JavaScript codes management > [FA EDGE] ALL.JS ( this can be used to set a default color for the forum globally )
Find :
- Code:
selected : my_getcookie('fa_theme_color') || 'Select a theme',
Replace 'Select a theme' with one of these colors :
- Code:
'Persian Red'
'Chestnut Rose'
'Eunry'
'Tuscany'
'Antique Brass'
'Hokey Pokey'
'Earls Green'
'Laser'
'Pine Glade'
'Celery'
'Wild Willow'
'Atlantis'
'Apple'
'Mantis'
'De York'
'Mountain Meadow'
'Emerald'
'Shamrock'
'Turquoise'
'Downy'
'Sinbad'
'Curious Blue'
'Danube'
'Mariner'
'Governor Bay'
'Blue Marguerite'
'Blue Bell'
'Purple Heart'
'Amethyst'
'Purple'
'Cerise'
'Fuchsia Pink'
'Lilac'
'Red Violet'
'Hopbush'
'Hibiscus'
Try replacing ALL the contents of [FA EDGE] ALL.JS with this :
- Code:
/******************************
** ======= FUNCTIONS ======= **
*******************************
** 00. fa_initForumModules
** 01. fa_navactif
** 02. fa_theme_changer
** 03. pseudoInputs
** 04. toolbar search mod
** 05. fae_sticky_nav_panel
** 06. image resizer
** 07. fae_toggle_category
** 08. sticky_nav_notifications
** 09. update_notifier
******************************/
/* -- 00. fa_initForumModules -- */
// initiate the toggler for the widget columns
function fa_initForumModules(column_id) {
var column = document.getElementById(column_id), menu;
if (column) {
column.insertAdjacentHTML('afterbegin', '<div class="title module_column_title">Widget Menu</div>');
menu = document.createElement('A');
menu.href = '#';
menu.title = 'Toggle widget menu';
menu.className = 'widget_menu column_button_' + column_id + ' color-secondary';
menu.onclick = function() {
var column = document.getElementById(/left/.test(this.className) ? 'left' : 'right');
$([this, column])[/active/.test(this.className) ? 'removeClass' : 'addClass']('active');
return false;
};
document.body.appendChild(menu);
}
};
// give active panels a very high z-index so they display above other panels and buttons
// forumotion replaces any z-index above 1000 w/999 in the stylesheet, so this must be applied via JS
document.write('<style type="text/css">'+
'.module_column, .widget_menu { z-index:30000; }'+
'.module_column.active, .widget_menu.active { z-index:99999; }'+
'</style>');
/* -- 01. fa_navactif -- */
// finds the currently active navigation item and adds a classname to it.
function fa_navactif() {
for (var cleanURI = window.location.href.replace(/\?.*|#.*/, ''), a = document.getElementById('page-header').getElementsByTagName('A'), i = 0, j = a.length; i < j; i++) {
if (/mainmenu/.test(a[i].className) && cleanURI == a[i].href.replace(/\?.*|#.*/,'')) {
a[i].className+=' fa_navactif';
break;
}
}
$('.mainmenu[href="/search"]').removeAttr('onclick');
};
/* -- 02. fa_theme_changer -- */
// theme selector for the forum
(function() {
window.fa_theme_color = {
selected : my_getcookie('fa_theme_color') || 'Mountain Meadow',
palette : {
'Select a theme' : [],
'Random theme' : [],
'Persian Red' : ['#D44', '#C33', '#B22', '#900', '#522'], // hue 000
'Chestnut Rose' : ['#D77', '#C66', '#B55', '#933', '#533'], // hue 000
'Eunry' : ['#DAA', '#C99', '#B88', '#966', '#544'], // hue 000
'Tuscany' : ['#D64', '#C63', '#B52', '#930', '#532'], // hue 020
'Antique Brass' : ['#DA7', '#C96', '#B85', '#963', '#543'], // hue 029
'Hokey Pokey' : ['#DA4', '#C93', '#B82', '#960', '#542'], // hue 039
'Earls Green' : ['#DD4', '#CC3', '#BB2', '#990', '#552'], // hue 060
'Laser' : ['#DD7', '#CC6', '#BB5', '#993', '#553'], // hue 060
'Pine Glade' : ['#DDA', '#CC9', '#BB8', '#996', '#554'], // hue 060
'Celery' : ['#AD4', '#9C3', '#8B2', '#690', '#452'], // hue 080
'Wild Willow' : ['#AD7', '#9C6', '#8B5', '#693', '#453'], // hue 090
'Atlantis' : ['#7D4', '#6C3', '#5B2', '#390', '#352'], // hue 100
'Apple' : ['#4D4', '#3C3', '#2B2', '#090', '#252'], // hue 120
'Mantis' : ['#7D7', '#6C6', '#5B5', '#393', '#353'], // hue 120
'De York' : ['#ADA', '#9C9', '#8B8', '#696', '#454'], // hue 120
'Mountain Meadow' : ['#4D7', '#3C6', '#2B5', '#093', '#253'], // hue 140
'Emerald' : ['#7DA', '#6C9', '#5B8', '#396', '#354'], // hue 150
'Shamrock' : ['#4DA', '#3C9', '#2B8', '#096', '#254'], // hue 160
'Turquoise' : ['#4DD', '#3CC', '#2BB', '#099', '#255'], // hue 180
'Downy' : ['#7DD', '#6CC', '#5BB', '#399', '#355'], // hue 180
'Sinbad' : ['#ADD', '#9CC', '#8BB', '#699', '#455'], // hue 180
'Curious Blue' : ['#4AD', '#39C', '#28B', '#069', '#245'], // hue 200
'Danube' : ['#7AD', '#69C', '#58B', '#369', '#345'], // hue 210
'Mariner' : ['#47D', '#36C', '#25B', '#039', '#235'], // hue 220
'Governor Bay' : ['#44D', '#33C', '#22B', '#009', '#225'], // hue 240
'Blue Marguerite' : ['#77D', '#66C', '#55B', '#339', '#335'], // hue 240
'Blue Bell' : ['#AAD', '#99C', '#88B', '#669', '#445'], // hue 240
'Purple Heart' : ['#74D', '#63C', '#52B', '#309', '#325'], // hue 260
'Amethyst' : ['#A7D', '#96C', '#85B', '#639', '#435'], // hue 270
'Purple' : ['#A4D', '#93C', '#82B', '#609', '#425'], // hue 279
'Cerise' : ['#D4D', '#C3C', '#B2B', '#909', '#525'], // hue 300
'Fuchsia Pink' : ['#D7D', '#C6C', '#B5B', '#939', '#535'], // hue 300
'Lilac' : ['#DAD', '#C9C', '#B8B', '#969', '#545'], // hue 300
'Red Violet' : ['#D4A', '#C39', '#B28', '#906', '#524'], // hue 321
'Hopbush' : ['#D7A', '#C69', '#B58', '#936', '#534'], // hue 331
'Hibiscus' : ['#D47', '#C36', '#B25', '#903', '#523'] // hue 340
},
change : function(color) {
var head = document.getElementsByTagName('HEAD')[0],
style = document.getElementById('fa_theme_style');
my_setcookie('fa_theme_color', color, true);
if (color != 'Select a theme') {
fa_theme_color.selected = color == 'Random theme' ? fa_theme_color.palette['Random theme'][Math.floor(Math.random() * fa_theme_color.palette['Random theme'].length)] : color;
fa_theme_color.selector.style.backgroundColor = fa_theme_color.palette[fa_theme_color.selected][1];
fa_theme_color.selector.style.borderColor = fa_theme_color.palette[fa_theme_color.selected][2];
fa_theme_color.selector.firstChild.innerHTML = 'Default theme';
if (style) head.removeChild(style);
$(head).append('<style type="text/css" id="fa_theme_style">' + fa_theme_color.css() + '</style>');
} else {
if (style) {
head.removeChild(style);
}
fa_theme_color.selector.style.backgroundColor = '#999';
fa_theme_color.selector.style.borderColor = '#888';
fa_theme_color.selector.firstChild.innerHTML = 'Select a theme';
}
},
css : function() {
var palette = fa_theme_color.palette[fa_theme_color.selected];
return '.color-primary, .title, h2.u, .h3, .inner h1.page-title, .mainmenu:after, .forumline tbody .catHead, form.search-form input.search-keywords, input.search-button, .pagination span a, a.button1, a.button2, button.button2, input.button1, input.button2, input.button, #profile-advanced-add a, img[src*="?poll"], .fa_pseudo_radio:after, #tabs, body div.sceditor-dropdown .button, .codebox dt, blockquote cite, .sceditor-container .sceditor-toolbar, body #fa_toolbar, body #fa_toolbar_hidden, body #fa_toolbar #fa_right #notif_list li.see_all, #fae_sticky_nav_panel a:after, img[src*="color=primary"], .table1 thead th, .breadcrumbs, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .fmd_awards td, #fmd_achievement_list .award, #achievement_progress div { background-color:' + palette[1] + '; }'+
'#cp-main h1:not(.title) { background-color:' + palette[1] + '; }'+
'.pagination span a:hover, a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, input.button:hover, #profile-advanced-add a:hover, input.search-button:hover, body div.sceditor-dropdown .button:hover, img[src*="color=primary"]:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]:hover { background-color:' + palette[2] + '; }'+
'.pagination span a:active, .pagination span a:focus, .pagination span strong, a.button1:active, a.button2:active, button.button2:active, input.button1:active, input.button2:active, input.button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active, a.button1:focus, a.button2:focus, button.button2:focus, input.button1:focus, input.button2:focus, input.button:focus, input.search-button:focus, #tabs a:after, body div.sceditor-dropdown .button:active, body div.sceditor-dropdown .button:focus, body #fa_search #fa_textarea, body #fa_search #fa_magnifier, img[src*="color=primary"]:active, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="file"]:focus { background-color:' + palette[3] + '; }'+
'.fa_pseudo_checkbox:after, h2.post-content, h3.post-content, h4.post-content { color:' + palette[1] + '; }'+
'img[src*="?poll"], .sceditor-container .sceditor-toolbar, .sceditor-container .sceditor-group, body #fa_toolbar, body #fa_toolbar_hidden { border-color:' + palette[2] + '; }'+
'.color-secondary, .forum-status[style*="locked=true"], img[src*="color=secondary"] { background-color:' + palette[4] + '; }'+
'.forum-status[style*="state=new"] { background-color:' + palette[0] + '; }'+
'form.search-form { background-color:' + palette[2] + '; }'+
'form.search-form input.search-keywords, input.search-button { border-color:' + palette[0] + '!important; }'+
'input[type="text"]:hover, input.post:hover, input.inputbox:hover, textarea:hover, select:hover, input[type="text"]:focus, input.post:focus, input.inputbox:focus, textarea:focus, select:focus, body div.sceditor-dropdown input:focus, body div.sceditor-dropdown textarea:focus, .fa_pseudo_checkbox:hover, .fa_pseudo_radio:hover, .sceditor-container, h2.post-content, h3.post-content, h4.post-content, .lastpost-avatar, #wio_new_avatar, .avatar-mini img, .avatar { border-color:' + palette[1] + ' !important; }'+
'a { color:' + palette[3] + '; }'+
'a:hover, a:active { color:' + palette[2] + '; }'+
'::selection { background-color:' + palette[1] + '; } ::-moz-selection { background-color:' + palette[1] + '; }'+
'::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button:single-button { background-color:' + palette[1] + '; }'+
'::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:single-button:hover { background-color:' + palette[2] + '; }'+
'::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-button:single-button:active { background-color:' + palette[3] + '; }';
}
};
var selector = document.createElement('SELECT'),
frag = document.createDocumentFragment(),
opt,
color,
i;
selector.id = 'fa_theme_selector';
selector.onchange = function() {
fa_theme_color.change(this.value);
};
for (i in fa_theme_color.palette) {
opt = document.createElement('OPTION');
color = /Random theme|Select a theme/.test(i) ? ['#FFF', '#000'] : [fa_theme_color.palette[i][2], ''];
if (!/Random theme|Select a theme/.test(i)) {
fa_theme_color.palette['Random theme'][fa_theme_color.palette['Random theme'].length] = i;
}
opt.value = i;
opt.innerHTML = i;
opt.selected = fa_theme_color.selected == i ? true : false;
opt.style.backgroundColor = color[0];
opt.style.color = color[1];
frag.appendChild(opt);
}
selector.appendChild(frag);
document.write('<style type="text/css">#fa_theme_selector { color:#FFF; border:1px solid transparent; float:left; outline:none; }</style>');
fa_theme_color.selector = selector;
fa_theme_color.change(fa_theme_color.selected);
$(function() {
var body = document.getElementById('page-body');
body.insertBefore(selector, body.firstChild);
});
}());
/* -- 03. pseudoInputs -- */
// function to hide all checkboxes / radios and replace them with pseudo inputs
$(function() {
for (var input = document.getElementsByTagName('INPUT'), i = 0, j = input.length, type; i < j; i++) {
type = input[i].type;
if (/radio|checkbox/i.test(type)) {
input[i].className += ' fa_input_hidden';
input[i].insertAdjacentHTML('afterend', '<span class="fa_pseudo_' + type + '" onclick="this.previousSibling.click(); return false;"/>');
}
}
});
/* -- 04. toolbar search mod -- */
// gives the search bar a placeholder and attaches an event handler to the button
window.fa_textarea_placeholer = 'Search...';
$(function(){
$(function() {
var fa_magnifier = document.getElementById('fa_magnifier'),
fa_textarea = document.getElementById('fa_textarea');
if (fa_magnifier) {
fa_magnifier.onclick = function() {
this.parentNode.submit();
};
}
if (fa_textarea) {
fa_textarea.value = fa_textarea_placeholer;
fa_textarea.onfocus = function() {
if (this.value == fa_textarea_placeholer) {
this.value = '';
}
};
fa_textarea.onblur = function() {
if (!this.value) {
this.value = fa_textarea_placeholer;
}
};
}
});
});
/* -- 05. fae_sticky_nav_panel -- */
// adds a sticky navigation for quick use when the navbar isn't visible
$(function() {
window.fae_sticky = {
// various user options
navbar : 'navbar',
position : 'left',
title : 'Quick Navigation',
tooltip : 'Toggle quick navigation',
additionalHTML : '<div class="nav-actions"><a href="javascript:fae_sticky.copyURL();" title="Copy BBCode URL"><i class="fa fa-link"></i></a>' + ( _userdata.user_level == 1 ? '<a href="/admin" title="Admin Panel"><i class="fa fa-wrench"></i></a>' : '' ) + '<a href="#top" title="Top of page"><i class="fa fa-chevron-up"></i></a><a href="#bottom" title="Bottom of page"><i class="fa fa-chevron-down"></i></a></div>',
alwaysVisible : false,
// copy page URL as bbcode
copyURL : function() {
window.prompt('Copy the BBCode URL below. (CTRL+C)', '[url=' + window.location + ']' + document.title + '[/url]');
},
// listen for changes in the navbar's bottom rect
scroll : function() {
var rect = fae_sticky.navbar.getBoundingClientRect(),
position = fae_sticky.node[0].style[fae_sticky.position];
if (rect.bottom <= fae_sticky.offset[fae_sticky.tb_state] && position == '-30px') {
fae_sticky.node[0].style[fae_sticky.position] = '';
} else if (rect.bottom > fae_sticky.offset[fae_sticky.tb_state] && position != '-30px') {
fae_sticky.node[0].style[fae_sticky.position] = '-30px';
$(fae_sticky.node).removeClass('active');
}
},
// offsets for when the toolbar is hidden / shown
offset : {
fa_hide : 0,
fa_show : 30
}
};
// nodes used in the module
fae_sticky.node = [
// button
$('<a class="widget_menu column_button_' + fae_sticky.position + ' color-secondary" />').attr({
href : '#',
id : 'fa_sticky_nav_button',
style : fae_sticky.position + ':-30px;',
title : fae_sticky.tooltip
}).click(function() {
$(fae_sticky.node)[/active/.test(this.className) ? 'removeClass' : 'addClass']('active');
return false;
})[0],
// panel
$('<div id="fae_sticky_nav_panel" class="module_column column_' + fae_sticky.position + ' color-secondary" />')
.html('<div class="title module_column_title">' + fae_sticky.title + '</div><div class="module_inner"></div>')[0]
];
fae_sticky.navbar = document.getElementById(fae_sticky.navbar); // get the old navbar
// then clone its contents and add it to the sticky panel
$('.module_inner', fae_sticky.node[1]).append($('a.mainmenu', fae_sticky.navbar).clone()).append(fae_sticky.additionalHTML);
$(document.body).append(fae_sticky.node);
if (!fae_sticky.alwaysVisible) {
fae_sticky.tb_state = my_getcookie('toolbar_state') || (_userdata.activate_toolbar ? 'fa_show' : 'fa_hide');
fae_sticky.scroll();
$(window).scroll(fae_sticky.scroll);
$(function() {
$('#fa_hide, #fa_show').click(function() {
fae_sticky.tb_state = this.id;
});
});
} else {
fae_sticky.node[0].style.left = '';
}
});
/* -- 06. image resizer -- */
(function() {
window.fa_img_resizer = {
max_width : 400, // maximum image width (400px)
max_height : 250, // maximum image height (250px)
selector : '.postbody .content img, .mod_news img, .message-text img', // where images should be resized
options : {
bar : true, // resized image options bar
toggler : true, // Enlarge / Reduce Image
full_size : true, // Show full size
download : false, // Download image link
lightbox : true // lightbox effect
},
// texts
lang : {
full_size : '<i class="fa fa-external-link"></i> Show full size',
enlarge : '<i class="fa fa-search-plus"></i> Enlarge image',
reduce : '<i class="fa fa-search-minus"></i> Reduce image',
download : '<i class="fa fa-download"></i> Download image',
tooltip : 'Click to view full image'
},
// resize all images inside the "resizeIn" elements
resize : function() {
for (var a = $(fa_img_resizer.selector), i = 0, j = a.length; i < j; i++) {
if (!a[i].alt && (a[i].naturalWidth > fa_img_resizer.max_width || a[i].naturalHeight > fa_img_resizer.max_height)) {
a[i].className += ' fa_img_reduced';
// make the image a "link" if it's not wrapper with one
if (fa_img_resizer.options.lightbox && a[i].parentNode.tagName != 'A') {
a[i].style.cursor = 'pointer';
a[i].title = fa_img_resizer.lang.tooltip;
a[i].onclick = function() {
fa_img_resizer.lightbox(this);
};
}
// create the resize bar
if (fa_img_resizer.options.bar) {
(a[i].parentNode.tagName == 'A' ? a[i].parentNode : a[i]).insertAdjacentHTML('beforebegin',
'<div class="fa_img_resizer" style="width:' + (a[i].width - 8) + 'px;">'+
(fa_img_resizer.options.toggler ? '<a class="fa_img_enlarge" href="#" onclick="fa_img_resizer.toggle(this); return false;">' + fa_img_resizer.lang.enlarge + '</a>' : '')+
(fa_img_resizer.options.full_size ? '<a class="fa_img_full" href="/viewimage.forum?u=' + a[i].src + '" target="_blank">' + fa_img_resizer.lang.full_size + '</a>' : '')+
(fa_img_resizer.options.download && !/Firefox/.test(navigator.userAgent) && 'download' in document.createElement('A') ? '<a class="fa_img_download" href="' + a[i].src + '" target="_blank" download>' + fa_img_resizer.lang.download + '</a>' : '' )+
'</div>'
);
}
}
}
},
// toggle between enlarged and reduced image sizes
toggle : function(that) {
var img = that.parentNode.nextSibling;
if (img.tagName == 'A') {
img = img.getElementsByTagName('IMG')[0];
}
if (/fa_img_reduced/.test(img.className)) {
that.innerHTML = fa_img_resizer.lang.reduce;
that.className = 'fa_img_reduce';
img.className = img.className.replace(/fa_img_reduced/, 'fa_img_enlarged');
} else {
that.innerHTML = fa_img_resizer.lang.enlarge;
that.className = 'fa_img_enlarge';
img.className = img.className.replace(/fa_img_enlarged/, 'fa_img_reduced');
}
that.parentNode.style.width = img.width - 8 + 'px';
},
// lightbox effect
lightbox : function(that) {
var frag = document.createDocumentFragment(),
overlay = $('<div id="fa_img_lb_overlay" />')[0],
img = $('<img id="fa_img_lb_image" src="' + that.src + '" />')[0];
overlay.onclick = fa_img_resizer.kill_lightbox;
img.onclick = fa_img_resizer.kill_lightbox;
frag.appendChild(overlay);
frag.appendChild(img);
document.body.appendChild(frag);
document.body.style.overflow = 'hidden';
img.style.marginTop = '-' + (img.height / 2) + 'px';
img.style.marginLeft = '-' + (img.width / 2) + 'px';
},
// kill the lightbox
kill_lightbox : function() {
var overlay = document.getElementById('fa_img_lb_overlay'),
img = document.getElementById('fa_img_lb_image');
overlay && document.body.removeChild(overlay);
img && document.body.removeChild(img);
document.body.style.overflow = '';
}
};
// write styles into the document head
document.write(
'<style type="text/css">'+
fa_img_resizer.selector + ', .fa_img_reduced { max-width:' + fa_img_resizer.max_width + 'px; max-height:' + fa_img_resizer.max_height + 'px; }'+
'.fa_img_enlarged { max-width:100% !important; max-height:100% !important; }'+
'.fa_img_resizer { font-size:12px; text-align:left; padding:3px; margin:3px 0; background:#FFF; border:1px solid #CCC; }'+
'.fa_img_resizer a { margin:0 3px; }'+
'.fa_img_resizer i { font-size:14px; vertical-align:middle; }'+
'#fa_img_lb_overlay { background:rgba(0, 0, 0, 0.7); position:fixed; top:0; right:0; bottom:0; left:0; z-index:999999; cursor:pointer; }'+
'#fa_img_lb_image { max-height:100%; max-width:100%; position:fixed; left:50%; top:50%; z-index:9999999; cursor:pointer; }'+
'</style>'
);
// begin modifying images when the page is loaded
$(window).load(fa_img_resizer.resize);
// kill forumactif's image resizer
if (window.resize_images) {
window.resize_images = function() {
return false;
};
}
}());
/* -- 07. fae_toggle_category -- */
function fae_toggle_category(that) {
var next = that.nextSibling;
that.className = 'title ';
if (next.style.display == 'none') {
next.style.display = '';
that.className += 'c_hide';
my_setcookie('fae_' + next.id, 'shown');
} else {
next.style.display = 'none';
that.className += 'c_show';
my_setcookie('fae_' + next.id, 'hidden');
}
};
/* -- 08. sticky_nav_notifications -- */
$(function() {
if (_userdata.session_logged_in) {
var nav = document.getElementById('fae_sticky_nav_panel'),
a = $('<a class="mainmenu" href="/profile?mode=editprofile&page_profil=notifications">Notifications</a>')[0];
if (nav) {
$('a[href="/privmsg?folder=inbox"]', nav).after(a);
$.get('/notification.forum', function(o) {
if (o && o.unread) {
a.insertAdjacentHTML('beforeend', ' <span id="sticky_notif_unread">(' + o.unread + ')</span>');
}
}, 'json');
}
}
});
/* -- 09. update_notifier -- */
$(function() {
if (_userdata.user_id == 1 && !my_getcookie('fae_update_alerted')) {
$.get('https://raw.githubusercontent.com/SethClydesdale/forumactif-edge/master/javascripts/version-data.js', function(d) {
var script = document.createElement('SCRIPT');
script.type = 'text/javascript';
script.text = d.replace(/forumactif_edge_version_data/, 'fae_github_version_data');
document.body.appendChild(script);
if (forumactif_edge_version_data.length < fae_github_version_data.length) {
alert('An update has been found for Forumactif Edge. When you\'re ready, please proceed to your FAE Control Panel and click "Check for updates" to begin the update process.');
}
my_setcookie('fae_update_alerted', '1');
});
}
});
- Sponsored content
Similar topics
Create an account or log in to leave a reply
You need to be a member in order to leave a reply.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum