Greasy Fork is available in English.
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);