Customising your APSA experience

As much as I like the new forum .. them avatars are just a bit too much when I just want to scan for content. So instead of blocking them with adblock .. I did a tampermonkey script for chrome:
Before


After



It could affect all pages.

Code:

// ==UserScript==
// @name       MyAPSA usablity
// @version    0.2
// @description  Clean-up APSA look
// @grant        none
// @include      */xenforo/*
// @include      http://www.APSA.co.za/*
// @copyright  Public Domain, free for everyone
// ==/UserScript==


var i=0;
var node4List = document.querySelectorAll ("[class*='listBlock posterAvatar']");
var node4ListLength = node4List.length;
while (i<node4ListLength){
    node4List[i].parentNode.removeChild(node4List[i]);
    i++;
}


var j=0;
var node5List = document.querySelectorAll ("[data-avatarhtml*='true']");
var node5ListLength = node5List.length;
while (j<node5ListLength){
    node5List[j].parentNode.removeChild(node5List[j]);
    j++;
}

Probably not he most elegant but it works OK.

Later Ferdie

 

Played with a few more options, I actually like that ads on APSA - so I left them in. Removed a few items that made no sense in my life. The results:

Home page


Forum

Code:

// ==UserScript==
// @name       MyAPSA usablity
// @version    0.3
// @description  Clean-up APSA look
// @grant        none
// @include      */xenforo/*
// @include      http://www.APSA.co.za/*
// @copyright  Public Domain, free for everyone
// ==/UserScript==

document.getElementById('headerProxy').style.height = "50px";

var i=0;
var node4List = document.querySelectorAll ("[class*='listBlock posterAvatar']");
var node4ListLength = node4List.length;
while (i<node4ListLength){
    node4List[i].parentNode.removeChild(node4List[i]);
    i++;
}


var j=0;
var node5List = document.querySelectorAll ("[data-avatarhtml*='true']");
var node5ListLength = node5List.length;
while (j<node5ListLength){
    node5List[j].parentNode.removeChild(node5List[j]);
    j++;
}

var node7 = document.querySelector("[id='logoBlock']");
node7.parentNode.removeChild(node7);

var node8 = document.querySelector("[class*='share']");
node8.parentNode.removeChild(node8);

var node9 = document.querySelector("[id='twitter']");
node9.parentNode.removeChild(node9);


var k=0;
var node6List = document.querySelectorAll ("[class*='secondaryContentCollapsed']");
var node6ListLength = node6List.length;
while (k<node6ListLength){
    node6List[k].parentNode.removeChild(node6List[k]);
    k++;
}

Later Ferdie