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

[svenk91]

Kan iemand een CSS aanraden die vooral een overzicht van artikelen zonder plaatjes geeft? De frontpage geeft tegenwoordig tussen alle iconen nog maar 7-10 artikelen tegelijk neer op mijn desktop, ongeveer evenveel als ik hier zie: https://tweakers.net/nieuws/zoeken/?itemTypes%5B%5D=14 (wat mij dus ook net wat teveel plaatjes en te weinig overzicht is)

Ik wil weer terug naar het 'oude' Tweakers waar het toch vooral een titel met kort stukje tekst was per artikel en je niet je scroll wheel moest verslijten. De foto's zijn vast door de redactie zelf gemaakt vaak op de front-page, maar het begint op een site met meer stock-images dan nieuws te lijken

Dit lijkt de trend op de meeste nieuws sites, dus zie het niet als kritiek. Maar het is niet voor iedereen fijn, sommigen komen hier vooral om te lezen.

[/cranky old man mode]

[Creesch]

Blijkbaar heeft men bij tweakers besloten dat het laatste nieuws uit het zicht moet staan rechts naast schreeuwende banners voor best buy guides en reviews die ik al eerder heb gelezen.

Tijd dus om mijn t.net ontrommel snippet bij te werken :custom css snippet: tweakers minder rommel.

Ik ben er nog niet over uit of ik de nieuwe "HeroArea" uberhaubt inline wil hebben of dat ik de drie entries daar naar de zijkant verplaats. Maar sowieso is het nu weer een stuk beter te volgen

voor


na

[Creesch]

svenk91 schreef op maandag 1 februari 2021 @ 15:21:

Minder rommel?

[/cranky old man mode]

Zie hierboven heb net mijn snippet bijgewerkt die een hoop meuk weg haalt.

[svenk91]

Creesch schreef op maandag 1 februari 2021 @ 15:24:
[...]


Zie hierboven heb net mijn snippet bijgewerkt die een hoop meuk weg haalt.

Perfect, ik heb hem al draaien, werkt ook prima met Tweakers Perfect Dark custom css snippet: Tweakers Perfect Dark

Thanks man!

[Mschamp]

Creesch schreef op maandag 1 februari 2021 @ 15:23:
Blijkbaar heeft men bij tweakers besloten dat het laatste nieuws uit het zicht moet staan rechts naast schreeuwende banners voor best buy guides en reviews die ik al eerder heb gelezen.

Tijd dus om mijn t.net ontrommel snippet bij te werken :custom css snippet: tweakers minder rommel.

Ik ben er nog niet over uit of ik de nieuwe "HeroArea" uberhaubt inline wil hebben of dat ik de drie entries daar naar de zijkant verplaats. Maar sowieso is het nu weer een stuk beter te volgen

voor
[Afbeelding]

na
[Afbeelding]

Super bedankt, maakt de site heel stuk overzichtelijker.

[Creesch]

Voor de mensen die overigens de layout krijgen zoals te zien in mijn "voor" screenshots, dit blijk een A/B test te zijn. Ik heb de CSS snippet aangepast zodat deze het nog zou moeten doen op beide versies van t.net. Helaas betekend dat wel dat de zaken in de rechter kolom in sommige gevallen verder naar onder staan als de bedoeling.

Aan het tweakers.net dev team kan ik alleen maar meegeven dat mensen met CSS snippets meenemen in je A/B test een slecht idee is als je zuivere data wil...

[Pendora]

Creesch schreef op maandag 1 februari 2021 @ 15:23:
Blijkbaar heeft men bij tweakers besloten dat het laatste nieuws uit het zicht moet staan rechts naast schreeuwende banners voor best buy guides en reviews die ik al eerder heb gelezen.

Bedankt! Ik snap überhaupt niet wie dit aan de rechterkant wil hebben. Ik was al uitgelogd om te voorkomen dat ik in de A/B zat en het op de normale plek zat. Jouw sniplet is nog fijner.

[Blokker_1999]

Pendora schreef op maandag 1 februari 2021 @ 17:35:
[...]


Bedankt! Ik snap überhaupt niet wie dit aan de rechterkant wil hebben. Ik was al uitgelogd om te voorkomen dat ik in de A/B zat en het op de normale plek zat. Jouw sniplet is nog fijner.

Zelfs een sessie in een private tab, dus uitgelogd, toont de testlayout bij mij. Ben er ook alles behalve happy mee. Die artikelen lees ik wel, maar als ik ze eenmaal gelezen heb moeten ze echt zoveel ruimte niet innemen, ik kom hier in de eerste plaats voor de nieuwe content.

Zelf maar snels alles een beetje zitten herordenen:
.

code:

.ankeilerArea {
 display:none !important; 
}
.latestNewsSection {
 width:100% !important;
}
.heroArea {
 padding-bottom: 0px !important;
 border-bottom: 0px !important;
}

.dailyHeadlines h2[style='font-family: "IBM Plex Sans Condensed"; font-size: 19px; color: rgb(154, 14, 54);'] {
  display:none !important;
}

.dailyHeadlines {
 margin-top: -49px; 
}

.dailyHeadlines ~ .dailyHeadlines {
 margin-top: 0px; 
}

[Thijsmans]

* Thijsmans wil graag uit de A/B-test

Laten we wel wezen: als ik moet zoeken waar de informatie begint, is er toch echt iets goed misgegaan... En daar komt ook nog bij dat de uitlijning gewoon slecht is: ik heb witte vlakken. Kortom: schraal concept en de uitwerking is nog niet eens af.

[Rubman]

Creesch schreef op maandag 1 februari 2021 @ 15:23:
Blijkbaar heeft men bij tweakers besloten dat het laatste nieuws uit het zicht moet staan rechts naast schreeuwende banners voor best buy guides en reviews die ik al eerder heb gelezen.

Tijd dus om mijn t.net ontrommel snippet bij te werken :custom css snippet: tweakers minder rommel.

Ik ben er nog niet over uit of ik de nieuwe "HeroArea" uberhaubt inline wil hebben of dat ik de drie entries daar naar de zijkant verplaats. Maar sowieso is het nu weer een stuk beter te volgen

voor
[Afbeelding]

na
[Afbeelding]

Bedankt, stuk prettiger maar heb nu nog steeds een wit vlak waar ik niet vanaf kom

[Brummetje]

Hoe kom je uit deze A/B test want dit is echt vreselijk hoe de frontpage nu staat zeg.

[turambar]

Bij mij staat het "laatste nieuws" aan de linkerkant, maar het leest gewoon niet lekker met 4 of 5 woorden op 1 regel.

[Creesch]

Rubman schreef op dinsdag 2 februari 2021 @ 10:25:
[...]


Bedankt, stuk prettiger maar heb nu nog steeds een wit vlak waar ik niet vanaf kom
[Afbeelding]

Mja lijkt er op dat je de rechterkant helemaal verborgen hebt met een andere snippet, beetje lastig omheen te werken.

Je kan overigens ook de cookie voor de A/B test verwijderen las ik in dit topic Vernieuwde frontpage of bug?

[Rubman]

Creesch schreef op dinsdag 2 februari 2021 @ 11:21:
[...]


Mja lijkt er op dat je de rechterkant helemaal verborgen hebt met een andere snippet, beetje lastig omheen te werken.

Je kan overigens ook de cookie voor de A/B test verwijderen las ik in dit topic Vernieuwde frontpage of bug?

ja gezien ik nogal een allegaartje aan CSS (stukje zelf en wat snippets) heb kom ik er niet achter wat dit bij mij veroorzaakt, ga wel even stoeien.

[Tristan]

Creesch schreef op maandag 1 februari 2021 @ 16:15:
Voor de mensen die overigens de layout krijgen zoals te zien in mijn "voor" screenshots, dit blijk een A/B test te zijn. Ik heb de CSS snippet aangepast zodat deze het nog zou moeten doen op beide versies van t.net. Helaas betekend dat wel dat de zaken in de rechter kolom in sommige gevallen verder naar onder staan als de bedoeling.

Aan het tweakers.net dev team kan ik alleen maar meegeven dat mensen met CSS snippets meenemen in je A/B test een slecht idee is als je zuivere data wil...

Ik was inderdaad onderdeel van de A/B test en vind het verschrikkelijk, bedankt voor je "minder rommel" css snippet

[vanaalten]

Ah, cookie aangepast en ik ben weer blij!
In firefox, met de tweakers.net website open:
F12 drukken, dan naar de 'storage' tab. Zoek de SSLB cookie en verander de waarde naar 0.

[Mitchell]

Creesch schreef op maandag 1 februari 2021 @ 15:23:
[...]

Tijd dus om mijn t.net ontrommel snippet bij te werken :custom css snippet: tweakers minder rommel.

[...]

Holy shit, dat is echt een heel stuk beter. Thanks!

[internetinfo]

Creesch schreef op maandag 1 februari 2021 @ 15:23:
Blijkbaar heeft men bij tweakers besloten dat het laatste nieuws uit het zicht moet staan rechts naast schreeuwende banners voor best buy guides en reviews die ik al eerder heb gelezen.

Tijd dus om mijn t.net ontrommel snippet bij te werken :custom css snippet: tweakers minder rommel.

Held! Scheelt ook een hoop scroll werk, dit is perfect. In combinatie met custom css snippet: Tweakers Perfect Dark ziet het er nog mooier uit, temeer omdat die banners ook al donker zijn:



Moet je voor de lol eens uitloggen

[basseytje]

vanaalten schreef op dinsdag 2 februari 2021 @ 15:59:
Ah, cookie aangepast en ik ben weer blij!
In firefox, met de tweakers.net website open:
F12 drukken, dan naar de 'storage' tab. Zoek de SSLB cookie en verander de waarde naar 0.

Voor het gemak ook even voor chrome:

Met tweakers open, F12
in het Apllication tab aan de linker kant cookies selecteren en de SSLB waarde op 0 zetten.

[3_s]

vanaalten schreef op dinsdag 2 februari 2021 @ 15:59:
Ah, cookie aangepast en ik ben weer blij!
In firefox, met de tweakers.net website open:
F12 drukken, dan naar de 'storage' tab. Zoek de SSLB cookie en verander de waarde naar 0.

Geweldig, bedankt!

Persoonlijk vind ik het wel beter om drietal foto's te hebben van achtergrondartikelen of reviews. Nu gebeurt het soms dat ik een review oversla, omdat ik enkel het laatste nieuws wil lezen. Echter kan het zijn dat er tegen 's avonds al een nieuw achtergrondartikel/review is gepost, waardoor ik die uit het oog verlies.

Misschien beetje onduidelijk verwoord, maar hopelijk zijn jullie slim genoeg om het te vatten .

[The Zep Man]

The Zep Man schreef op vrijdag 22 januari 2021 @ 11:14:
Nieuwe regels om Premium beter te verbergen:

En met het hernoemen naar Plus zijn er nieuwe regels om Tweakers.net Premium/Plus te verbergen:

code:

tweakers.net##.plus
tweakers.net##tr:has(td:has(div.plus))

[GekkePrutser]

Ik heb mijn CSS weer wat bijgewerkt na de laatste updates. Met dank aan wat knipsels uit snippets van anderen



Heb onder andere de "Veel bekeken" sectie wat donkerder gemaakt want ik had een paar keer dat ik niet doorhad dat dit oudere artikelen zijn. Verder zo 'clean' mogelijk en geen enkele 'ankeiler' behalve de allereerste maar dan een stuk kleiner.

Ik denk er nog over om de rechter balk ook helemaal weg te knippen maar soms zijn er wel interessante dingen daar zoals een uitgelichte review. Eigenlijk zou ik daar liever de tweakblogs en forum dingen hebben zodat die niet helemaal meer onderaan staan. Maar dan in 1 kolom in plaats van twee. En dat wordt denk ik wel lastig.

[ Voor 18% gewijzigd door GekkePrutser op 23-02-2021 20:55 ]

[ard1998]

Ik ben even een dagje wezen knutselen aan een donkere modus. Hier is het resultaat totdusver. op de "wat vind je van dit artiekel" survey na is er niets verborgen.

[ Voor 4% gewijzigd door ard1998 op 10-03-2021 18:29 ]

[GekkePrutser]

Nog een beetje verder gegaan in mijn minimalisme



Nu heb ik dus op de standaard homepage zonder te scrollen 21 nieuws headlines, 6 topics van het forum en 2 blogs (kunnen er zelfs 3 zijn maar hij toont er momenteel niet meer). Eigenlijk zou ik de 'actieve topics' van de tracker ook wel onder het nieuws willen stoppen want ik vind GoT bijna belangrijker dan de frontpage, maar dat krijg ik met mijn beperkte CSS skills niet voor elkaar De tracker zelf vind ik trouwens ondanks mijn behoefte aan hoge informatiedichtheid geen optie. Hij is veel te smal en weggefrommeld waardoor je de titels niet eens goed kan lezen zonder te hoveren (wat heb ik nou aan "Rocket lab onthult plannen vo..." en "Kuo: iPhone 13-modellen krijg...")

Maargoed, heel veel info zonder te scrollen dus. Vergelijk dit met de standaardpagina:



Welgeteld 1 nieuwsartikel (via de enorme ankeiler over Paradigit, niet eens het echte nieuws item in de artikellijst want die lijst is nog niet eens te zien), en 1 "actie", maar dan wel 3 keer. Want Operatie Volt wordt met 3 blokken aangeduid, bovenin, linksonder en rechtsonder. En de pricewatch weet ik zonder dat grote blok ook echt wel te vinden Dus een enorm scrollfest waarbij je de brokjes nieuws moet zoeken tussen alle visuele afleiding waarvan sommige nog beweegt ook.

Echt, ik weet dat ik een outlier ben hoor, qua informatiedichtheid. Maar zonder Custom CSS optie is Tweakers gewoon niet meer bruikbaar voor mij. Het zou me gewoon te veel werk zijn om daar steeds doorheen te worstelen. Ik weet dat dit wordt gezien als "hedendaagse standaard van webdesign" maar dit geldt toch niet voor iedereen. Zie ook bijvoorbeeld andere sites die er zo over denken. Zelfs een mainstream site als nu.nl maakt het niet zo bont:



Daar kan je toch nog 10 nieuws headlines zien, en rechts 4 "net binnen", zonder te scrollen!

Overigens valt het na die enorme top banners wel mee als je eenmaal doorscrollt vanaf de bovenkant, dan is de informatiedichtheid (links) even hoog als op mijn versie, alleen met wat kleinere ankeilers ertussen:



Maar persoonlijk vind ik het best vervelend om elke keer na het openen van de site naar beneden te moeten scrollen om te zien wat er nou echt voor nieuws is. Misschien toch wel iets om rekening mee te houden Het verbaast me soms echt als ik even Tweakers bekijk op een andere computer waar ik niet ingelogd ben.

Maargoed, ik ben blij dat die custom CSS optie nog bestaat. Doe die alsjeblieft niet weg

[ Voor 58% gewijzigd door GekkePrutser op 15-03-2021 23:32 ]

[ard1998]

Mijn donkere modus Heeft ondertussen aardig vorm gekregen.





Voor de personen die de koffie heel zwart drinken is er ook een extra donkere modus

[ Voor 68% gewijzigd door ard1998 op 18-03-2021 00:03 ]

[The Zep Man]

GekkePrutser schreef op dinsdag 2 maart 2021 @ 02:40:
Maargoed, ik ben blij dat die custom CSS optie nog bestaat. Doe die alsjeblieft niet weg

Die optie bestaat altijd...

in je (fatsoenlijke, op een fatsoenlijk platform) browser.

GekkePrutser schreef op dinsdag 2 maart 2021 @ 02:40:
Voor de personen die de koffie heel zwart drinken is er ook een extra donkere modus

Oeh, dat moet er mooi uitzien op een OLED scherm.

[ Voor 41% gewijzigd door The Zep Man op 18-03-2021 15:11 ]

[Jogai]

ard1998 schreef op woensdag 17 maart 2021 @ 23:40:
Mijn donkere modus Heeft ondertussen aardig vorm gekregen.

[Afbeelding]

[Afbeelding]

Voor de personen die de koffie heel zwart drinken is er ook een extra donkere modus

Mooi dat er keuze komt in donkere modi. Maar de eerste is qua contrast een beetje pijnlijk aan de ogen, en de 2e link doet het voor mij niet.

[GekkePrutser]

The Zep Man schreef op donderdag 18 maart 2021 @ 15:09:
[...]
Die optie bestaat altijd...

in je (fatsoenlijke, op een fatsoenlijk platform) browser.

Ja, maar als je meer dan een computer gebruikt is het veel lastiger. Ik heb een heleboel computers en ook een boel mobiele apparaten (is mijn werk). De ingebouwde custom CSS zorgt dat ik mijn aanpassingen overal beschikbaar heb.

[The Zep Man]

GekkePrutser schreef op donderdag 18 maart 2021 @ 16:43:
Ja, maar als je meer dan een computer gebruikt is het veel lastiger.

Browsersynchronisatie?

[GekkePrutser]

The Zep Man schreef op donderdag 18 maart 2021 @ 16:44:
[...]
Browsersynchronisatie?

Ja maar de addons als greasemonkey die website CSS aanpassingen mogelijk maken zijn niet op elk platform beschikbaar (mobiel met name), in firefox.

Volgens mij worden ook niet de instellingen van die addons gesynchroniseerd.

[ard1998]

Jogai schreef op donderdag 18 maart 2021 @ 15:13:
[...]

Mooi dat er keuze komt in donkere modi. Maar de eerste is qua contrast een beetje pijnlijk aan de ogen, en de 2e link doet het voor mij niet.

Ik neem aan dat je hiermee bedoelt dat je het verschil tussen de lichtere en de donkere kleuren iets te groot vind. In wil ik je bedanken voor de feedback

[Jogai]

ard1998 schreef op donderdag 18 maart 2021 @ 19:44:
[...]


Ik neem aan dat je hiermee bedoelt dat je het verschil tussen de lichtere en de donkere kleuren iets te groot vind. In wil ik je bedanken voor de feedback

Die aanname is juist, correct en van toepassing. Ik wil je bedanken voor je reactie

[SirLenncelot]

nav de frontpage post over een nieuw design hier terechtgekomen. Ik schrik me altijd kapot als ik tweakers zonder mijn custom-css zie. Ik ben er zo aan gewend geraakt dat tweakers voor mij bestaat uit de kleuren die ik gekozen heb.

[Simkin]

Custom CSS: https://tweakers.net/ext/customcss/3961/?1616483543

[Polydeukes]

Ik ben een redelijke n00b op het gebied van CSS, maar voor iedereen die (net als ik) de 40 gepasseerd is en wat moeite krijgt met de kleine lettertjes (mn op de mobiele site), hier wat css die ik zelf gebruik. (ja het kan vast netter of effectiever, dan lees ik dan graag)

code:

p {
  font-size: 120%;
}

div.reactieContent {
    font-size: 130%;
}

.title a {
  font-size: 120%;
}

[IThom]

Sinds kort staat er op de FP het nieuwe stukje met: "Meer Plus-artikelen lezen? Bekijk het overzicht!":



En die probeer ik te verbergen maar dat wil niet helemaal lukken.
Volgens mij komt dat omdat de div geen aan te roepen Class of ID heeft, maar misschien doe ik gewoon iets fout?

Het lukt wel met deze, maar die is niet helemaal zoals het hoort volgens mij:

code:

#news > div:nth-child(3) {
 display: none;
}

[Hahn]

IThom schreef op donderdag 26 augustus 2021 @ 15:28:
Sinds kort staat er op de FP het nieuwe stukje met: "Meer Plus-artikelen lezen? Bekijk het overzicht!":

[Afbeelding]

En die probeer ik te verbergen maar dat wil niet helemaal lukken.
Volgens mij komt dat omdat de div geen aan te roepen Class of ID heeft, maar misschien doe ik gewoon iets fout?

Het lukt wel met deze, maar die is niet helemaal zoals het hoort volgens mij:

code:

#news > div:nth-child(3) {
 display: none;
}

Altijd zoeken naar iets unieks wat je kan targeten. Als ik het goed gezien heb, is dat blok het enige onderdeel wat 'archive' als id heeft, dus als je dit gebruikt:

Cascading Stylesheet:

#archive {
    display: none !important;
}

dan is 'ie weg.

[IThom]

Ah oke, thanks!

De #archive had ik inderdaad gezien maar die werkte niet, voor andere divsdiv-ID's werkte het wel gewoon, maar deze heeft dan blijkbaar de !important nodig.

[ Voor 6% gewijzigd door IThom op 26-08-2021 15:41 ]

[Hahn]

IThom schreef op donderdag 26 augustus 2021 @ 15:36:
Ah oke, thanks!

De #archive had ik inderdaad gezien maar die werkte niet, voor andere divs werkte het wel gewoon, maar deze heeft dan blijkbaar de !important nodig.

archive is geen div, maar een id, daarom is het #archive, en niet .archive En de display: none; werd overschreven door iets specifiekers, wat je kan overschrijven door er !important achter te zetten (of je kan je eigen CSS specifieker maken, maar dit werkt ook).

[ Voor 6% gewijzigd door Hahn op 26-08-2021 15:39 ]

[Yorinn]

IThom schreef op donderdag 26 augustus 2021 @ 15:28:
Sinds kort staat er op de FP het nieuwe stukje met: "Meer Plus-artikelen lezen? Bekijk het overzicht!":

[Afbeelding]

En die probeer ik te verbergen maar dat wil niet helemaal lukken.
Volgens mij komt dat omdat de div geen aan te roepen Class of ID heeft, maar misschien doe ik gewoon iets fout?

Het lukt wel met deze, maar die is niet helemaal zoals het hoort volgens mij:

code:

#news > div:nth-child(3) {
 display: none;
}

Daar is ook al een snippet voor. custom css snippet: Verberg 'Meer Plus-artikelen lezen?' tussenkopje

[The Legend]

Ik heb geen verstand van CSS maar gebruik snippets van anderen om de FP te ontdoen van ankeilers en eindeloze witruimte. Bevalt prima, maar ik merk net ineens dat de FP weer ankeilers en witruimte heeft. Doet pijn aan m’n ogen Bij meer mensen het geval?

[Belindo]

The Legend schreef op maandag 13 september 2021 @ 17:05:
Ik heb geen verstand van CSS maar gebruik snippets van anderen om de FP te ontdoen van ankeilers en eindeloze witruimte. Bevalt prima, maar ik merk net ineens dat de FP weer ankeilers en witruimte heeft. Doet pijn aan m’n ogen Bij meer mensen het geval?

Ik kwam hier om te zien of er bij mij iets raars was. De frontpage ziet er niet uit

[Paul]

Belindo schreef op maandag 13 september 2021 @ 17:07:
[...]

Ik kwam hier om te zien of er bij mij iets raars was. De frontpage ziet er niet uit

[Afbeelding]

Wat bij mij hielp de boel overzichtelijk te houden is het volgende:

Cascading Stylesheet:

.fpAnkeiler {
display: none;
}

Maar ik ben geen lid van de A/B(/C)-test die nu loopt ( [Feedback] Frontpage test ) dus ik weet niet of dat voldoende is

[Pascal]

Belindo schreef op maandag 13 september 2021 @ 17:07:
[...]

Ik kwam hier om te zien of er bij mij iets raars was. De frontpage ziet er niet uit

[Afbeelding]

Ze zijn bezig met een A-B test zie [Feedback] Frontpage test

[Belindo]

Pascal schreef op maandag 13 september 2021 @ 17:09:
[...]


Ze zijn bezig met een A-B test zie [Feedback] Frontpage test

Thanks, die had ik nog niet gevonden.

[JJ Le Funk]

Ook maar 'ns wat gerommeld/gestript met custom CSS
links = ingelogd / rechts = uitgelogd

[rens-br]

Pascal schreef op maandag 13 september 2021 @ 17:09:
[...]


Ze zijn bezig met een A-B test zie [Feedback] Frontpage test

Om de discussie centraal te houden mag verdere feedback op de nieuwe layout in dat topic besproken worden.

[segil]

Bastien schreef op zondag 13 september 2020 @ 14:02:
Weet iemand of het op de een of andere manier mogelijk is om topics te verbergen, behalve via het verboden teken in 'Mijn topics'? Dat laatste is niet functioneel want dan moet je er eerst in gepost hebben. Ik wil bepaalde topics gewoon nooit zien, maar zie daar nu geen mogelijkheden voor. Behalve dan een heel subforum eruit te gooien maar da's ook niet de bedoeling. Dus eigenlijk een topic ID geheel verbergen, al is het maar enkel bij de 'Actieve topics'. Dat ik dat af en toe uit moet breiden met nieuwe id's maakt mij niet heel veel uit.

Heb wel gevonden (in een snippet) hoe het kan met user id's maar zie daar niet iets in overeen komen voor gehele topics. Maar mijn CSS kennis is ook op een diep droevig niveau dus dat helpt niet mee.

Hier ben ik ook wel benieuwd naar Ik zou enkele topics willen verbergen op GoT. Heeft iemand een idee hoe ik dit kan doen? Mocht het niet lukken met custom CSS, dan is iets als ublock ook prima.

[Paul]

Met custom CSS wordt lastig denk ik. In tegenstelling tot de posts in /list_messages (een topic), waar je simpel posts van bepaalde gebruikers kunt verbergen middels div.message[data-owner-id="xxxx"], wordt er in de listings op /forum/find, /list_activetopics en /list_topics niks meegegeven aan ID's.

Dan zou je moeten gaan scripten om een <tr> te verbergen als de tweede <td> in die <tr> een a href naar https://gathering.tweakers.net/forum/list_messages/xxxx bevat.

[JJ Le Funk]

segil schreef op dinsdag 28 september 2021 @ 17:29:
[...]


Hier ben ik ook wel benieuwd naar Ik zou enkele topics willen verbergen op GoT. Heeft iemand een idee hoe ik dit kan doen? Mocht het niet lukken met custom CSS, dan is iets als ublock ook prima.

eenmalige actie uitvoeren?
https://gathering.tweakers.net/forum/ignore_topic/[topicID]
https://gathering.tweakers.net/forum/ignore_topic/[topicID]
https://gathering.tweakers.net/forum/ignore_topic/[topicID]
oh wacht, (interne identificatie: topic::ignore::topic_not_in_history)

[ Voor 6% gewijzigd door JJ Le Funk op 28-09-2021 23:00 ]

[segil]

JJ Le Funk schreef op dinsdag 28 september 2021 @ 22:36:
[...]

eenmalige actie uitvoeren?
https://gathering.tweakers.net/forum/ignore_topic/[topicID]
https://gathering.tweakers.net/forum/ignore_topic/[topicID]
https://gathering.tweakers.net/forum/ignore_topic/[topicID]
oh wacht, (interne identificatie: topic::ignore::topic_not_in_history)

Die kende ik nog niet, maar lijkt alleen te zijn voor de post historie. Bij mij werkt het niet.

[PdeBie]

Om te voorkomen dat je per ongeluk op een advertentie klikt bij de grootste prijsdalers met Black Friday (voorbeeld pagina: reviews: De beste deals voor Black Friday 2021: Ons overzicht van de grootste...) heb ik even een custom CSS snippet gemaakt

custom css snippet: Verberg Black Friday advertentie

[Damic]

Ik weet niet of dit het juiste topic is maar @Bas170 kan het soms zijn dat je de verkeerde achtergrond kleur heb ingesteld voor rmltoolbar. Dat staat nu allemaal op 070707 dat is zo goed als zwart en dan zijn de standaard iconen niet meer zichtbaar.
Ik heb het nu recht gezet bij mijn eigen door dat naar 454545 te zetten dan zien ik ze tenminste

[Bas170]

Damic schreef op dinsdag 15 februari 2022 @ 20:59:
Ik weet niet of dit het juiste topic is maar @Bas170 kan het soms zijn dat je de verkeerde achtergrond kleur heb ingesteld voor rmltoolbar. Dat staat nu allemaal op 070707 dat is zo goed als zwart en dan zijn de standaard iconen niet meer zichtbaar.
Ik heb het nu recht gezet bij mijn eigen door dat naar 454545 te zetten dan zien ik ze tenminste

Op zich kan een DM ook, maar dit werkt ook

Ik ga ervan uit dat je het over mijn Dark Mode aanvulling hebt?
Kan het zijn dat je meerdere snippets gebruikt die de toolbar aanpassen?

Ik heb namelijk al heel lang niets aangepast aan die toolbar en je bent ook de eerste die ik hier over hoor.

Maar ik zal sowieso dit weekend even kijken of ik dat kan finetunen

[Damic]

Jup Darkmode aanvulling.
Ik gebruik die van Azbest ook, maar daar zit maar 1 vermelding (geen kleur) in terwijl die van jou er 33 heeft

Doe maar rustig vond het gewoon raar dat ik geen knoppen meer zag.

[ Voor 20% gewijzigd door Damic op 15-02-2022 21:34 ]

[Resistor]

*schopje*

Ik heb mijn FP er zeer minimalistisch uit zien, en ik heb totaal geen interesse in die 'Plus' artikelen.
Ik gebruik daar custom css snippet: Weg met Plus / Premium posts. , custom css snippet: Plus-be-gone , custom css snippet: Verberg 'Meer Plus-artikelen lezen?' tussenkopje en custom css snippet: Verberg "word abonnee" button in header voor.

Is er al een CSS om die 'Je hebt nog 3 gratis Plus-artikelen voor maart beschikbaar.' weg te halen? Ik vind die geelgroene balk een beetje vloeken.

[Jogai]

@Resistor Je kan je genoemde scripts uitzetten en vervangen door deze ene:

custom css snippet: Tweakers MIN

[Tyrian]

Jogai schreef op zaterdag 26 maart 2022 @ 08:06:
@Resistor Je kan je genoemde scripts uitzetten en vervangen door deze ene:

custom css snippet: Tweakers MIN

Is er al zoiets dat op de beta van de nieuwe frontpage werkt?

[Meg]

Hoi,

Ik heb een aantal snippets in gebruik voor o.a. een darkmode, alleen heb ik ook een stukje eigen custom CSS wat nu niet werkt, iemand een oplossing hiervoor?

/*** Meg always pink***/
div.message[data-owner-id="821329"] div.poster.avatar div.userheader p.username.ellipsis a.user {
color: #FA2596 !important;
.message .poster .title {
font-size: 11px;
}

.message[data-owner-id="64065"] . poster .title:after {
content: "Zeef 2.0";
font-size: 11px;
}

[DaFeliX]

Meg schreef op vrijdag 13 mei 2022 @ 18:59:
Hoi,

Ik heb een aantal snippets in gebruik voor o.a. een darkmode, alleen heb ik ook een stukje eigen custom CSS wat nu niet werkt, iemand een oplossing hiervoor?


[...]

Je bent iig een haakje sluiten vergeten op regel drie, maar de te specifieke selector is ook wat fragiel. Zo beter?

code:

div.message[data-owner-id="821329"] a.user {
color: #FA2596 !important;
}

.message .poster .title {
font-size: 11px;
}

.message[data-owner-id="64065"] . poster .title:after {
content: "Zeef 2.0";
font-size: 11px;
}

[Meg]

@DaFeliX ik snap niet wat het verschil is maar ga even kijken.

Ja, dit werkt perfect! Dankjewel!

[ Voor 22% gewijzigd door Meg op 16-05-2022 12:59 ]

[Meg]

Het is mogelijk om de duimpjes op het forum te vervangen voor de "Ik Henk 'm knop", maar is het ook mogelijk om dit te doen met de notificaties? Dat je krijgt "X gaf een Henk voor jouw forumpost in X."

Dat zou het nog leuker maken, @Zeror aangezien de snippet van jou is, misschien een leuke toevoeging als dat mogelijk is? :-)

[Zeror]

Meg schreef op maandag 16 mei 2022 @ 22:05:
Het is mogelijk om de duimpjes op het forum te vervangen voor de "Ik Henk 'm knop", maar is het ook mogelijk om dit te doen met de notificaties? Dat je krijgt "X gaf een Henk voor jouw forumpost in X."

Dat zou het nog leuker maken, @Zeror aangezien de snippet van jou is, misschien een leuke toevoeging als dat mogelijk is? :-)

Ik zal eens kijken wat hiermee kan doen. Is wel een leuk idee iig.

[segil]

*knip*. Dit is niet de plek voor feedback / ranten op de frontpage.

Ik ben geen css kenner, dus als iemand mij kan/wilt helpen om dit gedrocht te reduceren naar een mooi, kalm, en rustgevend overzicht van de nieuwsartikelen, zonder poespas, ben ik weer gelukkig.

[ Voor 19% gewijzigd door rens-br op 20-02-2023 16:31 ]

[Falcon]

Ik werk alleen maar met een kleuren-inverter in de CSS die ik gebruik en dus bleef het werken, zowel op mobiel als desktop (naam snippet: Darkmode maker: Falcon, is gebaseerd op die van Ceesch)





Totaal geen spannende CSS, puur uitgemak. Samen met het vele blauw gebruik op FP, staat het niet eens zo gek

[ Voor 8% gewijzigd door Falcon op 20-02-2023 15:46 ]

[segil]

Ik ben zoals gezegd een CSS noob, maar dit heb ik ervan kunnen maken:

code:

.sidebar-1 {
    display: none !important;
}
.ankeiler-stream {
    display: none !important;
}
.ankeiler-image {
 display: none !important;
}
.ankeiler-headers {
display: none !important;
}
.ankeiler-category {
display: none !important;
}
.category-bar {
display: none !important;
}
.ankeiler-label {
display: none !important;
}
.ankeiler-readable-date {
display: none !important;
}
.widebnr {
  display: none !important;
}
.review.ankeiler-large.ankeiler-1 {
display: none !important;
}

Wat ik nog mis is het centreren van de artikelen. En het verminderen van de regelafstanden. En liefst ook donkergrijze achtergrond. Iemand een idee?

[MatHack]

N.a.v. de pagina wijzigingen maar ff bezig geweest (deels inspiratie van andere tweakers die hun wijzigingen hebben gepost). Ik ben abo, dus geen idee hoe de style reageert met advertenties:

Cascading Stylesheet:

#menubar {grid-template-columns: minmax(0,1fr) [content-start] repeat(3,minmax(0,var(--grid-column-width))) [content-end] minmax(0,1fr)!important} /* breedte */
#layout {padding-bottom:200px!important} /* whitespace */
.fp-grid-areas {padding:0!important;max-width:980px!important;margin:0 auto!important} /* whitespace/breedte */
.category-bar {display:none!important} /* verbergt Vergelijk producten en prijzen */
.fp-grid-areas .editorial-content {grid-template-columns:auto!important} /* breedte headlines */
.fp-grid-areas .ankeiler-stream {display:none!important;} /* verbergt ankeiler kolom */
.fp-grid-areas .promotions {display:none!important} /* verbergt promotions in meest rechtse kolom */
.fp-grid-areas .community {display:none!important} /* verbergt community content op fp */
.ankeiler-label-container {display:none!important} /* verbergt extra meuk op top ankeiler */
.headlineItem.download {display:none!important} /* verbergt downloads in headlines */
.headlineItem .headline {padding-top:0.15em;padding-bottom:0.15em} /* witruimte headlines */
.headline--anchor {font-size:12px!important} /* fontsize headlines */
#about .social {display:none!important} /* verbergt social tellers */
#ticker {display:none!important} /* verbergt ticker in footer */

Mocht je de top ankeiler helemaal wel willen hebben dan kun je de regel:

Cascading Stylesheet:

.ankeiler-label-container {display:none!important} /* verbergt extra meuk op top ankeiler */

vervangen met:

Cascading Stylesheet:

t-ankeiler {display:none!important} /* verbergt top ankeiler */

[ Voor 7% gewijzigd door MatHack op 27-02-2023 21:07 . Reden: font-size update ]

[Lrrr]

Nieuwe custom CSS-gebruiker hier. Als reactie op de nieuwe FP-layout ook maar aan de slag gegaan.

Ik hou ervan om in te zoomen op nieuwssites, maar met de 170% zoom die ik op Tweakers had, viel in de nieuwe layout de sidebar helemaal weg. Dus teruggezoomd naar 140%, maar dan is de lettergrootte voor mij te klein, en is de community-content nog steeds verbannen naar de onderkant van de pagina.

Om dit op te lossen heb ik twee snippets gebouwd:

• Grotere letters — maakt de letters op de FP en in artikelen en reviews weer wat groter
• Community bovenaan — zet de community-content weer bovenaan de sidebar

Screenshots:



Contributies zijn welkom!

En als bonus nog een kleine snippet die je lijst met snippets wat overzichtelijker maakt

[ Voor 25% gewijzigd door Lrrr op 21-02-2023 00:05 ]

[GekkePrutser]

Ik heb 'm nu bijna zover als ik hem wil hebben:



Alleen het witte stuk en het menu is veel te breed, vreemd genoeg. Hierdoor klopt de menubalk ook niet qua breedte en positie met de andere pagina's (GoT bijvoorbeeld, maar ook de gewone frontpage artikelen).

Ik wil eigenlijk de menubalk op dezelfde plek hebben als bij de artikelen, en het witte blok ook even breed. En eigenlijk moet de tekst nog iets omhoog natuurlijk. Maar ik snap het gebeuren met die grids niet zo, dat is toegevoegd toen ik allang al geen webcoding meer deed.

Voorbeeldje van hoe de menubalk er uit ziet bij de artikelen:



Weet iemand wat ik hiervoor aan moet passen? Ik heb al gekeken naar content-wrap en layout-area maar ik krijg het niet goed

PS: Ik weet dat Tweakers zelf de "tracker" als oplossing ziet voor mensen die alleen maar tekst willen hebben, maar dat werkt voor mij niet omdat die zo smal is dat alle titels ingekort worden. Dus die sloop ik er ook altijd uit.

[ Voor 52% gewijzigd door GekkePrutser op 21-02-2023 00:36 ]

[SmokingCrop]

segil schreef op maandag 20 februari 2023 @ 17:56:
Ik ben zoals gezegd een CSS noob, maar dit heb ik ervan kunnen maken:

[Afbeelding]

code:

.sidebar-1 {
    display: none !important;
}
.ankeiler-stream {
    display: none !important;
}
.ankeiler-image {
 display: none !important;
}
.ankeiler-headers {
display: none !important;
}
.ankeiler-category {
display: none !important;
}
.category-bar {
display: none !important;
}
.ankeiler-label {
display: none !important;
}
.ankeiler-readable-date {
display: none !important;
}
.widebnr {
  display: none !important;
}
.review.ankeiler-large.ankeiler-1 {
display: none !important;
}

Wat ik nog mis is het centreren van de artikelen. En het verminderen van de regelafstanden. En liefst ook donkergrijze achtergrond. Iemand een idee?

Misschien kan je hier en daar wat met mijn code:
Frontpage bevat enkel nieuwslijnen. (2023-02)

Heb jaren geleden nog eens een volledige CSS aanpassing gedaan, maar het zit allemaal nogal ver, daar ik anders nooit css moet aanpassen.



edit: @GekkePrutser Jij bent wss ook wel wat met mijn code

-----

Ik heb nog een grotere CSS die bv. de pricewatch cleaner maakt en wat kleine wijzigingen op forum.
Staat wellicht heel wat code in die misschien zelf niets meer doet, doordat het al enkele jaren oud is, maar doet nog prima zijn werk:

2023-02 Clean & News only


vs

[ Voor 23% gewijzigd door SmokingCrop op 21-02-2023 00:52 ]

[Blizz]

Naar aanleiding van de nieuwe frontpage besloten dat ik m'n automatische dark mode snippet moest bijwerken, ook omdat ik zag dat ik 50 anderen martel met de verouderde code (sorry daarvoor). Zojuist gedaan! Daarom berichtje in dit en het andere relevante draadje.

Blizz schreef op woensdag 20 november 2019 @ 15:45:
Voor iedereen met custom CSS, ik heb gistermiddag Tweakers' favoriete dark mode snippet en de verschillende aanvullende snippets in 1 snippet samengevoegd met media queries zodat het automatisch met het systeem meekleurt.

custom css snippet: Auto Tweakers Perfect Dark + Add-ons

[ Voor 5% gewijzigd door Blizz op 21-02-2023 01:43 ]

[kanem0chi]

Korte snippet gemaakt om lijnen tussen de nieuwsartikelen na de 2023 FP re-design weg te halen: Verwijder lijnen tussen nieuwsartikelen

Voor:



Na:

[ Voor 48% gewijzigd door kanem0chi op 21-02-2023 08:03 ]

[MatHack]

GekkePrutser schreef op dinsdag 21 februari 2023 @ 00:30:
PS: Ik weet dat Tweakers zelf de "tracker" als oplossing ziet voor mensen die alleen maar tekst willen hebben, maar dat werkt voor mij niet omdat die zo smal is dat alle titels ingekort worden. Dus die sloop ik er ook altijd uit.

Zie eerste regel van de CSS in mijn post voor menubalk inspiratie. Hele site is nu opgebouwd uit CSS-grids, dus je moet daar aanpassingen aan doen voor breedtes.

[Sebazzz]

kanem0chi schreef op dinsdag 21 februari 2023 @ 08:01:
Korte snippet gemaakt om lijnen tussen de nieuwsartikelen na de 2023 FP re-design weg te halen: Verwijder lijnen tussen nieuwsartikelen

Dat is al een stuk rustiger, bedankt!

[DexterDee]

Het Perfect Dark theme was een goed uitgangspunt, maar ik wilde nog een paar opvallende accentkleuren weg hebben en heb meteen de nieuwe homepage ook maar meegepakt. Nu ook voor anderen beschikbaar als add-on op Perfect Dark, Even Darker Theme

[GekkePrutser]

Bedankt allemaal voor de tips.. Ik snap nog steeds geen bal van die grids maar ik heb het toch redelijk voor elkaar:



En op mobiel ook:



Ik wou alleen nog ietsje minder whitespace boven "Laatste Nieuws" maar het is wel goed zo. Bedankt allemaal!

PS: Mijn CSS code is nogal een puinhoop daarom heb ik die er niet bijgezet Dit is door de jaren heen ontstaan en ik moet eigenlijk eens goed doorlopen wat er allemaal aan ouwe meuk tussen zit die allang weg kan

Ik ga alleen misschien nog de spacing tussen de regels wat verminderen.

Edit: Oh en die lege regel op mobiel moet er nog tussenuit.

[ Voor 15% gewijzigd door GekkePrutser op 21-02-2023 13:25 ]

[Creesch]

Gisteren heb ik "tweakers minder rommel" snippet al bijgewerkt. Maar, nog niet hier laten zien. Het doel is om het merendeel van de inhoud wel weer te geven maar het voornamelijk minder druk te maken. Dit bereikt door veel gedupliceerde navigatie-elementen weg te halen en voornamelijk de ankeiler previews een stuk subtieler te maken.




Nu ik hier toch aan het delen ben. Vroeger vond ik de navigatie tussen artikelen prettiger, ipv een "volgende/vorige" set aan knoppen stond de titel van het artikel op die plek. Gelukkig kan je dit ook met CSS fixen. Hierbij trouwens ook gelijk de knoppen omgedraaid, in mijn hoofd is het een chronologische lijst en navigeer je van boven naar beneden. Het "volgende" artikel is dan ook het artikel dat onder het huidige artikel staat op de frontpage.

Dus bij deze ook de Volgende vorige "klassieke" navigatie snippet

Voor:


Na:

[Blizz]

Waar kan ik het best een afbeelding op Tweakers uploaden voor in een custom css script? Tweakers heeft imgur verbannen en ik mag zelfs mezelf geen bericht sturen.

Waar kan ik mijn foto-album tegenwoordig beheren? Na hoeveel tijd worden afbeeldingen uit mijn foto-album verwijderd?

[Gunner]

Blizz schreef op dinsdag 21 februari 2023 @ 22:19:
Waar kan ik het best een afbeelding op Tweakers uploaden voor in een custom css script? Tweakers heeft imgur verbannen en ik mag zelfs mezelf geen bericht sturen.

Waar kan ik mijn foto-album tegenwoordig beheren? Na hoeveel tijd worden afbeeldingen uit mijn foto-album verwijderd?

Imgur verbannen? Dat is volgens mij meer een kwestie van apps als ghostery afstellen.

Foto album is voor altijd. Of tot je ze zelf verwijderd

[Blizz]

Nah, de foutmelding is van Tweakers zelf:

CSS: Ongeldig domein "i.imgur.com" voor url-waarde (op regel 88).
CSS: Ongeldig domein "i.imgur.com" voor url-waarde (op regel 94).

Maar top, dan zit-ie veilig in m'n foto-album. Thanks!

Waar kun je je foto-album nog vinden trouwens? Via forumreacties en pb's kun je in ieder geval de recente uploads zien.

Edit: hoezee! custom css snippet: Random fixes

[ Voor 14% gewijzigd door Blizz op 21-02-2023 22:30 ]

[Gunner]

Blizz schreef op dinsdag 21 februari 2023 @ 22:25:
Nah, de foutmelding is van Tweakers zelf:

[...]

Maar top, dan zit-ie veilig in m'n foto-album. Thanks!

Waar kun je je foto-album nog vinden trouwens? Via forumreacties en pb's kun je in ieder geval de recente uploads zien.

https://tweakers.net/my.tnet/fotoalbum/ ?

[Blizz]

Thanks! Verborgen tot ik het unlock in de karmastore, dat verklaart het. Nou bij dezen.

[segil]

Ik probeer een dark thema toe te passen, maar het lukt niet echt. Elke dark thema die ik hier vind, ziet er ongeveer zo uit:



Ik heb ook degenen geprobeerd die aangepast zijn deze week. Andere browser geeft zelfde resultaat.
Zit dit ergens in mijn profiel?

[HakanX]

Is het mogelijk om met custom css de zoekbalk te verplaatsen naar het menubar bovenin? Ik zou het willen hebben zoals in de tweede screenshot hieronder, searchbar verplaatsen en loze ruimte in de contentarea bovenin verwijderen voor een compacte look

:

[HakanX]

segil schreef op vrijdag 24 februari 2023 @ 09:39:
Ik probeer een dark thema toe te passen, maar het lukt niet echt. Elke dark thema die ik hier vind, ziet er ongeveer zo uit:

[Afbeelding]

Ik heb ook degenen geprobeerd die aangepast zijn deze week. Andere browser geeft zelfde resultaat.
Zit dit ergens in mijn profiel?

Dit is wat ik allemaal net heb geativeerd voor een donkere look:
Anders kan het aan één van je plugins liggen welke je misschien in beide browsers gebruikt?

[segil]

HakanX schreef op vrijdag 24 februari 2023 @ 10:58:
Is het mogelijk om met custom css de zoekbalk te verplaatsen naar het menubar bovenin? Ik zou het willen hebben zoals in de tweede screenshot hieronder, searchbar verplaatsen en loze ruimte in de contentarea bovenin verwijderen voor een compacte look[Afbeelding]

[Afbeelding]:

Bedankt, ik ga testen. In mijn 2e browser gebruik ik geen plugins.

[vanaalten]

Hier onlangs dus m'n custom-CSS bijgewerkt n.a.v. de nieuwe frontpage-layout. Heb de boel wat meer naar wens gekregen:


Gebruikte CSS:

code:

.widebnr {display: none !important;}
.category-bar { display:none !important;}
#.ankeiler-1 {display:none !important;}
.ankeiler-2 {display:none !important;}
.ankeiler-3 {display:none !important;}
.ankeiler-4 {display:none !important;}
.ankeiler-5 {display:none !important;}
.ankeiler-6 {display:none !important;}
.ankeiler-7 {display:none !important;}
.ankeiler-8 {display:none !important;}
.ankeiler-9 {display:none !important;}
.ankeiler-10 {display:none !important;}
.promotions {display:none !important;}
.bbg {display:none !important;}
.sponsored-actions {display:none !important;}

.fp-grid-areas {
  margin: 0 auto !important;
  font-size: 10px;
  line-height: 12px;  
}

ul#navMenu a[href="https://tweakersgear.net"] {display: none !important;}

Niet helemaal zelf bedacht, maar bij elkaar geknutseld uit CSS snippets. Heb geen probleem met de bovenste ankeiler, dus die mocht van mij blijven (vandaar de '#' voor .ankeiler-1).

Maar:

• Daar waar voorheen 'ankeilers' hebben gezeten zie je nu nog de resten: dubbele streep (zie bijv. in bovenstaande screenshot tussen het nieuwsitem van 10:23 en 09:00. Is dat nog beter te krijgen?
• sowieso zou ik de informatiedichtheid nog wel wat hoger willen krijgen door de nieuwsregels dichter op elkaar te hebben. Is dat nog mogelijk met custom-CSS?

[DaFeliX]

vanaalten schreef op maandag 27 februari 2023 @ 12:55:
[...]
Niet helemaal zelf bedacht, maar bij elkaar geknutseld uit CSS snippets. Heb geen probleem met de bovenste ankeiler, dus die mocht van mij blijven (vandaar de '#' voor .ankeiler-1).
[...]

# is geen commentaarteken in CSS, je hebt daar een niet-werkende selector van gemaakt. Je "moet" /* en */ gebruiken:

code:

.widebnr {display: none !important;}
.category-bar { display:none !important;}
/* .ankeiler-1 {display:none !important;} */
.ankeiler-2 {display:none !important;}
[...]
et cetera

[MatHack]

vanaalten schreef op maandag 27 februari 2023 @ 12:55:

• Daar waar voorheen 'ankeilers' hebben gezeten zie je nu nog de resten: dubbele streep (zie bijv. in bovenstaande screenshot tussen het nieuwsitem van 10:23 en 09:00. Is dat nog beter te krijgen?
• sowieso zou ik de informatiedichtheid nog wel wat hoger willen krijgen door de nieuwsregels dichter op elkaar te hebben. Is dat nog mogelijk met custom-CSS?

Voor de ankeilers: Ik heb die strepen niet, maar ik heb gewoon de hele ankeiler-stream verborgen (de top ankeiler blijft wel staan)

Cascading Stylesheet:

.fp-grid-areas .ankeiler-stream {display:none!important;} /* verbergt ankeiler kolom */

Voor de headlines witruimte:

Cascading Stylesheet:

.headlineItem .headline {padding-top:0.15em;padding-bottom:0.15em} /* witruimte headlines */

En mogelijk ook die line-height in jouw CSS veranderen.

Zie ook: Mijn post in dit topic

[vanaalten]

MatHack schreef op maandag 27 februari 2023 @ 21:02:
[...]


Voor de ankeilers: Ik heb die strepen niet, maar ik heb gewoon de hele ankeiler-stream verborgen (de top ankeiler blijft wel staan)

Cascading Stylesheet:

.fp-grid-areas .ankeiler-stream {display:none!important;} /* verbergt ankeiler kolom */

Voor de headlines witruimte:

Cascading Stylesheet:

.headlineItem .headline {padding-top:0.15em;padding-bottom:0.15em} /* witruimte headlines */

En mogelijk ook die line-height in jouw CSS veranderen.

Zie ook: Mijn post in dit topic

Dankjewel! Ben nu zo goed als tevreden.
Enige is dat ik die dubbele strepen nog steeds heb - OOK als ik gewoon jouw complete CSS uit jouw post gebruik. Zowel met Firefox als met Edge, dus lijkt niet aan de browser te liggen.

Huidige CSS:

code:

.fp-grid-areas .ankeiler-stream {display:none!important;} /* verbergt ankeiler kolom */

.category-bar { display:none !important;}
.promotions {display:none !important;}
.bbg {display:none !important;}
.sponsored-actions {display:none !important;}

.headlineItem .headline {padding-top:0.15em;padding-bottom:0.15em} /* witruimte headlines */

ul#navMenu a[href="https://tweakersgear.net"] {display: none !important;} /*tweakersgear uit menu*/

[ Voor 21% gewijzigd door vanaalten op 28-02-2023 08:15 ]

[MatHack]

vanaalten schreef op dinsdag 28 februari 2023 @ 08:13:
[...]

Dankjewel! Ben nu zo goed als tevreden.
Enige is dat ik die dubbele strepen nog steeds heb - OOK als ik gewoon jouw complete CSS uit jouw post gebruik. Zowel met Firefox als met Edge, dus lijkt niet aan de browser te liggen.

Ik vermoed zo dat dat komt door de breedte van je (browser)scherm, ik heb 1920, als ik de browser minder breedte trek krijg ik de ankeilers tussen de headlines. Zo te zien border-bottom van elk headline-block-X, kom je waarschijnlijk wel verder uit als je in de browser devtools (F12) verder kijkt naar de CSS van headline-block-1. Vermoed dat je de border-bottom daar op 0 moet zetten.

[Resistor]

Ik heb zo veel CSS'en aangeklikt dat ik geen idee meer heb welke dit resultaat geven, maar ik ben er tevreden mee

Ik was een beetje teleurgesteld dat die rechter kolom met oude dingen er opeens weer bij staat, maar als ik de items zelf lees heb ik er geen last van, mede omdat de tekst nu niet verspringt.

[Lrrr]

Ik heb mijn "Community bovenaan"-snippet een update gegeven. Hij werkt nu ook goed met de 1- en 2-kolommenlayout van de FP, dat wil dus zeggen dat hij ook mobiel werkt

Mijn snippet "Grotere letters" heeft ook een update gekregen. Ik vond de grote letters op de mobiele FP toch storend, dus dat heb ik veranderd. Nu heb je dus op de desktop-FP wel grote letters, maar mobiel niet. In de artikelpagina's zelf heb je nog wel altijd grote letters (dus ook mobiel).

[Creesch]

Even dit topic afstoffen naar aanleiding van de nieuwe dark en light themas van tweakers. In de basis prima, maar ik mistte wel iets contrast in zowel light als dark mode.


tweakers dark/light tweaks

Overigens moet ik nog even testen hoe het op het forum werkt zie ik nu. Hier is de kleur grijs die ik voor de content area heb gebruikt gelijk aan die voor reacties.

Anyway, screenshots:

Dark:






Light:





Btw, op de screenshot ook nog een andere stijl in gebruik: tweakers minder rommel

[walterworld]

Zo ziet mijn Tweakers eruit, het enige CSS wat ik in gebruik heb.

Maker: EotT
Laatste wijziging: 18-07-2023 09:42
Aantal gebruikers: 54
Omschrijving
(update 2023-07-17) Donkerdere versie van de native dark mode. Vergeet niet het donkere thema te selecteren wanneer je deze css snippet wilt gebruiken.

[HakanX]

Twitter Quotes op de frontpage blijven wit bij mij, hoe is dat bij jullie?

[RobIII]

HakanX schreef op dinsdag 18 juli 2023 @ 18:35:
Twitter Quotes op de frontpage blijven wit bij mij, hoe is dat bij jullie?

Heb je een linkje? Ik heb even vlug door alle nieuws van vandaag geklikt maar zie er zo snel geen.

[HakanX]

RobIII schreef op dinsdag 18 juli 2023 @ 18:42:
[...]

Heb je een linkje? Ik heb even vlug door alle nieuws van vandaag geklikt maar zie er zo snel geen.

Vals alarm, het is gefixt zie ik. Twee dagen terug was het nog met witte achtergrond en grijze tekst. link

[Help!!!!]

Creesch schreef op maandag 17 juli 2023 @ 14:18:
Even dit topic afstoffen naar aanleiding van de nieuwe dark en light themas van tweakers. In de basis prima, maar ik mistte wel iets contrast in zowel light als dark mode.


tweakers dark/light tweaks

Overigens moet ik nog even testen hoe het op het forum werkt zie ik nu. Hier is de kleur grijs die ik voor de content area heb gebruikt gelijk aan die voor reacties.

Anyway, screenshots:

Dark:

[Afbeelding]

[Afbeelding]


Light:
[Afbeelding]

[Afbeelding]


Btw, op de screenshot ook nog een andere stijl in gebruik: tweakers minder rommel

@Creesch Top, veel dank. Veel beter.

Volgensmij heeft Femme nu dus uiteindelijk vele jaren later (na Tweakers 7 ?) alsnog zijn zin gekregen. Tweakers light is nu alsnog helemaal "hoofdpijn wit". Daar was toen zeer veel weerstand tegen en is destijds gelukkig (groten)deels teruggedraaid.

Ik vind het jammer dat de nieuwe darkmode (die ik iedereen gun maar zelf eigenlijk niet fijn vind noch gebruik) er ook voor gezorgd heeft dat de light mode zowel op FP als forum nu zo wit is.

Gelukkig dat deze snippet dit vrij goed oplost!

[Matis]

Na de introductie van de dark mode (en de hele hele hele lichte light mode) heb ik eindelijk mijn Custom CSS weer eens van een update voorzien.
Ik heb de volgende twee snippets gebruikt:

• Grijze achtergrond
• Nieuwe thematweaks

Daar heb ik zelf de volgende CSS aan toegevoegd:

Cascading Stylesheet:

.listing tr:has( .topic a[title*="Matis"] ) td { 
  background-color: color-mix(in srgb, var(--warning-50) 50%, var(--surface-card-color));
}

Deze code zorgt er voor dat in het topic-overzicht de hele regel van topics waarin ik al laatste heb gereageerd geel oplichten. Dit houdt ook rekening met de geselecteerde dark of light style.