☰

BroniesNL Customizer

Een user script om de interface (achtergrond, banner en kleur accenten) van Bronies.nl aan te passen en enkele problemen met het forum op te lossen.

// ==UserScript==
// @name        BroniesNL Customizer
// @namespace   Ossie/BroniesNL/Customizer
// @description Een user script om de interface (achtergrond, banner en kleur accenten) van Bronies.nl aan te passen en enkele problemen met het forum op te lossen.
// @include     http://www.bronies.nl/*
// @include     https://www.bronies.nl/*
// @include     http://bronies.nl/*
// @include     https://bronies.nl/*
// @exclude     /\w*(gif|jpg|jpeg|png)/
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// @require     //cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js
// @version     2.5
// @grant       GM_getValue
// @grant       GM_setValue
// ==/UserScript==

var settings = {"background":"Official","cusback":"","banner":"Official","cusban":"","theme":"Normal","noimages":0,"limitimages":1,"bettertime":1};
loadSettings();

var darkmod = [['body','color','#ddd'],['h2, h3','color','#ccc'],['.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar', 'background-color','rgba(16,16,16,0.8)'],['.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar', 'border','1px solid #2c65a4'],['#wrapper .smalltext','color','#ddd'],['#wrapper','border-radius','4px'],['.smalltext','color','#ddd'],['a:link, a:visited','color','#3f9aef'],['a:hover','color','#86bcef'],['#navigation','background-color',''],['.indent','background-color','rgba(0,0,0,0.1)'],['#wrapper','background','rgba(16,16,16,0.7)'],['.defaultform','background','rgba(255,255,255,0.1)'],['.npbutton','background','rgb(255,255,255)'],['#footer','background','url()'],['code span','color','#ddd']];
var whitemod = [['body','color','#111'],['h2, h3','color','#222'],['.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar', 'background-color','rgba(255,255,255,0.8)'],['.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar', 'border','1px solid #AAA'],['#wrapper .smalltext','color','#111'],['#wrapper','border-radius','4px'],['.smalltext','color','#111'],['a:link, a:visited','color','#3f7aef'],['a:hover','color','#86bcef'],['#navigation','background-color',''],['.indent','background-color','rgb(255,255,255)'],['#wrapper','background','rgba(255,255,255,0.5)'],['.defaultform','background','rgba(255,255,255,0.4)'],['.npbutton','background','rgb(255,255,255)'],['#footer','background','url()']];
var normal = [['body','color',''],['.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar', 'background-color',''],['.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar', 'border',''],['#wrapper .smalltext','color',''],['#wrapper','border-radius',''],['.smalltext','color',''],['a:link, a:visited','color',''],['a:hover','color',''],['#navigation','background-color',''],['.indent','background-color',''],['#wrapper','background',''],['.defaultform','background',''],['.npbutton','background',''],['#footer','background','']];

var themes = ["Dark Mod", "White Mod", "Normal"];
var backgrounds = {"Dark Mod":"http://i.imgur.com/rc4ARbY.jpg","Official":"http://www.bronies.nl/e107_themes/leaf/images/background_mlp2.jpg","None - White":"http://i.imgur.com/GHpkydG.png","None - Grey":"http://i.imgur.com/8KvYUOS.png","None - Black":"http://i.imgur.com/7gMwArd.png"};
var banners = {"Dark Mod":"http://i.imgur.com/QKNikxE.jpg","Official":"http://www.bronies.nl/e107_themes/leaf/images/01_header.png","Original":"http://i.imgur.com/Hiu5h1P.png","Rainbow Dash":"http://i.imgur.com/zIDVEHs.png","Luna/Zecora/Chrysalis":"http://i.imgur.com/JBfkwiX.png","Discord":"http://i.imgur.com/L3p8owm.jpg","None":""};

var optionsbutton = '<img class="customizerbutton" src="http://i.imgur.com/W3b3Sbv.png" style="position:absolute;right:0px;top:0px;z-index:1000;"></img>';

//0
var sback = '';
for(back in backgrounds){
	var sel = settings["background"] == back ? 'selected="selected"' : '';
	sback += '<option value="'+back+'" '+sel+'>'+back+'</option>';
}

//2
var sban = '';
for(ban in banners){
	var sel = settings["banner"] == ban ? 'selected="selected"' : '';
	sban += '<option value="'+ban+'" '+sel+'>'+ban+'</option>';
}

//4
var st = '';
for(t in themes){
	var sel = settings["theme"] == themes[t] ? 'selected="selected"' : '';
	st += '<option value="'+themes[t]+'" '+sel+'>'+themes[t]+'</option>';
}

//5
var sni = settings["noimages"] ? 'checked="yes"' : '';
var sli = settings["limitimages"] ? 'checked="yes"' : '';
var sbt = settings["bettertime"] ? 'checked="yes"' : '';

var options = format('<div class="customizeroptions" style="color:#FFF;text-align:left;display:none;position:absolute;right:0px;top:0px;z-index:999;background:rgba(50,50,50,0.6);border:1px solid rgba(150,150,150,0.5);padding:20px;">\
<span>Background:</span>\
<select name="cbackground" id="cbackground">{0}</select><BR>\
<span>Custom Background:</span>\
<input type="text" name="cusback" id="cusback" value="{1}"/><br><br>\
<span>Banner:</span>\
<select name="cbanner" id="cbanner">{2}</select><BR>\
<span>Custom Banner:</span>\
<input type="text" name="cusban" id="cusban" value="{3}"/><br><br>\
<span>Theme:</span><select name="ctheme" id="ctheme">{4}</select><BR>\
<input type="checkbox" name="cnoimages" id="cnoimages" {5}> Disable Images<br>\
<input type="checkbox" name="climitimages" id="climitimages" {6}> Limit Images<br>\
<input type="checkbox" name="cbettertime" id="cbettertime" {7}> Show Thread Age<br>\
<button class="savesettings" value="Save">Save</button></div>',sback, settings["cusback"], sban, settings["cusban"], st, sni, sli, sbt);
  
showSettingsButton();
applyTheme();
applyBackground();
applyBanner();
fixImages();
fixButtons();
fixSpoiler();
if(settings["bettertime"]) {
	betterTime();
}
if(settings["limitimages"]) {
	limitImages();
}
if(settings["noimages"]) {
	noImages();
}

$(document).keydown(function(e) {
	if(!e.ctrlKey && e.altKey && e.keyCode >= 49 && e.keyCode <= 56){
		var value = e.keyCode - 48;
		if($('#post').length != 0) {
			$('#post').insertAtCaret('[img width='+value+'00][/img]');
			//$('#post').setCaret($('#post').getCursorPosition()-6);
		} else if(document.location.href.indexOf('/forum_viewtopic.php') != -1) {
			$('.forumheader3 form p .tbox').insertAtCaret('[img width='+value+'00][/img]');
			//$('#post').setCaret($('#post').getCursorPosition()-6);
		}
	}
});

$('.customizeroptions span').css('width','130px').css('display','inline-block');
$('.customizerbutton').click(showSettings);
$('.savesettings').click(saveSettings);

function showSettingsButton() {
	$('body').append(optionsbutton).append(options);
}

function showSettings(event) {
	if($('.customizeroptions').is(":visible")) {
		$('.customizeroptions').hide();
	} else {
		$('.customizeroptions').show();
	}
}

function loadSettings() {
	var set = GM_getValue('settings');
	if(set != null) settings = JSON.parse(set);
}

function saveSettings(event) {
	settings["background"] = $('#cbackground').find(":selected").text();
	settings["cusback"] = $('#cusback').val() != null && $('#cusback').val() != '' ? $('#cusback').val() : '';
	settings["banner"] = $('#cbanner').find(":selected").text();
	settings["cusban"] = $('#cusban').val() != null && $('#cusban').val() != '' ? $('#cusban').val() : '';
	settings["theme"] = $('#ctheme').find(":selected").text();
	settings["noimages"] = $('#cnoimages').prop('checked');
	settings["limitimages"] = $('#climitimages').prop('checked');
	settings["bettertime"] = $('#cbettertime').prop('checked');
	GM_setValue('settings',JSON.stringify(settings));
	applyBackground();
	applyBanner();
	applyTheme();
	if(settings["noimages"]) {
		noImages();
	}
}

function applyTheme() {
	switch(settings["theme"]) {
		case("Dark Mod"):
			theme = darkmod;
		break;
		case("White Mod"):
			theme = whitemod;
		break;
		case("Normal"):
			theme = normal;
		break;
	}
	
	for(i = 0; i < theme.length; i++) {
		$(theme[i][0]).css(theme[i][1],theme[i][2]);
	}

}

function applyBackground() {
	var w = backgrounds[settings["background"]];
	if(settings["cusback"] != null && settings["cusback"] != "") w = settings["cusback"];
	$('body').css('background-image','url("'+w+'")');
}

function applyBanner() {
	var b = banners[settings["banner"]];
	if(settings["cusban"] != null && settings["cusban"] != "") b = settings["cusban"];
	$('#header').css('background','url("'+b+'") no-repeat scroll 0% 0% transparent');
}

function fixImages() {
	$('.forumheader2 img').each(function(index) {
		if($(this).attr('src').indexOf('nonew') != -1) {
			$(this).attr('src','http://i.imgur.com/yWQc5MT.png');
		} else if($(this).attr('src').indexOf('new.') != -1) {
			$(this).attr('src','http://i.imgur.com/FMUM9N9.png');
		}
	});
	
	$('.forumheader3 img').each(function(index) {
		if($(this).attr('src').indexOf('/nonew.png') != -1) {
			$(this).attr('src','http://i.imgur.com/yWQc5MT.png');
		} else if($(this).attr('src').indexOf('/new.png') != -1) {
			$(this).attr('src','http://i.imgur.com/FMUM9N9.png');
		} else if($(this).attr('src').indexOf('/sticky.png') != -1) {
			$(this).attr('src','http://i.imgur.com/h4cXlGk.png');
		} else if($(this).attr('src').indexOf('/announce.png') != -1) {
			$(this).attr('src','http://i.imgur.com/AnbFb3V.png');
		} else if($(this).attr('src').indexOf('/nonew_popular.png') != -1) {
			$(this).attr('src','http://i.imgur.com/8KxcQS7.png');
		} else if($(this).attr('src').indexOf('/new_popular.png') != -1) {
			$(this).attr('src','http://i.imgur.com/1J9BC2e.png');
		} else if($(this).attr('src').indexOf('/sticky_closed.png') != -1) {
			$(this).attr('src','http://i.imgur.com/GFh26F5.png');
		} else if($(this).attr('src').indexOf('/closed.png') != -1) {
			$(this).attr('src','http://i.imgur.com/SRLivKT.png');
		} else if($(this).attr('src').indexOf('/nonew_small.png') != -1) {
			$(this).attr('src','http://i.imgur.com/yWQc5MT.png');
		} else if($(this).attr('src').indexOf('/new_small.png') != -1) {
			$(this).attr('src','http://i.imgur.com/FMUM9N9.png');
		} else if($(this).attr('src').indexOf('/sticky_small.png') != -1) {
			$(this).attr('src','http://i.imgur.com/h4cXlGk.png');
		} else if($(this).attr('src').indexOf('/announce_small.png') != -1) {
			$(this).attr('src','http://i.imgur.com/AnbFb3V.png');
		} else if($(this).attr('src').indexOf('/nonew_popular_small.png') != -1) {
			$(this).attr('src','http://i.imgur.com/8KxcQS7.png');
		} else if($(this).attr('src').indexOf('/new_popular_small.png') != -1) {
			$(this).attr('src','http://i.imgur.com/1J9BC2e.png');
		} else if($(this).attr('src').indexOf('/sticky_closed_small.png') != -1) {
			$(this).attr('src','http://i.imgur.com/GFh26F5.png');
		} else if($(this).attr('src').indexOf('/closed_small.png') != -1) {
			$(this).attr('src','http://i.imgur.com/SRLivKT.png');
		} else if($(this).attr('src').indexOf('/e.png') != -1) {
			$(this).attr('src','http://i.imgur.com/5On2eOu.png');
		}
	});
	
	$('.forumheader3 img').each(function(index) {
		var src = $(this).attr('src');
		if(src.indexOf('lev1.') != -1) src = 'http://i.imgur.com/NT2kb0S.png';
		else if(src.indexOf('lev2') != -1) src = 'http://i.imgur.com/hDHNQSa.png';
		else if(src.indexOf('lev3') != -1) src = 'http://i.imgur.com/S83Bn9u.png';
		else if(src.indexOf('lev4') != -1) src = 'http://i.imgur.com/ESAMXeC.png';
		else if(src.indexOf('lev5') != -1) src = 'http://i.imgur.com/v8yUi3S.png';
		else if(src.indexOf('lev6') != -1) src = 'http://i.imgur.com/rqfI3dR.png';
		else if(src.indexOf('lev7') != -1) src = 'http://i.imgur.com/MJhubYv.png';
		else if(src.indexOf('lev8') != -1) src = 'http://i.imgur.com/jCy7qZR.png';
		else if(src.indexOf('lev9') != -1) src = 'http://i.imgur.com/pKd6f15.png';
		else if(src.indexOf('lev10') != -1) src = 'http://i.imgur.com/HM4MyzB.png';
		$(this).attr('src',src);
	});
	
	$('table tbody tr td a img').each(function(index) {
		if($(this).attr('src').indexOf('reply.') != -1) {
			$(this).attr('src','http://i.imgur.com/ppch3ZE.png');
		} else if($(this).attr('src').indexOf('newthread.') != -1) {
			$(this).attr('src','http://i.imgur.com/lpuuHS9.png');
		}
	});
}

function fixButtons() {
	$('#navigation ul li a')
		.css('top','32px')
		.css('background','rgba(255,255,255,0.3)')
		.css('border','1px solid rgba(127,127,127,0.7)')
		.css('width','102px')
		.css('height','23px')
		.css('line-height','23px');
	$('.nav1_onpage a, .nav2_onpage a, .nav3_onpage a, .nav4_onpage a, .nav5_onpage a')
		.css('top','32px')
		.css('background','rgba(255,255,255,0.4)')
		.css('border','1px solid rgba(127,127,127,0.7)')
		.css('width','102px')
		.css('height','23px')
		.css('line-height','23px')
		.css('margin','0px');
}

function betterTime() {
	var now = new Date();
	if(document.location.href.indexOf('/forum.php') != -1) {
		$('.forumheader3 .smallblacktext').each(function(index) {
			var t = $(this).text();
			console.log('1');
			if(t.indexOf('Edited') == -1) {
				console.log('2');
				if(t.indexOf(':') != -1) {
					var d = Date.parseExact(t.substring(4,t.indexOf(':')+5),'MMM dd yyyy, hh:mmtt');
					console.log(t.substring(4,t.indexOf(':')+5));
					var dif = Math.floor(Math.abs(now - d)/1000/60);
					if(dif>100800) dif = ">10w";
					else if(dif>1440) dif = Math.floor(dif/1440) + "d";
					else if(dif>60) dif = Math.floor(dif/60) + "h";
					else dif = dif + "m";
					$(this).html($(this).html() + " ("+dif+")");
				}
			}
		});
	}
	if(document.location.href.indexOf('viewforum') != -1) {
		$('.forumheader3').each(function(index) {
			if ( $(this).children().length != 2 ) { return; }
			var t = $(this).text();
			if(t.indexOf(':') != -1 && t.indexOf('Goto page:') == -1 && $(this).html().indexOf('mediumtext') == -1 && $(this).html().indexOf('smalltext') == -1) {
				var d = Date.parseExact(t.substring(t.length - 20),'MMM dd yyyy, hh:mmtt');
				console.log(t.substring(t.length - 20));
				var dif = Math.floor(Math.abs(now - d)/1000/60);
				if(dif>100800) dif = ">10w";
				else if(dif>1440) dif = Math.floor(dif/1440) + "d";
				else if(dif>60) dif = Math.floor(dif/60) + "h";
				else dif = dif + "m";
				var h = $(this).html();
				var p = h.indexOf('</a>')+4;
				$(this).html(h.substr(0,p) + " ("+dif+")" + h.substr(p));
			}
		});
	}
}

function limitImages() {
	if(document.location.href.indexOf('viewtopic') != -1) {
		$('.forumheader3 img').each(function(index) {
			$(this).css('max-width',800);
		});
	}
}

function fixSpoiler() {
	$('#dataform .forumheader2 img').each(function(index) {
		if($(this).attr('src').indexOf('/spoiler.png') != -1) {
			$(this).attr('onclick',"addtext('[spoiler][/spoiler]')");
		}
	});
}

function noImages() {
	if(document.location.href.indexOf('viewforum') != -1) {
		$('img:not(.customizerbutton,table tbody tr td a img, .forumheader2 img, .forumheader3 img)').remove();
	} else {
		$('img:not(.customizerbutton,table tbody tr td a img, .forumheader2 img)').remove();
	}
	$('.smalltext img').remove();
	$('h2, h3, .contentbody').css('background','url()');
	$('embed').attr('src','');
}

function format() {
	var s = arguments[0];
	for (var i = 0; i < arguments.length - 1; i++) {       
		var reg = new RegExp("\\{" + i + "\\}", "gm");             
		s = s.replace(reg, arguments[i + 1]);
	}
	return s;
}

jQuery.fn.extend({
insertAtCaret: function(myValue){
  return this.each(function(i) {
    if (this.selectionStart || this.selectionStart == '0') {
      var startPos = this.selectionStart;
      var endPos = this.selectionEnd;
      var scrollTop = this.scrollTop;
      this.value = this.value.substring(0, startPos)+myValue+this.value.substring(endPos,this.value.length);
      this.focus();
      this.selectionStart = startPos + myValue.length;
      this.selectionEnd = startPos + myValue.length;
      this.scrollTop = scrollTop;
    } else {
      this.value += myValue;
      this.focus();
    }
  })
}
});

$.fn.setCaret = function(pos) {
    return this.each(function() {
        if (this.setSelectionRange) {
            this.focus();
            this.setSelectionRange(pos, pos);
        } else if (this.createTextRange) {
            var range = this.createTextRange();
            range.collapse(true);
            range.moveEnd('character', pos);
            range.moveStart('character', pos);
            range.select();
        }
    });
};

(function ($, undefined) {
    $.fn.getCursorPosition = function() {
        var el = $(this).get(0);
        var pos = 0;
        if('selectionStart' in el) {
            pos = el.selectionStart;
        } else if('selection' in document) {
            el.focus();
            var Sel = document.selection.createRange();
            var SelLength = document.selection.createRange().text.length;
            Sel.moveStart('character', -el.value.length);
            pos = Sel.text.length - SelLength;
        }
        return pos;
    }
})(jQuery);

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址