[Feat] [GoT] Gekleurde forummapjes terug?

[maxoss]

Ik vond het verschil in kleur in de verschillende forum onderdelen altijd wel handig om snel te browsen. Nu is er totaal geen onderscheid.

[CodeCaster]

Toegegeven, niet iedereen was fan van de gekleurde forummapjes. Ik wel, na enige initiële scepsis .

De kleuren hielpen me snel interessante topics ontdekken, omdat ik sommige subfora nu eenmaal boeiender vind dan de ander. Nu zien mijn posthistorie en de Active Topics er echter uit als één rij blauwe icoontjes: en is het overzicht zoek.

Ik heb weinig zin om iedere keer de rij forumafkortingen te gaan zitten scannen, omdat dat een factor tig trager is dan kleuren herkennen. Dus: mogen de "candy colored" forummapjes, desnoods met een preference, weer terug? Het hoeven uiteraard niet weer die mapjes te worden, dat past niet in de nieuwe layout, maar als jullie de huidige icons een leuk kleurtje kunnen meegeven zou je mij weer heel gelukkig maken.

[ Voor 17% gewijzigd door CodeCaster op 20-10-2012 12:30 ]

[GoldenSample]

Gezien niet iedereen fan was en het makkelijk (lijkt mij) tot een keuze kan worden omgebouwd, gewoon een optie maken

[_Rene_]

Ik zou het inderdaad ook graag terugzien! Ik scan(de) vaak de onderwerpen en als ik geen zin had in bijvoorbeeld alle mobile sloeg ik het gewoon over. Koppen lezen gaat inderdaad een stuk langzamer en is minder gebruiksvriendelijk.

[Cloud]

Niet iedereen was er weg van bij de introductie inderdaad (ook ik niet), het werd een soort regenboog. Maar ik moet stiekem toegeven dat ik er uiteindelijk toch flink gebruik van maakte. Ik mis de kleuren eigenlijk dus ook wel

Aan de andere kant, dit went denk ik ook wel weer.

[jip_86]

Ik mis ze ook. Het helpt enorm om bijvoorbeeld snel naar fvm te scrollen. Dan let je ongemerkt meer op de kleurtjes dan de teksten.
Verder is het contrast tussen wel/niet gelezen te klein. Vind het niet snel te zien of het nu wel of niet gelezen is.

[Shabbaman]

Maar dat je toch instellen in je custom CSS? Oh wacht...

[alex3305]

Ik mis de kleuren ook best erg. Vooral omdat ik dan aan andere mensen door middel van kleurcodes het juiste forum aan kon geven.

[Matis]

Ik mis de kleurtjes ook. En ik mis de gekleurde linkjes van nieuwe topics.

Edit; ja ik weet dat de spreekwolkjes van lichtblauw naar grijs springen bij het gelezen hebben van het topic, maar ik vond de gekleurde linkjes veel duidelijker.

[ Voor 52% gewijzigd door Matis op 18-10-2012 17:01 ]

[PromWarMachine]

Shabbaman schreef op donderdag 18 oktober 2012 @ 16:58:
Maar dat je toch instellen in je custom CSS? Oh wacht...

Dat is een bug en is volgende week gefixed.

Laat ik dan ook wat positief tegengas geven: ik mis de kleurtjes niet.
Dat komt omdat ik ze nooit gehad heb, want bij mij waren die dingen tot gisteren tweakers rood.

Waarschijnlijk kan ik wel wennen aan dit MSN-/Skype-achtige icoontje.

[ Voor 8% gewijzigd door PromWarMachine op 18-10-2012 17:01 ]

[hhoekstra]

Kleurtjes waren handig om snel een forum te vinden. Ik scroll er nu maar op los en betrap mij er steeds weer op dat ik het forum weer voorbij ben gescrolled.

Ik wil graag de kleurtjes terug :-)

[Amras]

Graag de kleurtjes terug inderdaad, ik mis ze enorm als ik door de Active Topics browse (na twee keer geklikt te moeten hebben, omdat de link daarvoor verdwenen is )

[Bastien]

Of de plaatjes die nu gebruikt worden in de forumlijst, met de nieuwe kleurstelling.

[Anoniem: 172410]

Ik snapte nooit waarom één topic nou die kleur had en een ander topic een andere kleur.

[Pixxel]

Ik mis ze eigenlijk niet alleen op het forum, maar vooral ook op de FP!

De FP heeft nu nogal wat weg van een powerpoint sheet met teveel bulletpoints, geen doorkomen aan naar mijn idee.

We kunnen nu weliswaar gemakkelijk via een enkele klik de groep nieuwsberichten selecteren die interessant gevonden word, maar wanneer je twee of drie categorieen wilt doorzoeken is het nou eenmaal gemakkelijker om het via het tabje 'alles' te doen. Dan zijn de kleurcodes ideaal om minder relevante nieuwsberichten eruit te filteren. Daarnaast doorbreekt het gebruik van gekleurde bulletpoints de eerder genoemde monotoniteit wat dus de leesbaarheid ook nog eens ten goede kan komen.

Ik denk dat er misschien teveel gebruik gemaakt is van de (overigens wel zeer fancy ) heatmaps. Het registreren van een muisklik zegt enkel wat over het gebruik van de interface, maar niets over de minstends even belangrijke visuele orientatie die voorafgaat aan die interactie.

[Zeror]

Ik mis die kleuren ook enorm. Die waren toch een indicatie uit welke groep het topic kwam. Was het een spielerij topic, of was een harde waren topic of toch een devschuur topic? Je kon het allemaal makkelijk uit elkaar houden en dat was erg fijn.

[Moi_in_actie]

Ik kan me aansluiten bij de mensen hierboven. Hoewel de nieuwe layout er erg strak en fris uitziet, mis is de kleruindicaties wel. Op het forum kon je sneller je subforum vinden, op de frontpage kon je sneller zien of een artikel voor jou interessant was.

[Señor Sjon]

Ik gebruikte forum V5, dus ik heb die kleurtjes nooit gebruikt. Ik hoop wel dat die alternatieve layouts weer terugkomen. Zou makkelijk moeten gaan met de opnieuw opgebouwde site. Althans, dat was mede het doel van deze hele actie toch?

[Jeroenneman]

Zou het niet erg vinden als het niet standaard geimplementeerd was, als er maar wel een optie is!

[SnoeiKoei]

Ik mis de kleurtjes ook Nu ze er niet meer zijn besef ik pas hoeveel ik er eigenlijk gebruik van maakte. De rest van de nieuwe layout ga ik beslist prima aan kunnen wennen maar als de kleurtjes (wellicht als optie) terug komen ben ik helemaal gelukkig!

[nero355]

Senor Sjon schreef op vrijdag 19 oktober 2012 @ 09:19:
Ik gebruikte forum V5, dus ik heb die kleurtjes nooit gebruikt. Ik hoop wel dat die alternatieve layouts weer terugkomen. Zou makkelijk moeten gaan met de opnieuw opgebouwde site. Althans, dat was mede het doel van deze hele actie toch?

tweakers_ng FTW!!! maar die kleurtjes waren wel handig als ik het forum bekeek zonder inloggen

tweakers_ng / V5 was trouwens echt een layout waar ik meteen enthousiast over was toen ik een preview linkje van crisp kreeg @ IRC dus ik hoop dat die nog terug komt

[KingKoning]

Ik mis de kleuren ook. Ik vind het redelijk onoverzichtelijk nu alles blauw is. Zou gaarne een optie zien om de verschillende kleuren weer terug te zien (eventueel als optie, zodat mensen die het juist niet willen dat niet hoeven).

De logo's die nu bij de diverse forumgroepen zitten zijn wel een pluspunt, maar vervangen de kleuren niet afdoende imho.

[F.West98]

Ik mis de kleuren ook.
Ik gebruikte het altijd om te kijken in de bookmarks wat interessant was. Overzicht is een beetje weg

[luccie]

Ik mis ze ook, om alle redenen die hierboven al genoemd zijn

[Bundin]

Een cross-post zodat de Devvers mijn mening ook kunnen lezen:

zeef schreef op zaterdag 20 oktober 2012 @ 01:49:

[...]
Weet niet of dat terugkomt. Veel mensen boeide het niet toen het er was (volgens enquêtes etc. etc.) maar nu het weg is mist er iets.

Al eerder gepost maar die conclusie uit de enquete-data halen is een stap te ver als je het mij vraagt ik me de enquete goed herinner. Voor zover ik me kan herinneren werd er gevraagd of mensen wisten waar die kleuren voor stonden. Ik heb "neen" ingevuld omdat ik echt niet weet of paars nou het een of het ander was. Die kleuren gebruikte ik echter wel om door de forumlist te scrollen. Als ik naar Games wilde moest ik stoppen bij groen. Niet dat ik als je me 's nachts wakker zou maken ineens zou kunnen oplepelen dat groen Games was maar die ene vlek was wel waar ik moest zijn om bij het Roleplaying forum te eindigen. Vergelijk met muscle memory: als je blind typt gaat het feilloos, vraagt iemand boven welk cijfer de ^ gevonden kan worden dan is dat een uitdaging (voor mij in ieder geval).

Het kan zijn dat ik vragen vergeten ben over of die kleuren moesten blijven of niet. Ook kans dat ik toen ingevuld had dat ze wel weg mochten. Maar vraag het me nu nog een keer en ik roep volmondig "houden die kleurtjes!"

[pino85]

Mij zegt een enquete niet zo veel, zeker niet als de vraag is waar staat het voor.
Wat mij belangrijker lijkt is dat mensen wellicht zelfs onbewust de kleur koppelen aan het topic gedeelte waar ze heen gaan, dit is helaas iets wat je niet zomaar kan pollen.
Maar ook al ben ik geen arts of wat dan ook heb ik echt het idee dat dit onbewust bij veel users toch gebeurde, dat het dus werd gekoppeld aan en dat mensen zo sneller op het punt aankwamen waar ze heen wilden en het zorgde voor duidelijk onderscheid, kleur werkt sneller dan tekst.

Van mij mogen ze dus echt terug

[ Voor 15% gewijzigd door pino85 op 20-10-2012 13:11 ]

[macciez]

Ik steun de kleurtjes ook.
Alhoewel ik je niet kan vertellen welk kleurtje precies voor wat stond, scande ik de actieve topics toch altijd ernaar. Sommige fora vind ik nu eenmaal interessanter

[LuNaTiC]

Geen major issue, maar ik vond het (onbewust eigenlijk) best handig

[Meekoh]

Niet alleen de kleurtjes bij de forummapjes vond ik handig, maar ook de kleurtjes bij de nieuwsitems.
Dan kon ik meteen zien dat het een categorie was die mij niet boeide en ik het dus niet eens hoef te lezen voor ik erop klik.

[Kiswum]

Ik weet niet of ik zozeer de kleurtjes miste of de plaatjes of de combinatie van beide. Ik wist niet precies waar welke kleur voor stond, maar volgens mij koos ik vrij vaak voor informatie over mobiel en dat was volgens mij blauw.
Nu is het niet echt van belang welke kleur wat was, maar je kon in ieder geval snel scannen waar een ondewerp over ging. Nu moet je alles lezen voordat je een onderwerp kiest. Ik mis dus iets fundamenteels op de FP en ik weet zeker dat dat de kleur is wat betrekking heeft op het artikel.
Wat mij betreft moeten de kleuren gewoon terug.

[AzzKickah]

+1

Ook ik zou graag de categorie-kleurtjes weer terug zien in de Active Topics and MyReact.

[Oemfoefoe]

Rekeninghoudend met het argument dat Tweakers 7.0 vooral ervoor moet zorgen dat het browsen door deze website sneller kan, lijkt het mij voor de handliggend om de verschillende kleuren per subfora te herintroduceren.

In plaats van oriënterend de pagina 'afscannen', moet de lezer nu iedere regel lezen.

[Security]

kleuren graag terug.. ik word er nu niet meer wijs uit.

[BvDorp]

Zat net wat discussies te lezen, en ik raak er steeds meer van overtuigd dat het een prima idee is om een groter verschil te maken tussen nieuwelingen, casual gebruikers en die-hards. Deze laatste groep, en dat kun je prima herkennen aan postcounts/whatever zou dan (automatisch) op meer onderscheidende dingen als gekleurde icoontjes overgezet kunnen worden. Doen? Graag!

[frG]

Ja, die categorie kleuren moeten echt terugkomen!

[jmxd]

Eens!

[AzzKickah]

Elke keer als ik weer al die zelfde icoontjes zie in de active topic lijst of in MyReact, denk ik weer 'waarom dan uberhaupt icoontjes, als het toch overal dezelfde is'

[jmxd]

Er zijn wel meer dingen waarbij ik denk: Welke stagaire heeft hier lopen spelen

[A4-]

Omdat ik de categorie kleuren ook terug wil hier even een post.

En netjes de post-tijd onder elkaar, zij het voor of achteraan staat ook een stuk netter. (En dan bedoel ik ook echt de tijd en niet die 'x uur geleden' onzin. We kunnen echt wel rekenen hoor.)

[tHe_BiNk]

De forum mapjes gebruikte ik persoonlijk niet. Maar het terug keren lijkt mij een optie, iig moet een gebruiker ze aan/uit kunnen zetten. Maar dat niet als image/plaatje (mapje) afbeelden, maar als gekleurd vector vierkantje, zodat je datatrafic toch beperkt blijft.

[Maardiweb]

Kleurtjes graag terug, vooral op de FP!

[jmxd]

tHe_BiNk schreef op zaterdag 20 oktober 2012 @ 21:46:
De forum mapjes gebruikte ik persoonlijk niet. Maar het terug keren lijkt mij een optie, iig moet een gebruiker ze aan/uit kunnen zetten. Maar dat niet als image/plaatje (mapje) afbeelden, maar als gekleurd vector vierkantje, zodat je datatrafic toch beperkt blijft.

Jij zit nog op een inbel verbinding?

[Speedener]

Ja hebbe hebbe hebbe

[Rolfie]

Dit is zeker een groot gemis. Momenteel is het erg lastig even snel te screenen.
De huidige opzet van de site laat je al veel scrollen, en tijdens dat scrollen met je snel je informatie zien te vergaren. Kleurtjes maakt dit een stuk gemakkelijker.

[orejas]

You don't know what you got till it's gone.

Nooit gedacht dat ik kleurtjes zou missen en toch is het zo. In mijn bookmarks staat een flink aantal onderwerpen dat ik slechts sporadisch lees en ik herkende aan de kleurtjes. Nu kost het me een stuk meer tijd om daar doorheen te komen.

[BtM909]

Nu kost het me een stuk meer tijd om daar doorheen te komen.

Wat er overigens wel voor zorgt dat (geldt voor mij persoonlijk iig) je langer op het overzicht blijft en nu sneller een topic aanklik wat ik eerst niet deed ("oeh, het enge VB subforum").

---

Vraag me ook het volgende af (in het kader van plaatjesbesparingen): waarom is er niet gekozen voor semi-transparante PNG's? Hierdoor kan je makkelijk (al dan niet met wat custom CSS) met een background-color de kleuren instellen
ik weet dat dat betekent dat de plaatjes iets moeten worden gewijzigd

[ Voor 38% gewijzigd door BtM909 op 22-10-2012 08:50 ]

[eL_Jay]

In mijn ogen een groot gemis. Ik wil de kleurtjes terug.

[Hoteldebotel]

Eensch!
Ik de kleurtjes toch best wel handig om onderscheid te maken tussen de verschillende fora.

[warp]

En nog een +1 voor de kleurtjes feature.

[Verstekbakker]

Ik moest hier even melden dat ik ook de kleurtjes terug wil. Het was voor mij de ideale manier om de belangrijke onderwerpen in mijn geschiedenis te kunnen terugvinden zonder de titel van het topic te moeten lezen.

Dan bedoel ik dus, posts in het forum van Games zijn minder belangrijk dan die van de Hardware etc. Dus de groene mapjes negeerde ik een beetje en bij rood ging ik de titel lezen en eventueel klikken omdat ik daarvan wel benieuwd was wat er geschreven was. Nu is het voor mij een beetje vervelend geworden om op het forum te komen eigenlijk...

Ik hoop dat ze terugkomen, of in elk geval dat ik ervoor kan kiezen om de oude lay-out weer te gebruiken. Mijn vinger doet ook pijn van het scrollen.

[Anoniem: 149800]

^
I'M with stuppid's

[Reinier]

-1

Ik mis de kleurtjes niet
Subfora die ik niet interessant vind klap ik gewoon dicht. En in bijv. de Active Topics heb ik nog nooit bewust naar de gekleurde mapjes gekeken

[Bloemstukje]

Ik zou ook heel graag de kleurtjes terug zien. Zo kon ik altijd snel de goede topics vinden e.d

[me_mrtn]

Qua usability is het gebrek aan kleuren wel een stap terug, ik ben voor terugkomst van de kleurtjes. De huidige iconen vind ik niet echt duidelijk; wat is dit bijvoorbeeld

[Orion84]

me_mrtn schreef op maandag 22 oktober 2012 @ 16:50:
Qua usability is het gebrek aan kleuren wel een stap terug, ik ben voor terugkomst van de kleurtjes. De huidige iconen vind ik niet echt duidelijk; wat is dit bijvoorbeeld [afbeelding]

Dat betekent (zoals de naam van dat plaatje ook al suggereert) dat het een Alias is naar een subforum dat in een andere hoofdgroep staat.

En zo'n soort icoon zat volgens mij ook al in v6, alleen dan dus met andere kleurtjes.

[ Voor 21% gewijzigd door Orion84 op 22-10-2012 17:39 ]

[pino85]

Ik zie dat na de search functie het kleurtjes topic de meesten posts met votes krijgt omtrent het terug brengen van.
Bij deze een verzoek aan de crew/managament en wie er over gaat, please bring the colors back home!

[Phyxion]

Graag weer kleurtjes inderdaad, stuk overzichtelijker (scheelt je weer titles lezen). Dit went wel, maar net wat minder prettig.

[Beroemdheid]

Kan het niet gewoon een pref worden? Iedereen blij

[Joosie200]

De kleurtjes voor categorieën heb ik nu inmiddels alweer (met dank aan josvane), maar nu nog gekleurde mapjes! Dus ook hier: +1. Want dat werkt nou net zo simpel en eenvoudig. Ik onderscheid meerdere kleuren sneller van elkaar dan dat alles dezelfde kleur heeft.

[ Voor 12% gewijzigd door Joosie200 op 22-10-2012 19:51 ]

[Ben1985]

Senor Sjon schreef op vrijdag 19 oktober 2012 @ 09:19:
Ik gebruikte forum V5, dus ik heb die kleurtjes nooit gebruikt. Ik hoop wel dat die alternatieve layouts weer terugkomen. Zou makkelijk moeten gaan met de opnieuw opgebouwde site. Althans, dat was mede het doel van deze hele actie toch?

Mee eens. Zelf gebruikte ik voor het forum ook V5, lekker simpel en functioneel ontwerp. Wat mij betreft mogen er straks drie layouts beschikbaar komen: V5, V6 en V7 (V5 dan iig voor GoT)

[me_mrtn]

Orion84 schreef op maandag 22 oktober 2012 @ 17:36:
[...]

Dat betekent (zoals de naam van dat plaatje ook al suggereert) dat het een Alias is naar een subforum dat in een andere hoofdgroep staat.

En zo'n soort icoon zat volgens mij ook al in v6, alleen dan dus met andere kleurtjes.

Dat was mij onder NG nog nooit opgevallen in ieder geval.

[ChiLLeR]

Van mij hoeven die kleuren niet terug. Ik gebruikte dat echt nooit en het doordat nu alles dezelfde kleur heeft is het veel rustiger. Ik kan me wel voorstellen dat er wel users zijn die het gebruiken en dan denk ik voornamelijk aan power/heavy users. Dan weet je op gegeven moment welke kleur waar hoort en daar scroll je dan naar toe. Ik noem mij zelf geen heavy user dus ik denk dat daar het verschil zit. Als de kleuren wel terug zouden komen dan zou ik het ook prima vinden.

[pino85]

Ben benieuwd of de crew al een beslissing heeft genomen of dat er al wat meer duidelijk is omtrent de kleurtjes.

[jmxd]

pino85 schreef op woensdag 24 oktober 2012 @ 23:50:
Ben benieuwd of de crew al een beslissing heeft genomen of dat er al wat meer duidelijk is omtrent de kleurtjes.

De gekleurde stipjes op de frontpage komen terug dus ik gok dat er een goede kans is dat ze op het forum ook weer terugkomen

[macciez]

Is er iemand van de crew die hier wellicht iets zinnigs over kan zeggen? Wordt er actief gekeken naar deze optie? Of gaat het niet gebeuren?

edit: dan, my bad

[ Voor 6% gewijzigd door macciez op 25-10-2012 16:19 ]

[BtM909]

Ondanks dat dit actueel is voor T7, geldt hier volgens mij ook wat moto-moi in "Lieve Devvers FAQ" zegt:

Kicken is nooit nodig, alles wordt gelezen en als er een update is vanuit de devvers melden ze dat vanzelf.

[zeef]

macciez schreef op donderdag 25 oktober 2012 @ 13:47:
Is er iemand van de crew die hier wellicht iets zinnigs over kan zeggen? Wordt er actief gekeken naar deze optie? Of gaat het niet gebeuren?

edit: dan, my bad

VZIW : Het komt eerst op de FP, wij volgen later.

[Zartok]

Ik wilde ook graag de kleurtjes terug, voornamelijk voor de bookmarks. Daarom heb ik een userscript geschreven om dit te doen, ik heb er ook meteen maar even code bijgeschreven zodat de mapjes kleurtjes krijgen in het forum gedeelte. Ik ben nog niet helemaal tevreden over de kleurtjes, maar die kun je zelf nog naar smaak aanpassen in het script (zie de kleurdefinities bovenaan).

JavaScript:

// ==UserScript==
// @name       Change bookmark colors
// @namespace  
// @version    1.0
// @description  Change the colors of the bookmarks
// @include    http://*tweakers.net/*
// @copyright  2012-10-25, Erik Keemink
// ==/UserScript==

// Define the color changes:
var red    = "hue-rotate(160deg) brightness(-0.4)  saturate(200%);";
var purple = "hue-rotate(100deg) brightness(-0.45) saturate(180%);";
var green  = "hue-rotate(265deg) saturate(180%);";
var orange = "hue-rotate(195deg) brightness(0.15)  saturate(180%);";
var aqua   = "hue-rotate(10deg)  brightness(0.2)   saturate(140%);";
var yellow = "hue-rotate(225deg) brightness(0.3);";

// For the bookmarks page
// Get all cells 
var sub_form = document.getElementsByClassName('frm');
for(var i = 0; i<sub_form.length; i++)
{
    var identifier = sub_form[i].innerHTML;
    if(identifier != "Frm")
    {
        var temp = null;
        identifier = sub_form[i].firstChild.innerHTML;
        
        switch(identifier)
        {
            case "PRG": case "WEB": case "GFX": case  "IM": temp = purple; break; // IT PRO
            case "SSG": case "FPS": case "SSR": 
            case "RPG": case  "OH": case "APG": case "SPV": temp = green;  break; // Games
            case "AUD": case "LCD": case"HTPC": case "DED": 
            case "CEA": case "FVH": case "FVM": case "FVW": temp = orange; break; // Beeld en geluid
            case "AND": case "WPH": case "OSP": 
            case  "3i": case "TGA": case "WOS": case  "AI": 
            case "OMO": case  "TP": case  "AN": case "MAA": temp = aqua;   break; // Tablets en telefoons
            case  "SG": case "ASP": case "FTM": case"NSTM": 
            case  "WI": case  "WL": case  "VV": case  "SF": temp = yellow; break; // General Chat
            case  "LA": case  "GR": case  "PW": 
            case "V&A": case "TMF": case  "LD": case  "SM": temp = yellow; break; // Tweakers.net Feedback
            default:                                        temp = red;    break; // Other
        }
        
        if(temp != null)
        {
            var imgs = sub_form[i].parentNode.getElementsByTagName('img');
            for(var j = 0; j<imgs.length; j++)
            {
                if(imgs[j].src.indexOf('on.png') > 0)
                    imgs[j].style.cssText = "-webkit-filter: " + temp + " -moz-filter: " + temp + " -o-filter: " + temp + " -ms-filter: " + temp;
            }
        }
    }
}

// For the main forum page
sub_form = document.getElementsByClassName('forumList');
for(var i = 0; i<sub_form.length; i++)
{
    if(sub_form[i].childNodes.length > 1)
    {
        var identifier = sub_form[i].childNodes[0].childNodes[0].innerHTML;
        var temp = null;
        
        switch(identifier)
        {
            case "IT Pro": temp = purple; break;
            case "Games": temp = green; break;
            case "Beeld en geluid": temp = orange; break;
            case "Tablets en telefoons": temp = aqua; break;
            case "General Chat": 
            case "Tweakers.net Feedback": temp = yellow; break;
            case "Computers":
            default: temp = red;    break; // Other
        }

        if(temp != null)
        {
            var imgs = sub_form[i].getElementsByTagName('img');
            for(var j = 0; j<imgs.length; j++)
            {
                if(imgs[j].src.indexOf('on.png') > 0)
                    imgs[j].style.cssText = "-webkit-filter: " + temp + " -moz-filter: " + temp + " -o-filter: " + temp + " -ms-filter: " + temp;
            }
        }
    }
}

Ik gebruik chrome (op win7x64) en daarbinnen de tampermonkey plugin om het geheel te draaien en dat draait goed. Onder andere condities is dit nog niet getest.

edit:
Kleine update, waardoor het nu ook werkt voor active topics en de myreact paginas.

[ Voor 7% gewijzigd door Zartok op 25-10-2012 22:25 ]

[Camulos]

kleurige mapjes FTW! +1

[Zartok]

Ik zie hier (niet thuis) dat mijn code niet werkt onder firefox, omdat de kleuraanpassingen daar niet werken (worden niet ondersteund). Dit kan opgelost worden door de afbeeldings url te veranderen, misschien dat ik morgen een andere versie maak (en post ) die de afbeeldings-url vervangt, zodat het ook onder firefox zal werken.

[BtM909]

offtopic:
Doe dan meteen ff wat andere optimalisaties:
- var text = x.innerText || x.textContent
- for(var i = 0; i<sub_form.length; i++) omzetten naar een while(i--) constructie
- die case switch zou je ook naar een array om kunnen zetten

maar hoeft niet verder hoor; viel me gewoon even op

[Zartok]

BtM909 schreef op vrijdag 26 oktober 2012 @ 12:28:

offtopic:
Doe dan meteen ff wat andere optimalisaties:
- var text = x.innerText || x.textContent
- for(var i = 0; i<sub_form.length; i++) omzetten naar een while(i--) constructie
- die case switch zou je ook naar een array om kunnen zetten

maar hoeft niet verder hoor; viel me gewoon even op

offtopic:
Ik sta open voor suggesties, ik ben niet echt heel erg thuis in javascript/html/css, dus hopelijk pik ik er nog wat van op. Betreft je suggesties:
- Na even googlen lijkt het me inderdaad een stuk netter om innerText/textContent te gebruiken, neem ik mee in een volgende versie
- Lijkt me dat ze hetzelfde doen. Ik heb echter de voorkeur voor een for constructie, heb je een specifieke reden om hier voor de while loop te gaan?
- Daar zat ik ook al over na te denken, want al die losse strings midden in de code staan nou niet echt netjes. Kan je in javascript een switch statement in combinatie met arrays gebruiken of had je wat anders in gedachten? Zit zelf nu te denken aan twee arrays, 1 met alle fora en 1 met bijbehorende kleuren en via een while loop de variabele temp te bepalen.

[pino85]

Edit:

nvm!

[ Voor 92% gewijzigd door pino85 op 26-10-2012 14:01 ]

[Zartok]

Wat houd ik soms toch van moelijk doen, het schiet me ineens te binnen: Je hebt natuurlijk geen userscript nodig voor de hoofdpagina van het forum, dat kan gewoon zo (niet even netjes als het userscript want de inactieve veranderen ook):

Cascading Stylesheet:

.forumList:nth-child(3) table.listing img { -webkit-filter: hue-rotate(160deg) brightness(-0.4)  saturate(200%); }
.forumList:nth-child(4) table.listing img{ -webkit-filter: hue-rotate(100deg) brightness(-0.45) saturate(180%); }
.forumList:nth-child(5) table.listing img{ -webkit-filter: hue-rotate(265deg) saturate(180%); }
.forumList:nth-child(6) table.listing img{ -webkit-filter: hue-rotate(195deg) brightness(0.15)  saturate(180%); }
.forumList:nth-child(7) table.listing img{ -webkit-filter: hue-rotate(10deg)  brightness(0.2)   saturate(140%); }
.forumList:nth-child(8) table.listing img{ -webkit-filter: hue-rotate(225deg) brightness(0.3); }
.forumList:nth-child(9) table.listing img{ -webkit-filter: hue-rotate(225deg) brightness(0.3); }

Deze werkt natuurlijk ook alleen voor chrome omdat er nog steeds de kleuraanpassing van de afbeeldingen in zitten. Het wijzigen van de source met css lijkt me echter niet mogelijk (correct me if I'm wrong).

offtopic:
@Hierboven:
Een beetje het topic hijacken voor het goede doel kan toch wel .

[Zartok]

Userscript Gekleurde Forummapjes terug v1.1

Deze oplossing zou ook moeten werken voor andere browsers omdat nu de afbeeldingsurl wordt vervangen in plaats van kleuraanpassing die op de afbeelding worden toegepast. Daarnaast zijn er wat dingen in de code aangepast.

Wat kan ik aanpassen

De kleurveranderingen en de afbeelingsurls in de arrays color en urls kunnen naar smaak worden aangepast, de kleurvolgorde is paars, groen, oranje, aqua, geel, geel, rood (! let op rood komt dus als laatste en niet als eerste). Daarnaast kan de variabele replace url naar false gezet worden om de kleuraanpassingen te gebruiken in plaats van de urls te vervangen, dit werkt echter alleen onder chrome momenteel (voor zover ik weet, heb je een andere configuratie waarvoor het werkt, let me know).

Is het getest?

Ik gebruik chrome (op win7x64 en ubuntu 12.04 x86) en daarbinnen de tampermonkey plugin om het geheel te draaien en dat draait goed. Onder firefox met de greasemonkey plugin werkt de kleurverandering niet, de afbeeldingswijziging is nog ongetest.

Code

JavaScript:

// ==UserScript==
// @name       Change bookmark colors
// @namespace  
// @version    1.1
// @description  Change the colors of the bookmarks
// @include    http://*tweakers.net/*
// @copyright  2012-10-25, Erik Keemink
// ==/UserScript==
// Definitions
var fora = ["FRM","PRG","WEB","GFX","IM","SSG","FPS","SSR","RPG","OH","APG","SPV","AUD","LCD","HTPC","DED","CEA","FVH","FVM","FVW","AND","WPH","OSP","3i","TGA","WOS","AI","OMO","TP","AN","MAA","SG","ASP","FTM","NSTM","WI","WL","VV","SF","LA","GR","PW","V&A","TMF","LD","SM"];
var fora_k=[0,1,1,1,1,2,2,2,2,2,2,2,3,3,3,3,3,3,3,3,4,4,4,4,4,4,4,4,4,4,4,5,5,5,5,5,5,5,5,6,6,6,6,6,6,6,7];
var color = ["hue-rotate(100deg) brightness(-0.45) saturate(180%);", "hue-rotate(265deg) saturate(180%);", "hue-rotate(195deg) brightness(0.15)  saturate(180%);", "hue-rotate(10deg)  brightness(0.2)   saturate(140%);", "hue-rotate(225deg) brightness(0.3);", "hue-rotate(225deg) brightness(0.3);", "hue-rotate(160deg) brightness(-0.4)  saturate(200%);"];
var urls = ["http://tweakers.net/ext/f/nDr0p47rx8MYXqsyCjUzqEl5/full.gif", "http://tweakers.net/ext/f/dzPDZDKtvyNJnv8CjSEI9gsU/full.gif", "http://tweakers.net/ext/f/KiOUF7866oj3R9W9eYpMncYB/full.gif", "http://tweakers.net/ext/f/jJxb4265mlMApZ2nfe0O2Wdw/full.gif", "http://tweakers.net/ext/f/OTzFWs8fEZd3IJY9EJ88kHLe/full.gif", "http://tweakers.net/ext/f/OTzFWs8fEZd3IJY9EJ88kHLe/full.gif", "http://tweakers.net/ext/f/xVfSGtqS66JoWEFi6EcBE3df/full.gif"];
var cats = ["IT Pro","Games","Beeld en geluid","Tablets en telefoons","General Chat","Tweakers Feedback","Computers"];
var replace_url = true;

// Loop over the elements on the bookmarks page
var sub_form = document.getElementsByClassName('frm');
for(var i = 0; i<sub_form.length; i++)
{
    var identifier = sub_form[i].textContent;    
    var imgs = sub_form[i].parentNode.getElementsByTagName('img');
    var k = 0;
    
    while((k<fora.length) && (fora[k] != identifier))
        k++;
    
    if(k > 0)
        changeImage(imgs, fora_k[k]-1);
}
// Loop over the elements on the main forum page
sub_form = document.getElementsByClassName('forumList');
for(var i = 0; i<sub_form.length; i++)
{
    if(sub_form[i].childNodes.length > 1)
    {
        var identifier = sub_form[i].childNodes[0].childNodes[1].innerHTML;
        var imgs = sub_form[i].getElementsByTagName('img');
        var k = 0;
        
        while((k<cats.length) && (cats[k] != identifier))
            k++;
                
        changeImage(imgs, k);
    }
}
// Function to change the images within the element
function changeImage(imgs, index)
{
    if(replace_url) // Other browser (url replacement)
    {
        for(var j = 0; j<imgs.length; j++)
            changeIcon(imgs[j], urls[index]);
    }else           // Chrome color adjustment
    {
        for(var j = 0; j<imgs.length; j++)
            if(imgs[j].src.indexOf('on.png') > 0)
                imgs[j].style.cssText = "-webkit-filter: " + color[index];
    }
}
// Function to reset the url of an image
function changeIcon(img, url)
{
    if(img.src.indexOf('on.png') > 0)
    {
        img.src = url;
        img.width = 12;
        img.height = 9;
    }else if(img.src.indexOf('off.png') > 0)
    {
        img.src = "http://tweakers.net/ext/f/tx033CfAfbHO7kZx8WJP12Gr/full.gif";
        img.width = 12;
        img.height = 9;
    }
}

Voorbeeld

Zijn er alternatieven

Voor google chrome is er een css alternatief dat 1 post hierboven is te vinden, dit werkt echter enkel voor de hoofdpagina van het forumgedeelte.

Notificatie

De afbeeldingen van de mapjes die het script gebruikt zijn niet van mij afkomstig, die heb ik gepakt uit de post van Wiethoofd.

edit1:
De .net is verdwenen achter tweakers bij het feedback forum, dat is nu aangepast. Daarnaast de innerText vervangen door textContent en door innerHTML, zodat het ook op FF werkt (de code is getest onder FF en chrome, waarbij het onder beide goed werkt). Daarnaast zal ik waarschijnlijk komende week nieuwe mapafbeeldingen creëren die beter bij de nieuwe stijl passen.

[ Voor 3% gewijzigd door Zartok op 30-10-2012 10:31 ]

[pino85]

Ziet er echt netjes uit maar ik heb liever dat de kleurtjes standaard terug komen of we bv een optie krijgen om de kleurtjes aan of uit te zetten( weet niet of zoiets uberhaupt zou kunnen maar toch)
Als ze niet terug komen werkt jou oplossing alsnog goed!

[ Voor 8% gewijzigd door pino85 op 07-11-2012 19:12 ]

[zeef]

pino85 schreef op woensdag 07 november 2012 @ 19:11:
Ziet er echt netjes uit maar ik heb liever dat de kleurtjes standaard terug komen of we bv een optie krijgen om de kleurtjes aan of uit te zetten( weet niet of zoiets uberhaupt zou kunnen maar toch)
Als ze niet terug komen werkt jou oplossing alsnog goed!

Eens met ^^^

[Zartok]

pino85 schreef op woensdag 07 november 2012 @ 19:11:
Ziet er echt netjes uit maar ik heb liever dat de kleurtjes standaard terug komen of we bv een optie krijgen om de kleurtjes aan of uit te zetten( weet niet of zoiets uberhaupt zou kunnen maar toch)
Als ze niet terug komen werkt jou oplossing alsnog goed!

Ik hoop het ook, userscripts en custom css zijn aardig, maar ik heb liever een goede basis zodat er niet te veel mis kan gaan bij een wijziging van de site. Custom css is nog mogelijk via de karmastore, maar userscripts hebben een plugin en een lokaal script nodig wat niet echt prettig is als je tweakers op meer dan 1 pc/browser wilt kunnen bekijken.

Jouw voorstel met het aan uit zetten moet volgens mij heel makkelijk kunnen met css en heeft volgens mij maar een minimale aanpassing nodig in de html code en css:
1. Maak een afbeelding waarin het mapje in een mate transparant is en de achtergrond gewoon wit
2. Geef de achtergrond een kleur op basis van een class (zodat het mapje/prikkertje/tekstvakjes die kleur krijgt), dit is de enige aanpassing die (in de html) gemaakt moet worden (enkel class="computers" bij de afbeeldingen erbij plaatsen)
3. Pas de kleuren met je custom css aan naar wens (img.computers { background-color= tweakers-rood; } )
Compatible met iedere browser volgens mij, nog steeds maar 1 afbeelding nodig en makkelijk aanpasbaar.

edit:
Ik bedenk me net dat je achtergrond dan niet aansluit

[zeef]

Zartok schreef op woensdag 07 november 2012 @ 19:37:
[...]

Ik hoop het ook, userscripts en custom css zijn aardig, maar ik heb liever een goede basis zodat er niet te veel mis kan gaan bij een wijziging van de site.