[bug] Pagina's te wit!

[Ethelind]

Hallo lieve devvers,

Natuurlijk vinden wij het allemaal prettig om op een dag dat je ziek bent, elke website waar technieuws te vinden is af te struinen.
Dit gaat over het algemeen heel goed, alleen als je migraine hebt is het moeilijk om een complete witte pagina voor je bakkes te krijgen.

Hierbij wil ik dus aangeven dat de website -te wit- is, om deze te bekijken als je migraine hebt.
Natuurlijk weet ik van de lieve devvers dat ze dit niet expres hebben gedaan, want ze willen natuurlijk het beste voor iedereen!
Dus ik hoop, dat het witte toch wat meer grijs gaat worden bij de volgende patch rondes.

Alvast bedankt

---

Hier een tijdelijke fix mocht je genoeg karma hebben om custom css te nemen...

code:

.popup.trackerPopup.fixed
{
  margin-top: -20px;
  margin-left: 20px;
        position: fixed !IMPORTANT;
        left: 30px !IMPORTANT;
        top: 160px !IMPORTANT;
}
html
{
  background: #444444;
}
div#contentArea
{
  padding-left: 20px;
  padding-right: 20px;
background-image: linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -o-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -moz-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -webkit-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -ms-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.01, #E3E3E3),
    color-stop(0.51, #ABABAB),
    color-stop(1, #E0E0E0)
);

}
#menubar
{
  width: 980px;
}
#searchbar
{
  margin: 34px auto 0 auto;
  width: 1020px;
}
.galleryHeadingContainer, .pageTabsContainer, .notificationsContainer
{
  margin: 0 auto;
  width: 1020px;
}
.pageTabsContainer
{
  border-bottom: 1px solid #C3C6C6;
}
#top
{
  border-bottom: 0;
}

Met dank aan:
Blue-eagle
Ethelind
Wie allemaal meer met ideeën kwam in deze thread.

[ Voor 53% gewijzigd door Ethelind op 18-10-2012 23:51 . Reden: tijdelijke fix tot de nieuwe update. ]

[m3gA]

Ik zou het ook fijner vinden als het iets minder wit is. Dat is een stuk prettiger voor de ogen

[ATS]

ACK!
Ik ga maar eens prutsen met een custom style sheet denk ik.

[schwarzenegger]

Je kunt in de instellingen ook niet terug naar de oude template, helaas.
Vroeger kon je gewoon zelf kiezen

[Hans1990]

Ik ben het hier mee eens. Maar je ziet heel veel sites die eerder in wit/licht worden ontworpen ipv zwart/donker. Dat laatste vind ik tienmaal prettiger lezen. Ook 's nachts, zelfs als ik een applicatie als f.lux gebruik om het beeld minder blauw te maken.

[Arsenius]

Ben ik het mee eens, het is te wit. Ik heb mijn brightness zelfs voor tweakers aangepast. Gaat wel een beetje ver. Veel tweakers denk ik zijn nogal sensitive voor fel licht, vooral dat fel wit door het lange turen naar het beeldscherm.

[CH4OS]

Je kunt met de custom CSS opties toch gewoon een andere achtergrond instellen? Hoe met de nieuwe layout de CSS er uit zou moeten komen te zien kan ik nu even niet uitvogelen, ik zit op het werk.
Mooie daar aan is, dat je zelf je eigen achtergrondkleur kan instellen.

[ Voor 15% gewijzigd door CH4OS op 18-10-2012 13:32 ]

[Jochem_]

Een deel van het wit-probleem is te danken aan het gebrekkige gebruik van het schermoppervlak. Ik zit hier tegen ongeveer een-derde content aan te kijken (in de breedte), terwijl de rest van m'n scherm leeg - en dus wit - is.

Behalve 'fel aan de ogen' is het dus ook nog eens zeer inefficient en scroll-intensief.

[Cloud]

Je bent niet de enige die er last van heeft. Ikzelf vermijdt vooral 's avonds sites die bijzonder veel wit gebruiken (Facebook bijv.) omdat het gewoon niet fijn surft in het donker. Van mij had het ook wat minder wit mogen zijn

Custom style sheet is eerst de snelste oplossing denk ik. Of windowed browsen zodat je de zijkanten van de pagina niet meer ziet.

/mijn persoonlijke mening

[Jochem_]

Windowed browsen... ja, of terug naar m'n 15" 1024x768 misschien?

[Ethelind]

Naja, er zijn veel mensen, die afhaken van sites die 'te wit' zijn, een goed layout, met een goeie kleuren schema, geeft je meer bezoekers.
Dus dit hoort niet door de user aangepast te worden met een custom CSS, maar door de devvers / ontwerpers

[Timv37]

Denk dat het huidige overmatige gebruik van wit inderdaad veel gebruikers gaat weg jagen, als je kijkt naar alle reacties in het topic over tweakers 7 komt er op dit moment een kleine 150x het woord wit voor ( en zeker niet in positieve zin ) Ik ben persoonlijk zelfs bereid een abonnement te nemen als er op deze manier gekozen kan worden voor de oude layout!

[donny007]

Hans1990 schreef op donderdag 18 oktober 2012 @ 13:22:
Ik ben het hier mee eens. Maar je ziet heel veel sites die eerder in wit/licht worden ontworpen ipv zwart/donker. Dat laatste vind ik tienmaal prettiger lezen. Ook 's nachts, zelfs als ik een applicatie als f.lux gebruik om het beeld minder blauw te maken.

^^

Ik mis een "brightness slider" of "Night mode", zoals RES dat doet voor Reddit, en Turn off the lights voor YouTube.

Ook vind ik de witruimte tussen de posts te groot, sluit ze strak op elkaar aan, dat verbeterd de leesbaarheid.

In de tussentijd wacht ik wel op de "Tweakers Enhancement Suite" browser plug-in

[worldfastest]

idd veels te wit. Ik hou het niet vol om 30 min te lezen nu. Krijg er koppijn van.

[Virtuozzo]

Jochem_ schreef op donderdag 18 oktober 2012 @ 13:26:
Een deel van het wit-probleem is te danken aan het gebrekkige gebruik van het schermoppervlak. Ik zit hier tegen ongeveer een-derde content aan te kijken (in de breedte), terwijl de rest van m'n scherm leeg - en dus wit - is.

Behalve 'fel aan de ogen' is het dus ook nog eens zeer inefficient en scroll-intensief.

Inderdaad, het komt over alsof het primaire oogpunt van ontwerp de tablet is, en niet de laptop/desktop.

En ja, er is te veel scrollen noodzakelijk. Ook bij mobiel gebruik. Wat ik erg mis nu al is de tracker aan de linkerkant, de gaf overzicht, vulde op. En die opvulling hielp behoorlijk, maar nog meer de tracker. Kwestie van overzicht niet zo zeer voor navigatie (wat bepalend lijkt te zijn geweest bij het onderzoek voor het ontwerp) maar voor selectie.

Ik heb een beetje zitten te knippen en plakken, maar het probleem van "te wit" valt eigenlijk weg wanneer die tracker er terug is. Maar die schijnt alleen rechts vast gezet te kunnen worden, en alleen bij zeer hoge resoluties. Een gemis. Ook de advert bovenaan de pagina, onder de hoofd navigatie waar de highlights worden weergegeven per categorie draagt bij aan dat fenomeen van "te wit". Daar boven op, aangezien dat element niet meer aan de zijkant staat en vereist dat je er handmatig door heen klikt is het nu niet echt bruikbaar om iets onder de aandacht te brengen. Zoals met de vorige versie. Daar kon je op de pagina zitten kijken, en ineens kwam er via dat onderdeel dan iets in het oog. Ook had je meer overzicht over de categorieën heen, en dat leverde dus meer incentive op om verder te kijken.

[Unknown Alien]

Statement of the day >_<

[Dadona]

Kom maar op met het 'lichtknopje', mag het licht uit?

[Freekers]

Dit is echt veel te wit jongens. Als je 's ochtends je PC aanzet en je opent Tweakers, staat de site de rest van de dag op je netvlies gebrandt. Ik weet niet of dat de achterliggende gedachte is maar van mij hoeft dat niet

[JT]

Topic view erg licht

[Cloud]

Jochem_ schreef op donderdag 18 oktober 2012 @ 13:30:
Windowed browsen... ja, of terug naar m'n 15" 1024x768 misschien?

Mja het is iets wat kan helpen; ik zie persoonlijk ook graag de hoeveelheid wit verminderd worden. Maar ik ga er niet over

[Freeaqingme]

Als iemand wat mooie stylesheets heeft dan houd ik me aanbevolen.

[Misha]

De hoeveelheid wit zullen we gaan aanpakken. Voor nu, als je custom CSS bijvoorbeeld hebt, kun je al het een en ander zelf aanpassen

[Schnoop]

customc css:

#layout{min-width:1000px;background-color:#EDEEEE;}

edit: Helaas werkt dit alleen op fp/nieuws op het forum werkt klopt de layout div niet helemaal.

[ Voor 42% gewijzigd door Schnoop op 18-10-2012 13:42 ]

[Ethelind]

Misha schreef op donderdag 18 oktober 2012 @ 13:37:
De hoeveelheid wit zullen we gaan aanpakken. Voor nu, als je custom CSS bijvoorbeeld hebt, kun je al het een en ander zelf aanpassen

Nu ben ik geen noob op het gebied van CSS & HTML

Maar je mag wel even een leuk tijdje de website bron gaan door snuffelen voor de classes/id's die er gebruikt zijn.

Heb jij zo snel eventjes de content area, ben druk bugs zoeken

[Ethelind]

Schnoop schreef op donderdag 18 oktober 2012 @ 13:39:
customc css:

#layout{min-width:1000px;background-color:#EDEEEE;}

BEDANKT!

[Pompi]

Cloud schreef op donderdag 18 oktober 2012 @ 13:27:
Custom style sheet is eerst de snelste oplossing denk ik.

Doordat ik vooral mee leesde en niet super veel postte, heb ik nog niet genoeg karma om de Custom Css te "kopen". Dus als het ontwerp is bedoeld dat mensen meer gaan posten voor meer karma, dan heeft het mij daar wel toe aan gezet:P hahah

[CH4OS]

Schnoop schreef op donderdag 18 oktober 2012 @ 13:39:
customc css:

#layout{min-width:1000px;background-color:#EDEEEE;}

Waarom de minimale breedte aanpassen?

[Ethelind]

CptChaos schreef op donderdag 18 oktober 2012 @ 13:40:
[...]
Waarom de minimale breedte aanpassen?

Dat weet ik ook niet, maar ik heb het er iig uit geript

[AzzKickah]

CptChaos schreef op donderdag 18 oktober 2012 @ 13:26:
Je kunt met de custom CSS opties toch gewoon een andere achtergrond instellen? Hoe met de nieuwe layout de CSS er uit zou moeten komen te zien kan ik nu even niet uitvogelen, ik zit op het werk.
Mooie daar aan is, dat je zelf je eigen achtergrondkleur kan instellen.

Waar zit dat custom CSS? Kan het niet vinden..

[Virtuozzo]

Misha schreef op donderdag 18 oktober 2012 @ 13:37:
De hoeveelheid wit zullen we gaan aanpakken. Voor nu, als je custom CSS bijvoorbeeld hebt, kun je al het een en ander zelf aanpassen

Het is toch een beetje vreemd om dat als oplossing neer te zetten Zou toch niet moeten. Het probleem is veel meer een kwestie van het ontwerp van de layout dan de kwestie van de kleur. Waarom aanpassen op detail niveau wanneer de situatie gewoon vermeden kan worden. Custom CSS (wanneer het weer werkt) is aan tweak. De gemiddelde gebruiker, en ook de reguliere bezoeker is daar niet mee geholpen.

Het is net als de kwestie van de tracker eigenlijk. Vanaf welke hoge resolutie kun je nu eigenlijk dat ding fixeren? Waarom is de tracker niet meer onderdeel van de vaste layout? Klik onderzoek prima, maar ervaring en overzicht voor selectie is meer bepalend dan de klinks in vastgestelde navigatie. Het ontbreken van het element draagt enorm bij aan de impact van al die lege ruimte.

Ik heb zelf even een paar mockups gemaakt, serieus dat probleem van te wit valt voor het overgrote deel weg wanneer je of op een mobility device zit of terug de advert rechtsboven en de tracker links hebt. Ik vraag me af of men niet een klein beetje te ver gegaan is met oriëntatie naar touch / mobility. Vergeet het belang van ervaring van gebruik en overzicht voor gebruik niet

[Rubman]

AzzKickah schreef op donderdag 18 oktober 2012 @ 13:42:
[...]


Waar zit dat custom CSS? Kan het niet vinden..

Idem, had hier al iets veranderd (knoppen van pagina's enzo) maar kan het niet meer terugvinden

[Hero of Time]

AzzKickah schreef op donderdag 18 oktober 2012 @ 13:42:
[...]


Waar zit dat custom CSS? Kan het niet vinden..

Aanschaffen via de Karma Store

En anders je browser gebruiken. Momenteel heb ik T.net een beetje verandert in de mijne, heb nu dit.

[Ethelind]

De custom CSS kan je kopen met karma op:
https://secure.tweakers.net/my.tnet/karmastore
Daarna aanpassen onder "Custom sylesheet" op:
https://secure.tweakers.net/my.tnet/preferences

code:

#contentArea,#layout{
background-image: linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -o-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -moz-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -webkit-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -ms-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.42, #7D7D7D),
    color-stop(1, #FAFAFA)
);
}

geeft wel een leuk effect.

[Schnoop]

CptChaos schreef op donderdag 18 oktober 2012 @ 13:40:
[...]
Waarom de minimale breedte aanpassen?

Omdat dit zo in de origele css van tweakers stond.
Heb alleen de background color aangepast.

[Rubman]

Bedankt weer gevonden, Hij verandert enkel de frontpage en niet GOT

[Ethelind]

Rubman schreef op donderdag 18 oktober 2012 @ 13:48:
Bedankt weer gevonden, Hij verandert enkel de frontpage en niet GOT

damn, je hebt gelijk!
Devvers! commin in?

[Anoniem: 19894]

Ethelind schreef op donderdag 18 oktober 2012 @ 13:46:
De custom CSS kan je kopen met karma op:
https://secure.tweakers.net/my.tnet/karmastore
Daarna aanpassen onder "Custom sylesheet" op:
https://secure.tweakers.net/my.tnet/preferences

code:

#layout{
background-image: linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -o-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -moz-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -webkit-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -ms-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.42, #7D7D7D),
    color-stop(1, #FAFAFA)
);
}

geeft wel een leuk effect.

Wederom, alleen de FP, niet het forum.

Mijn scherm staat nu op 10% helderheid

[AzzKickah]

Rubman schreef op donderdag 18 oktober 2012 @ 13:48:
Bedankt weer gevonden, Hij verandert enkel de frontpage en niet GOT

Forum blijft inderdaad gewoon maagdelijk wit helaasch..

[Anoniem: 411766]

Als je grasemonkey hebt kun je het volgende script erin zetten. Maakt de achtergrond grijs, werkt stuk prettiger.

code:

    // ==UserScript==
            // @include http://tweakers.net/*
            // @include http://www.tweakers.net/*
    // ==/UserScript==
     
    (function() {
            var style = document.createElement('style'),
            rules =
                    'body, body .reactie { background-color: #eee; border-color: #ccc}' +
                    'body .reactie .topBorder { background: #eee}';
     
            if(style.styleSheet) {
                    style.styleSheet.cssText = rules;
            } else {
                    style.appendChild(document.createTextNode(rules));
            }
     
            document.getElementsByTagName('head')[0].appendChild(style);
            // alert('hai!');
     
    })();

[Ethelind]

Anoniem: 19894 schreef op donderdag 18 oktober 2012 @ 13:49:
[...]


Wederom, alleen de FP, niet het forum.

Mijn scherm staat nu op 10% helderheid

check die post opnieuw

[AzzKickah]

Misha schreef op donderdag 18 oktober 2012 @ 13:37:
De hoeveelheid wit zullen we gaan aanpakken. Voor nu, als je custom CSS bijvoorbeeld hebt, kun je al het een en ander zelf aanpassen

Heb ik gedaan, maar hij verandert alleen de achtergrondkleur op de frontpage, niet op het forum. GoT blijft gewoon wit.

[Ethelind]

Ik heb wel door dat de nieuwe devvers, weinig snappen van een goed layout maken....
maar ja, doe je weinig aan

[CH4OS]

AzzKickah schreef op donderdag 18 oktober 2012 @ 13:42:
[...]


Waar zit dat custom CSS? Kan het niet vinden..

De optie "Persoonlijke stylesheetinstellingen gebruiken." aangevinkt? Zo ja, dan heb je een groot tekst veld, zo nee, aanvinken, een tekstvak verschijnt, waar je de CSS kan invullen. Dit kan je in de voorkeuren activeren.

Anoniem: 411766 schreef op donderdag 18 oktober 2012 @ 13:51:
Als je grasemonkey hebt kun je het volgende script erin zetten. Maakt de achtergrond grijs, werkt stuk prettiger.

code:

    // ==UserScript==
            // @include http://tweakers.net/*
            // @include http://www.tweakers.net/*
    // ==/UserScript==
     
    (function() {
            var style = document.createElement('style'),
            rules =
                    'body, body .reactie { background-color: #eee; border-color: #ccc}' +
                    'body .reactie .topBorder { background: #eee}';
     
            if(style.styleSheet) {
                    style.styleSheet.cssText = rules;
            } else {
                    style.appendChild(document.createTextNode(rules));
            }
     
            document.getElementsByTagName('head')[0].appendChild(style);
            // alert('hai!');
     
    })();

Of activeer de custom CSS functie in de karma store, hoef je niet lokaal te klooien ook met Greasemonkey.

[ Voor 54% gewijzigd door CH4OS op 18-10-2012 13:54 ]

[AzzKickah]

CptChaos schreef op donderdag 18 oktober 2012 @ 13:53:
[...]
De optie "Persoonlijke stylesheetinstellingen gebruiken." aangevinkt? Zo ja, dan heb je een groot tekst veld, zo nee, aanvinken, een tekstvak verschijnt, waar je de CSS kan invullen. Dit kan je in de voorkeuren activeren.

Ja ik had het gevonden

Ethelind schreef op donderdag 18 oktober 2012 @ 13:51:
[...]

check die post opnieuw

Want..? Is hetzelfde toch?

[Joost]

Als je custom css gebruikt maakt dit het iets rustiger, al ben ik het niet eens met de kritiek dat het wit pijn zou doen (al kan ik het in het geval van migraïne begrijpen )

code:

html { background-color: #EEE; }

#menubar { width: 100%; }

div#contentArea {
 background-color: #FFF; 
padding-left: 20px;
padding-right: 20px; 
border-left: #c3c6c6 1px solid;
border-right: #c3c6c6 1px solid;
}

[AzzKickah]

Joost schreef op donderdag 18 oktober 2012 @ 13:54:
Als je custom css gebruikt maakt dit het iets rustiger, al ben ik het niet eens met de kritiek dat het wit pijn zou doen (al kan ik het in het geval van migraïne begrijpen )

code:

html { background-color: #EEE; }

#menubar { width: 100%; }

div#contentArea {
 background-color: #FFF; 
padding-left: 20px;
padding-right: 20px; 
border-left: #c3c6c6 1px solid;
border-right: #c3c6c6 1px solid;
}

Hmm? Hiermee blijft bij mij alles gewoon wit.

[Ethelind]

Joost schreef op donderdag 18 oktober 2012 @ 13:54:
Als je custom css gebruikt maakt dit het iets rustiger, al ben ik het niet eens met de kritiek dat het wit pijn zou doen (al kan ik het in het geval van migraïne begrijpen )

code:

html { background-color: #EEE; }

#menubar { width: 100%; }

div#contentArea {
 background-color: #FFF; 
padding-left: 20px;
padding-right: 20px; 
border-left: #c3c6c6 1px solid;
border-right: #c3c6c6 1px solid;
}

Ik heb opzich aardig vaak migraine, hierdoor is het erg irriterend om een witte pagina voor me te hebben.
Mijn developement tools zijn ook allemaal zwart met groene letters.

[Schnoop]

De custom css wordt op het GOT Forum niet toegevoegd. Hierdoor werkt deze niet op het forum. Helaas.

[TERW_DAN]

AzzKickah schreef op donderdag 18 oktober 2012 @ 13:56:
[...]


Hmm? Hiermee blijft bij mij alles gewoon wit.

Hier ook, behalve de FP dan.

Gebruiken die wel dezelfde CSS?, ik heb sterk mijn twijfels, want als ik dingen aanpas, zie ik ze alleen op de FP verschijnen, niet op het forum.

[Teunis]

Tijdelijk maar firefox gebruiken in combinatie met DrJoske in 'reviews: Tweakers 7: wat is nieuw?'

Maar alles beter dan de giga witte vlakken.
wtb old GoT forum layout (de grijze variant)

[Cloud]

Volgens [Bug][GOT] Custom CSS verandert enkel frontpage is de custom css momenteel geheel niet van toepassing op het forum; dus dat zou een bug kunnen zijn. Verklaart wel waarom bij elke poging alleen de FP aangepast wordt.

[naaitsab]

Ik stoor me ook flink aan het overmatig gebruik van wit, lijkt wel een ziekenhuis hier.
Als er iets slecht is voor je ogen is het wel puur wit

Een kleine user setting voor een zwarte of witte layout lijkt me voor de dev'ers niet zo heel lastig te implementeren.

Voor de mensen met te weinig karma voor de 'store' kan je ook browser extensies gebruiken die een custom css kunnen toepassen nadat de pagina geladen is, Stylish bijvoorbeeld.

[ Voor 3% gewijzigd door naaitsab op 18-10-2012 14:00 ]

[GieltjE]

Zit de hele dag heerlijk in ssh te werken, tezamen met een heerlijke ouderwete eizo crt, omschakelen naar de nieuwe layout is echt ronduit pijnlijk aan de ogen....

Voor gmail is een "terminal" theme standaard aanwezig, misschien iets voor de volgende iteratie?

[CH4OS]

Schnoop schreef op donderdag 18 oktober 2012 @ 13:58:
De custom css wordt op het GOT Forum niet toegevoegd. Hierdoor werkt deze niet op het forum. Helaas.

Dus een bug, lijkt me, voorheen was dat wel.

[Ethelind]

in iedergeval:

code:

#layout{
background-image: linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -o-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -moz-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -webkit-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);
background-image: -ms-linear-gradient(bottom, #7D7D7D 42%, #FAFAFA 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.42, #7D7D7D),
    color-stop(1, #FAFAFA)
);
}

werkt wel op de rest van de website.... kom ik maar wat minder op het forum rond kijken.
Posten deed ik toch al weinig, te druk bezig met me eigen website

[perlboy]

Veel te wit inderdaad... Als workaround zou men gebruik maken van Maxthon browser en pagina's in 'Night Mode' bekijken...

[player-x]

Custom CSS is leuk voor de mensen die er ervaring mee hebben, maar voor 98% van de lezers is het onbekende materie.

Het zou prettig zijn als T-net een paar voor ingestelde kleuren thema's zou maken die je kan aanklikken.

Kan voor de mensen met ervaring niet zo een groot probleem zijn, maar voor de gene zonder ervaring, is het anders dan met Ctrl-C > Ctrl-V, een costum CSS kopiëren de enige oplossing.

Daar voor mij en vele andere,Custom CSS net zo makkelijk te lezen is als Chinees.

En ook ik vind het veel te steriel en wit hoe de pagina er nu uit ziet.

[ Voor 26% gewijzigd door player-x op 18-10-2012 14:37 ]

[AzzKickah]

Voor de mensen met FireFox, bij Options - Content - Colors, als je daar een niet al de donkere kleur grijs instelt als achtergrond, en het vinkje aanzet voor Allow pages to choose their own colors, heb je hier op GoT een fijne niet-witte achtergrond en andere sites blijven gewoon zoals ze waren (nu, Facebook, F1Today, Google).

[Hero of Time]

Niemand interesse in mijn custom CSS die je in de browser knalt (native of add-on optie)? Zie vorige pagina voor screenshot. Is misschien iets te grof, maar het is iig niet zo wit .

[TERW_DAN]

Hero Of Time schreef op donderdag 18 oktober 2012 @ 14:16:
Niemand interesse in mijn custom CSS die je in de browser knalt (native of add-on optie)? Zie vorige pagina voor screenshot. Is misschien iets te grof, maar het is iig niet zo wit .

Maar CustomCSS lijkt niet te werken op het forum

[Pompi]

AzzKickah schreef op donderdag 18 oktober 2012 @ 14:15:
Voor de mensen met FireFox, bij Options - Content - Colors, als je daar een niet al de donkere kleur grijs instelt als achtergrond, en het vinkje aanzet voor Allow pages to choose their own colors, heb je hier op GoT een fijne niet-witte achtergrond en andere sites blijven gewoon zoals ze waren (nu, Facebook, F1Today, Google).

Dit is een hele fijne work-around totdat er echt iets aan gedaan gaat worden, omdat dit ook bij het forum is en dus site-wide is .
You just made my day, my friend:P

[Hero of Time]

TERW_DAN schreef op donderdag 18 oktober 2012 @ 14:18:
[...]

Maar CustomCSS lijkt niet te werken op het forum

Hero Of Time schreef op donderdag 18 oktober 2012 @ 14:16:
Niemand interesse in mijn custom CSS die je in de browser knalt (native of add-on optie)? Zie vorige pagina voor screenshot. Is misschien iets te grof, maar het is iig niet zo wit .

[Rubman]

Hero Of Time schreef op donderdag 18 oktober 2012 @ 14:16:
Niemand interesse in mijn custom CSS die je in de browser knalt (native of add-on optie)? Zie vorige pagina voor screenshot. Is misschien iets te grof, maar het is iig niet zo wit .

Kom maar op voor Chrome (met een iets lichtere grijs #CCCCCC bijvoorbeeld

[TERW_DAN]

Hero Of Time schreef op donderdag 18 oktober 2012 @ 14:19:
[...]


[...]

Ow zo bedoel je.
Mjah, niet echt een praktische optie als ik dat op alle systemen moet toepassen. Dat is juist het fijne van de custom CSS functie vanuit je profiel.

Bovendien zou ik zo niet weten hoe ik zoiets in Opera kan forceren.

[AzzKickah]

Pompi schreef op donderdag 18 oktober 2012 @ 14:19:
[...]

Dit is een hele fijne work-around totdat er echt iets aan gedaan gaat worden, omdat dit ook bij het forum is en dus site-wide is .
You just made my day, my friend:P

Happy to

I'm not your friend, buddy

[Hero of Time]

Rubman schreef op donderdag 18 oktober 2012 @ 14:19:
[...]


Kom maar op voor Chrome (met een iets lichtere grijs #CCCCCC bijvoorbeeld

Mijn achtergrondkleur is gelijk aan het zwart onderaan de pagina met copyright enzo. Zie m'n shot eerder (Hero Of Time in "[bug] Pagina's te wit!").

Nog steeds interesse?

[Hero of Time]

TERW_DAN schreef op donderdag 18 oktober 2012 @ 14:21:
[...]

Ow zo bedoel je.
Mjah, niet echt een praktische optie als ik dat op alle systemen moet toepassen. Dat is juist het fijne van de custom CSS functie vanuit je profiel.

Bovendien zou ik zo niet weten hoe ik zoiets in Opera kan forceren.

Ik gebruik juist Opera

[zwittrooper]

Ik gebruik zelf de extensie Stylish van Userstyles.org in Chrome (werkt ook met firefox). Heb deze stylesheet er aan gehangen:

code:

@-moz-document domain("tweakers.net") {
#layout {
background-color: #313232;
}
#forumheading {
background-color: #EDEEEE;
}
#contentArea {
background-color: #EDEEEE;
padding-left: 5px;
padding-right: 5px;
}
}

Dit zorgt voor een grijze/zwarte achtergrond + lichtgrijze content.
Is nu een stuk beter voor mijn ogen

[ Voor 9% gewijzigd door zwittrooper op 18-10-2012 14:24 ]

[FabianNL]

AzzKickah schreef op donderdag 18 oktober 2012 @ 14:15:
Voor de mensen met FireFox, bij Options - Content - Colors, als je daar een niet al de donkere kleur grijs instelt als achtergrond, en het vinkje aanzet voor Allow pages to choose their own colors, heb je hier op GoT een fijne niet-witte achtergrond en andere sites blijven gewoon zoals ze waren (nu, Facebook, F1Today, Google).

Lichtste kleur grijs gepakt, en dit is echt een stuk rustiger. Bedankt!

[filenox]

player-x schreef op donderdag 18 oktober 2012 @ 14:11:
Custom CSS is leuk voor de mensen die er ervaring mee hebben, maar voor 98% van de lezers is het onbekende materie.

...

98% is wel wat overdreven, we zitten hier op tweakers.net Tweakers, niet op fok.nl

[Jorcee]

Ik gebruik nu

code:

html { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAJElEQVQImT3GMQEAMAwDIFYp9a+pEqJhX7h4SYC7m253p8N0+LCbDmwecpEBAAAAAElFTkSuQmCC'); background-repeat: repeat; }


div#contentArea {
background-color: #fafafa;
padding-left: 20px;
padding-right: 20px; 
border-left: 1px solid #c3c6c6;
border-right: 1px solid #c3c6c6;
}

Misschien heeft iemand er iets aan

[Schnoop]

Ik zit inmiddels op deze, haalt ook de hot images weg waardoor ik meer nieuwsitems zie:



[code=css,1,4,customcss]
body{background-color:#EDEEEE;}
#contentArea{background-color:#EDEEEE;}
.fpaItem{display:none;}
[/code=css,1,4,customcss]

[player-x]

Zou het niet een goede optie zou zijn om een forum draadje te starten, waar het gebruik een beetje word uitgelegd.
En waar tweakers hun eigen gemaakte Custom CSS in kunnen plaatsen, inclusief een (paar) screen dump(s).

En een link je naar dat draadje naast de Custom stylesheet optie op je "Mijn Voorkeuren" pagina

[Orion84]

FabianNL schreef op donderdag 18 oktober 2012 @ 14:32:
[...]


Lichtste kleur grijs gepakt, en dit is echt een stuk rustiger. Bedankt!

Via about:config kan je die setting ook nog fine-tunen om hem bijvoorbeeld nog iets lichter grijs te maken

Moet je de waarde van browser.display.background_color even aanpassen

[MikeyMan]

Wel goed van google trouwens:
Ads door Google
De oogziekte glaucoom

[Nakebod]

player-x schreef op donderdag 18 oktober 2012 @ 14:44:
Zou het niet een goede optie zou zijn om een forum draadje te starten, waar het gebruik een beetje word uitgelegd.
En waar tweakers hun eigen gemaakte Custom CSS in kunnen plaatsen, inclusief een (paar) screen dump(s).

En een link je naar dat draadje naast de Custom stylesheet optie op je "Mijn Voorkeuren" pagina

Chrome + Stylebot of Firefox + User Style Manager




Stylebot
Rechtermuis op de site > Stylebot > Style Element.
Onderin Edit CSS. Plak onderstaande CSS erin en klik op save. Profit.

User Style Manager
Klik op alt om het Firefox menu te openen > Tools > User Styles > Create New > For this domain.
Plak onderstaande CSS erin en klik op add. Profit.

Kleur op de screenshots was #CCC. #999 is iets donkerder.

Cascading Stylesheet:

div#bottom div.hr {
    background-color: #999;
}

div#contentArea {
    background-color: #FFF;
    border-left: 20px solid #FFF;
    border-right: 20px solid #FFF;
}

div#news.fpItem a {
    color: #000;
}

div#news.fpItem a:visited {
    color: #999;
}

#layout {
    background-color: #999;
}

[ Voor 22% gewijzigd door Nakebod op 19-10-2012 08:13 . Reden: Firefox addon toegevoegd ]

[C0rnelis]

Te wit is persoonlijk, maar (dit ook : ) ik heb vooral last van de net-iets-te-subtiele tinten van bepaalde kleuren om elementen echt goed van elkaar te onderscheiden. Dit is vooral op mijn laptop scherm, die ik vaak niet haaks op mijn kijkrichting neerzet i.v.m. spiegeling van lampen/zon etc.

[Zombaya]

Wel grappig, 3 van de 10 nieuwste stijlen op userstyles.org zijn voor tweakers.net

The Newest

• Tweakers Old background
• 抜きん出たエロ画像・動画　整理
• Tweakers.net Grijs
• Suomi-neito 整理
• Gaité Lyrique
• tweakers.net
• harry styles theme by jenarichelle
• Google Tasks Width
• Firefox: Black or White Icons &more
• G+ Metro 风格 测试
• More themes

[naaitsab]

Hero Of Time schreef op donderdag 18 oktober 2012 @ 13:45:
[...]

Aanschaffen via de Karma Store

En anders je browser gebruiken. Momenteel heb ik T.net een beetje verandert in de mijne, heb nu dit.

Care2share?
Zit nu een beetje te rommelen met zwarte layout en witte font maar wordt niet zo heel mooi.

[JoostBaksteen]

Ter info: custom CSS in het forum is gefixed op de development server en wordt volgende week gereleased.

[ Voor 6% gewijzigd door JoostBaksteen op 18-10-2012 16:20 ]

[Hero of Time]

naaitsab schreef op donderdag 18 oktober 2012 @ 16:11:
[...]

Care2share?
Zit nu een beetje te rommelen met zwarte layout en witte font maar wordt niet zo heel mooi.

Sure, heb het een en ander moeten toevoegen, omdat het op de FP niet super leesbaar was voor artikelen (tekst was nog zwart ) en linkjes te donker.

code:

#layout {
    background-color: #212323;
}

textarea#messageBox, input {
    color: #000000;
    background-color: #FFFFFF;
}

div.info, div.message, div.faq, form.form1, form.form2, #folders, #myprofilecontainer, table.info {
    background-color: #212323 !important;
    color: #EDEEEE;
}

table.listing td, table.listing td a {
    background: #212323 !important;
    color: #EDEEEE !important;
}

table.listing td {
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}

table.listing td.last {
    border-right: 1px solid #000000 !important;

}

table.listing td.ind, table.listing td.ind2 {
    border-left: 1px solid #000000 !important;
}

table.listing td.topic a, table.listing td.title a { 
    color: #EDEEEE !important;
}

.user {
    color: #FFFFFF !important;
}

.crew {
    color: #B9133C !important;
}

.article {
    color: #EDEEEE !important;
}

.article a, ul a {
    color: #0270DD !important;
}

Het een en ander is dus nogal aangepast. Er zitten nog bugs in, zoals de tekst boven de topic listing, die is nog zwart. Sommige linkjes, zoals "Toon voorbeeld" zijn ook nog donker, etc. Maar een beetje Tweaker kan dat zelf fixen . CSS is niet moeilijk.

Als er meer geïnteresseerden zijn, zal ik vanavond een nieuwere versie posten, want ik ga nog wat meer veranderen. Niet alles is nog even leesbaar .

[ Voor 4% gewijzigd door Hero of Time op 18-10-2012 16:35 ]

[Virtuozzo]

JoostBaksteen schreef op donderdag 18 oktober 2012 @ 16:20:
Ter info: custom CSS in het forum is gefixed op de development server en wordt volgende week gereleased.

Ah, mooi. Niet dat het een echte oplossing is voor de oorsprong van de problematiek (enkel voor een beperkt percentage), maar goed te zien dat de fix voor custom CSS er aan komt!

[tweaker2010]

Zombaya schreef op donderdag 18 oktober 2012 @ 15:00:
Wel grappig, 3 van de 10 nieuwste stijlen op userstyles.org zijn voor tweakers.net
[...]

Thnx voor de tip! Gelijk maar even de oude grijze achtergrond teruggezet. Scheelt me weer hoofdpijn

[Rikkiz0r]

AzzKickah schreef op donderdag 18 oktober 2012 @ 14:15:
Voor de mensen met FireFox, bij Options - Content - Colors, als je daar een niet al de donkere kleur grijs instelt als achtergrond, en het vinkje aanzet voor Allow pages to choose their own colors, heb je hier op GoT een fijne niet-witte achtergrond en andere sites blijven gewoon zoals ze waren (nu, Facebook, F1Today, Google).

Thanks! You just made my day

[Glival]

Ik begrijp het niet... Het is toch niet witter dan Facebook, Google, Wikipedia, de Apple store voor mij part? Krijgen jullie ook oogklachten na het bezoeken van die sites?

wil niet vervelend doen, maar ik begrijp het gewoon echt niet

[afraca]

[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'

(anders moet ik 2 topics in de gaten houden )

[ Voor 25% gewijzigd door afraca op 18-10-2012 16:41 ]

[Schnoop]

Glival schreef op donderdag 18 oktober 2012 @ 16:40:
Ik begrijp het niet... Het is toch niet witter dan Facebook, Google, Wikipedia, de Apple store voor mij part? Krijgen jullie ook oogklachten na het bezoeken van die sites?

wil niet vervelend doen, maar ik begrijp het gewoon echt niet

Het probleem is dat de stukken waar tekst in staan niet wit zijn. Dit zorgt ervoor dat je ogen automatisch naar de kant gaan kijken waar het wel wit is (en dus niet tekst staat). Dit kost onbewust heel veel moeite.

Ikzelf merk direct dat ik me enorm in moet spannen om dingen te lezen, met als gevolg dat ik inmiddels hoofdpijn heb.

Nu.nl en google hebben ALLES wit en daarop de tekst. Niet witte achtergrond met een grijs vak waar de tekst in staat.

[Cyberamp]

eyy... een eigen topic over de witheid. ik sluit me bij aan!

[Denizz]

Glival schreef op donderdag 18 oktober 2012 @ 16:40:
Ik begrijp het niet... Het is toch niet witter dan Facebook, Google, Wikipedia, de Apple store voor mij part? Krijgen jullie ook oogklachten na het bezoeken van die sites?

wil niet vervelend doen, maar ik begrijp het gewoon echt niet

Ik zal je eerlijk zeggen dat ik niet weet waarom het wit op tweakers.net hier storender is dan bij Facebook. Ik heb hier ook behoorlijk last van, maar bij Facebook beduidend minder. Wel is het wit bij FB nog wel wat minder dan hier.

De enige verklaring die ik kan geven is dat het middenstuk een andere kleur is, waardoor je daarop gaat focussen en dat het wit erg afleid waardoor je meer energie gaat zetten om te focussen. FB is meer wit.

Edit: Sprak mijzelf nogal tegen, met de laatste zin bedoelde ik: FB is over de hele pagina wit, in plaaats van wit-grijs-wit hier.

[ Voor 7% gewijzigd door Denizz op 18-10-2012 16:52 ]

[Glival]

Ok, ik begrijp het.

M'n browser vult vaak maar de helft van m'n scherm windowsknop-pijltje naar rechts), had 'm alleen even groter gemaakt om te vergelijken met andere sites, maar om hele lappen tekst te lezen is het inderdaad minder prettig.

[DerOllie]

Te wit ja, subtieler grijs of zachtere kleur zou fijn zijn...

[Virtuozzo]

Denizz schreef op donderdag 18 oktober 2012 @ 16:44:
[...]


Ik zal je eerlijk zeggen dat ik niet weet waarom het wit op tweakers.net hier storender is dan bij Facebook. Ik heb hier ook behoorlijk last van, maar bij Facebook beduidend minder. Wel is het wit bij FB nog wel wat minder dan hier.

De enige verklaring die ik kan geven is dat het middenstuk een andere kleur is, waardoor je daarop gaat focussen en dat het wit erg afleid waardoor je meer energie gaat zetten om te focussen. FB is meer wit.

Edit: Sprak mijzelf nogal tegen, met de laatste zin bedoelde ik: FB is over de hele pagina wit, in plaaats van wit-grijs-wit hier.

In het voorbeeld van FB, die layout heeft ook elementen die juist de pagina en het blikveld breken. Dat ontbreekt eigenlijk volledig hier in de nieuwe layout, dat draagt behoorlijk bij aan dat soort visuele reflexen.

Het is geen kwestie van enkel kleur op elementen, maar ook de afwezigheid van elementen / objecten die het blikveld zowel breken als leiden. Praktisch voorbeeld, de Tracker.

[170074]

Het lijkt wel alsof de nieuwe site is ontworpen door een 'designer' die zelf nooit op de site zit.

[SinergyX]

170074 schreef op donderdag 18 oktober 2012 @ 17:34:
Het lijkt wel alsof de nieuwe site is ontworpen door een 'designer' die zelf nooit op de site zit.

En al helemaal niet op het forum..

Joost in "[bug] Pagina's te wit!"
Deze werkt iig op de frontpage, maar GoT is nog steeds wit.

[ Voor 20% gewijzigd door SinergyX op 18-10-2012 18:03 ]

[Blue-eagle]

Hoe ik hem nu heb gestyled Weg met die irritante search bar, iets meer contrast en samenhang. Beetje quick 'n dirty gestyled, maar het werkt voor mij.

code:

#layout { background: #aaa; }
#contentArea { 
    background: #fff;
    border: 20px solid #fff;
    border-top: none;
    box-shadow: 0 0 10px #888;
    border-radius: 10px;
    position: relative;
    top: -40px;
 }

[Mektheb]

Ben nu net thuis gekomen, en ik zie dat op mijn Scherm nu wel alles met een grijstint is.
Het forum in iedergeval, zo zie je maar weer hoe gaar TN Panelen zijn.

[Brummetje]

Iemand al gevonden hoe ik de lijntjes kan aanpassen van de reacties ?

Gevonden! eerst lijn aangepast Even de rest aanpassen

[ Voor 30% gewijzigd door Brummetje op 18-10-2012 18:31 ]

[SinergyX]

Die ads die nu rechts van een topic staan, kan je met een ad-free weghalen, maar wordt het forum dan ook dat stuk breder of blijft dat gewoon een witte ruimte?

Wit is al veel aanwezig, maar tov forumlijst/topiclijst heb je nóg meer wit:

(1920x1080, volledige breedte).

[Fietsbel]

SinergyX schreef op donderdag 18 oktober 2012 @ 18:32:
Die ads die nu rechts van een topic staan, kan je met een ad-free weghalen, maar wordt het forum dan ook dat stuk breder of blijft dat gewoon een witte ruimte?

Wit is al veel aanwezig, maar tov forumlijst/topiclijst heb je nóg meer wit:
[afbeelding]
(1920x1080, volledige breedte).

Ad's verwijderen is fout, die zijn er voor een reden.
Als abo zie je geen ad's, maar het forum wordt niet breder, integendeel, rechts heb ik een groot witvlak
Surfen vanaf mijn ipad geeft het forum een rare look en feel. Kortom, alleen een sitedesign waar ad's in voorkomen. Abo's? ach joh, met die paar mensen kunnen we geen rekening houden, dus doen we ook geen aangepast design (het zijn die kleine dingetjes, door even iets te centreren).

SinergyX schreef op donderdag 18 oktober 2012 @ 18:43:
[...]

Ik bedoel dus ad-free als het t.net abo, niet als 1 of andere blocker

Okido

[ Voor 23% gewijzigd door Fietsbel op 18-10-2012 18:44 ]

[SinergyX]

Fietsbel schreef op donderdag 18 oktober 2012 @ 18:41:
Ad's verwijderen is fout, die zijn er voor een reden.
Als abo zie je geen ad's, maar het forum wordt niet breder, integendeel, rechts heb ik een groot witvlak
Surfen vanaf mijn ipad geeft het forum een rare look en feel.

Ik bedoel dus ad-free als het t.net abo, niet als 1 of andere blocker

Glival schreef op donderdag 18 oktober 2012 @ 16:40:
Ik begrijp het niet... Het is toch niet witter dan Facebook, Google, Wikipedia, de Apple store voor mij part? Krijgen jullie ook oogklachten na het bezoeken van die sites?

wil niet vervelend doen, maar ik begrijp het gewoon echt niet

Open eens een random pagina van Wikipedia, wat valt je op? Juist, alle tekst over de volledige breedte van je scherm, je hebt amper complete vlakken wit waar je op een stukje tekst in het midden zit te focusen, je leest het als een brief met tekst (tot bepaalde marges).

Facebook, heeft 90% soort van zachtblauwe achtergrond hier, lang niet zo 'intensief' als puur wit, plus dat zij aanzienlijk meer gebruik maken van de volledige breedte dan op dit moment gemiddeld topic (40% op z'n best?).

(google tel ik niet mee, dat is een click&go pagina, geen uitgebreid leesgebeuren).

[ Voor 54% gewijzigd door SinergyX op 18-10-2012 18:46 ]