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

Pagina: 1 ... 21 22 Laatste
Acties:

Onderwerpen


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

Dat ziet er al een stuk beter uit!

Dit aanpassen naar andere maten werkt niet. Enig idee hoe dat komt?

[css] height: 45px;
width: 100px;[/css]


Gelukt, maar dat is niet mooi.

Ik ben bezig om het nog wat verder te Tweaken, maar zit nu met het volgende:

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
ttwk-site-menu .site-logo svg {
  display: none !important; /* Verberg het standaard Tweakers SVG-logo */
}

twk-site-menu .site-logo {
  height: 45px !important;
  width: 100px !important;
  background: url(https://tweakers.net/fotoalbum/image/5Ox42ho8JvxT9r20zHJb98Tv.png) no-repeat center/contain !important;
  background-color: transparent !important;
  border-left: 3px solid transparent !important; /* Zorgen dat de linkse rand bestaat voor hover */
  border-bottom: 1px solid transparent !important; /* Zorgen dat de onderste rand bestaat voor hover */
  transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Alleen transformatie met animatie */
  transform-style: preserve-3d;
  transform-origin: center center;
}

/* Mouse-over effect */
twk-site-menu .site-logo:hover {
  transform: rotateY(180deg) scale(1.1); /* Draai direct met geen vertraging */
  background-color: #730d26 !important; /* Achtergrondkleur direct na flip */
  border-left: 3px solid #730d26 !important; /* Lijn links direct na flip */
  border-bottom: 1px solid #730d26 !important; /* Lijn onderaan direct na flip */
  transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), 
              background-color 0.8s ease, 
              border-left 0.8s ease, 
              border-bottom 0.8s ease; /* Vertraging voor de kleur- en randveranderingen */
}


Het bovenstaande is wat ik heb, dit werkt perfect (dank AI) maar bij de mouse over is de stijl nog niet helemaal goed, weet iemand hoe ik dat oplos?
Afbeeldingslocatie: https://tweakers.net/i/w2rKe912KnvsXfPUXjAUFACTWbM=/fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/PD14OLw96gRQJAaFmKjHM40n.png?f=user_large

Dit is met de "Ode aan Henk" template.

[ Voor 100% gewijzigd door Meg op 27-04-2025 16:26 . Reden: Ik was vergeten Henk te vermelden. ]

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

Met dank aan de "/me" in regenboog tekst heb ik mijn eigennaam ook met een regenboog effect, maar kan ej dit ook op de rest van de site doen en niet alleen het forum?

* Meg houdt van regenboogkleuren.

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
div.message[data-owner-id="821329"] a.user {
  background: linear-gradient(45deg, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: gradientFlow 5s infinite linear;
  background-size: 200% 200%;
}
  
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • Bas170
  • Registratie: April 2010
  • Niet online

Bas170

Sir Miss-a-Lot

Meg schreef op maandag 5 mei 2025 @ 14:28:
Met dank aan de "/me" in regenboog tekst heb ik mijn eigennaam ook met een regenboog effect, maar kan ej dit ook op de rest van de site doen en niet alleen het forum?

* Meg houdt van regenboogkleuren.

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
div.message[data-owner-id="821329"] a.user {
  background: linear-gradient(45deg, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: gradientFlow 5s infinite linear;
  background-size: 200% 200%;
}
  
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
Ik heb ooit eens iets heel lelijks gemaakt, geen garantie dat het goed werkt:

Taste The Rainbow Of Eternal Suffering

@CodeCaster: Ik kan niet anders dan concluderen dat Bas170 en Maarten van Rossem gelijk hebben.
AI: Voor als je te dom bent om zelf na te denken


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

Bas170 schreef op donderdag 15 mei 2025 @ 12:59:
[...]

Ik heb ooit eens iets heel lelijks gemaakt, geen garantie dat het goed werkt:

Taste The Rainbow Of Eternal Suffering
Ga thuis kijken. Dank.

Dat is te erg. :-(

[ Voor 3% gewijzigd door Meg op 15-05-2025 18:29 ]

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • evilution
  • Registratie: Maart 2012
  • Niet online

evilution

Vreselijk bijdehand

.

[ Voor 99% gewijzigd door evilution op 24-08-2025 09:01 ]

|<----------------------------------------------arm length---------------------------------------------->|
|<-------------------------------------------where the cat is--------------------------------------------->|


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

@Zerora kan het kloppen dat Henk zo geschrokken is tijdens Halloween dat hij verdwenen is en je nu weer een duimpje op berichten moet geven?

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • Zerora
  • Registratie: September 2003
  • Laatst online: 29-04 16:45

Zerora

Ik Henk 'm!

Meg schreef op zondag 2 november 2025 @ 14:18:
@Zerora kan het kloppen dat Henk zo geschrokken is tijdens Halloween dat hij verdwenen is en je nu weer een duimpje op berichten moet geven?
Ja, ik zag het. Ik zal er deze week eens naar kijken.

Trans-life! :::: "All things change, whether from inside out or the outside in. That is what magic is. And we are magic too."


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

Zerora schreef op zondag 2 november 2025 @ 17:44:
[...]

Ja, ik zag het. Ik zal er deze week eens naar kijken.
Super, dankjewel!

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • vanaalten
  • Registratie: September 2002
  • Laatst online: 15:43
...dus... er moest zonodig een zwarte balk in beeld komen met Black Friday blaat, "Eerst Tweakers, dan shoppen! Bekijk onze selectie..." enzo. Kostbare nuttige ruimte wordt zo ingenomen.

Die moet met Custom CSS wel weg te krijgen zijn, lijkt mij - maar ik ben een amateur op CSS gebied.
Mijn poging was simpelweg:
Cascading Stylesheet:
1
.twk-alert-bar {display:none!important;}

...maar, dat doet het dus niet.

Ik had met F12 de inspectie-optie aangezet, op het muiswijzertje geklikt om de zwarte balk als element te selecteren en zag daar dus ".twk-alert-bar" als elementnaam genoemd. Maar goed, zoals gezegd werkt dit niet. Dan ben ik sowieso benieuwd naar een correcte oplossing, maar vooral ook uitleg daarbij waarom die wel werkt en hoe ik dit had kunnen bedenken. Iemand?

  • THE_BASE
  • Registratie: Januari 2004
  • Niet online
vanaalten schreef op maandag 10 november 2025 @ 09:05:
...dus... er moest zonodig een zwarte balk in beeld komen met Black Friday blaat, "Eerst Tweakers, dan shoppen! Bekijk onze selectie..." enzo. Kostbare nuttige ruimte wordt zo ingenomen.

Die moet met Custom CSS wel weg te krijgen zijn, lijkt mij - maar ik ben een amateur op CSS gebied.
Mijn poging was simpelweg:
Cascading Stylesheet:
1
.twk-alert-bar {display:none!important;}

...maar, dat doet het dus niet.

Ik had met F12 de inspectie-optie aangezet, op het muiswijzertje geklikt om de zwarte balk als element te selecteren en zag daar dus ".twk-alert-bar" als elementnaam genoemd. Maar goed, zoals gezegd werkt dit niet. Dan ben ik sowieso benieuwd naar een correcte oplossing, maar vooral ook uitleg daarbij waarom die wel werkt en hoe ik dit had kunnen bedenken. Iemand?
Vast niet onbekend, maar met Safari in macOS en iOS kun je afleidende onderdelen verbergen. Werkt prima voor de amateur. :)

🇳🇱  iPhone 17 Pro  MacBook Air M4  iMac M4  iPad mini 6  Watch Series 10  TV 4K HDR  AirPods Pro 2 & Max - DJI Neo 2 FMC - Dreame L10s Pro Gen 2 & Gen 3 - Marstek Venus E 3.0 - Kia EV3 GT-Line LR


  • MatHack
  • Registratie: Oktober 2001
  • Niet online

MatHack

Dev by day, Gamer by night

vanaalten schreef op maandag 10 november 2025 @ 09:05:
...dus... er moest zonodig een zwarte balk in beeld komen met Black Friday blaat, "Eerst Tweakers, dan shoppen! Bekijk onze selectie..." enzo. Kostbare nuttige ruimte wordt zo ingenomen.

Die moet met Custom CSS wel weg te krijgen zijn, lijkt mij - maar ik ben een amateur op CSS gebied.
Mijn poging was simpelweg:
Cascading Stylesheet:
1
.twk-alert-bar {display:none!important;}

...maar, dat doet het dus niet.

Ik had met F12 de inspectie-optie aangezet, op het muiswijzertje geklikt om de zwarte balk als element te selecteren en zag daar dus ".twk-alert-bar" als elementnaam genoemd. Maar goed, zoals gezegd werkt dit niet. Dan ben ik sowieso benieuwd naar een correcte oplossing, maar vooral ook uitleg daarbij waarom die wel werkt en hoe ik dit had kunnen bedenken. Iemand?
Ik heb hem zelf verborgen met onderstaande, dat is echt puur voor de black-friday alert, want mogeijk zijn er alerts die ik de toekomst wel wil zien. De fout in jouw poging is dat je twk-alert-bar als class hebt geschreven ipv element (de punt ervoor moet weg).

Cascading Stylesheet:
1
twk-alert-bar[campaign-id="2"] {display:none!important} /* verbergt black friday alert */

There's no place like 127.0.0.1


  • Help!!!!
  • Registratie: Juli 1999
  • Niet online

Help!!!!

Mr Majestic

MatHack schreef op maandag 10 november 2025 @ 09:48:
[...]


Ik heb hem zelf verborgen met onderstaande, dat is echt puur voor de black-friday alert, want mogeijk zijn er alerts die ik de toekomst wel wil zien. De fout in jouw poging is dat je twk-alert-bar als class hebt geschreven ipv element (de punt ervoor moet weg).

Cascading Stylesheet:
1
twk-alert-bar[campaign-id="2"] {display:none!important} /* verbergt black friday alert */
Top, veel dank! _/-\o_
Die zwarte balk was echt zeer obnoxious! :N

PC Specs
Asus ROG Strix B650E-E | AMD 9800X3D |TR Phantom Spirit 120 SE | G-Skill 32GB DDR5 6000C30 M-die | 4090 FE | LG 3840*1600p 160Hz | Corsair RM1000x Shift


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

Help!!!! schreef op maandag 10 november 2025 @ 10:19:
[...]

Top, veel dank! _/-\o_
Die zwarte balk was echt zeer obnoxious! :N
Maar daarmee behoud je wel de grijze balk.

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • Help!!!!
  • Registratie: Juli 1999
  • Niet online

Help!!!!

Mr Majestic

Kan ik prima mee leven, heb toch al een grijzige achtergrond:

Afbeeldingslocatie: https://tweakers.net/i/OEV6n89lKMrDIMvG2wITm2ofU6Y=/800x/filters:strip_exif()/f/image/l0n2gd5OFKV098Ds2cWU9M31.png?f=fotoalbum_large

PC Specs
Asus ROG Strix B650E-E | AMD 9800X3D |TR Phantom Spirit 120 SE | G-Skill 32GB DDR5 6000C30 M-die | 4090 FE | LG 3840*1600p 160Hz | Corsair RM1000x Shift


  • MatHack
  • Registratie: Oktober 2001
  • Niet online

MatHack

Dev by day, Gamer by night

Meg schreef op maandag 10 november 2025 @ 10:39:
[...]

Maar daarmee behoud je wel de grijze balk.
Mocht je die ook nog wel willen halen:
Cascading Stylesheet:
1
.twk-site-menu-wrapper {height:3rem!important}

Maar ik heb dat zelf niet gedaan, omdat ik geen idee heb wat er, naast de alert-bar, nog meer de hoogte van die style-container aanpast. Ook ik kan, net als @Help!!!!, leven met een tijdelijke hogere grijze balk (in dark-mode in mijn geval).

There's no place like 127.0.0.1


  • DaFeliX
  • Registratie: December 2002
  • Laatst online: 13:53

DaFeliX

Tnet Devver
MatHack schreef op maandag 10 november 2025 @ 11:05:
[...]


Mocht je die ook nog wel willen halen:
Cascading Stylesheet:
1
.twk-site-menu-wrapper {height:3rem!important}

Maar ik heb dat zelf niet gedaan, omdat ik geen idee heb wat er, naast de alert-bar, nog meer de hoogte van die style-container aanpast. Ook ik kan, net als @Help!!!!, leven met een tijdelijke hogere grijze balk (in dark-mode in mijn geval).
Zou je dan niet beter

Cascading Stylesheet:
1
2
3
4
5
6
:root .has-alert-bar,
:root .has-alert-bar-desktop, 
:root .has-alert-bar-mobile {
    --alert-bar-height: 0;
    --site-menu-wrapper-height: var(--site-menu-height);
}


kunnen doen? Dan heb je ook geen !important nodig ;)

Einstein: Mijn vrouw begrijpt me niet


  • MatHack
  • Registratie: Oktober 2001
  • Niet online

MatHack

Dev by day, Gamer by night

DaFeliX schreef op maandag 10 november 2025 @ 11:37:
[...]


Zou je dan niet beter

Cascading Stylesheet:
1
2
3
4
5
6
:root .has-alert-bar,
:root .has-alert-bar-desktop, 
:root .has-alert-bar-mobile {
    --alert-bar-height: 0;
    --site-menu-wrapper-height: var(--site-menu-height);
}


kunnen doen? Dan heb je ook geen !important nodig ;)
Hehe, ik neem aan dat dat veel beter werkt, zover had ik niet door de DOM en de CSS gekeken ;)

There's no place like 127.0.0.1


  • Toet3r
  • Registratie: Oktober 2001
  • Niet online

Toet3r

¿?

DaFeliX schreef op maandag 10 november 2025 @ 11:37:
[...]


Zou je dan niet beter

Cascading Stylesheet:
1
2
3
4
5
6
:root .has-alert-bar,
:root .has-alert-bar-desktop, 
:root .has-alert-bar-mobile {
    --alert-bar-height: 0;
    --site-menu-wrapper-height: var(--site-menu-height);
}


kunnen doen? Dan heb je ook geen !important nodig ;)
Werkt bij mij niet :'(

Pi-Hole: open-source netwerk advertentie blocker


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

Die werkt hier ook niet helaas.

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

MatHack schreef op maandag 10 november 2025 @ 11:05:
[...]


Mocht je die ook nog wel willen halen:
Cascading Stylesheet:
1
.twk-site-menu-wrapper {height:3rem!important}

Maar ik heb dat zelf niet gedaan, omdat ik geen idee heb wat er, naast de alert-bar, nog meer de hoogte van die style-container aanpast. Ook ik kan, net als @Help!!!!, leven met een tijdelijke hogere grijze balk (in dark-mode in mijn geval).
Helaas werkt dat niet, zal straks eens gaan spelen.

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • DaFeliX
  • Registratie: December 2002
  • Laatst online: 13:53

DaFeliX

Tnet Devver
Misschien omdat je een ander element dan ik verberg?

Ik heb dit dat de alert-bar zelf en de witruimte weghaald:

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
twk-alert-bar {
  display: none;
}
:root .has-alert-bar,
:root .has-alert-bar-desktop, 
:root .has-alert-bar-mobile {
    --alert-bar-height: 0;
    --site-menu-wrapper-height: var(--site-menu-height);
}

Einstein: Mijn vrouw begrijpt me niet


  • Bart ®
  • Registratie: Augustus 2004
  • Laatst online: 16:21

Bart ®

Moderator Spielerij

I have the cape.

Deze snippet lost voor mij het probleem op:
Verberg de altijd zichtbare Black Friday banner.

Cunning linguist.


  • Room42
  • Registratie: September 2001
  • Niet online
Top, maar daarmee verwijder je wel alle 'twk-alert-bar' zaken. Het lijkt erop dat die bar voor meer opties gebruikt kan worden, maar die zul je dan ook niet meer zien.

Ik vind het, qua UX, raar dat er geen 'verberg melding'-knopje aanwezig is. Hoe heet jullie UX designer ook alweer? Misschien die even taggen?

Koop al mijn ads!


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

Deze werkt perfect!

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • AW_Bos
  • Registratie: April 2002
  • Laatst online: 10:20

AW_Bos

Liefhebber van nostalgie... 🕰️

Room42 schreef op maandag 10 november 2025 @ 13:48:
[...]

Top, maar daarmee verwijder je wel alle 'twk-alert-bar' zaken. Het lijkt erop dat die bar voor meer opties gebruikt kan worden, maar die zul je dan ook niet meer zien.

Ik vind het, qua UX, raar dat er geen 'verberg melding'-knopje aanwezig is. Hoe heet jullie UX designer ook alweer? Misschien die even taggen?
Voor welke doeleinde wordt die balk nog meer gebruikt? Ik hoop niet dat ik straks belangrijke informatie zal missen?

Telecommunicatie van vroeger
🚅Alles over spoor en treintjes


  • Room42
  • Registratie: September 2001
  • Niet online
AW_Bos schreef op maandag 10 november 2025 @ 14:00:
[...]

Voor welke doeleinde wordt die balk nog meer gebruikt? Ik hoop niet dat ik straks belangrijke informatie zal missen?
Met deze CSS aan zullen we het nooit weten. O-)

Koop al mijn ads!


  • Bart ®
  • Registratie: Augustus 2004
  • Laatst online: 16:21

Bart ®

Moderator Spielerij

I have the cape.

Room42 schreef op maandag 10 november 2025 @ 13:48:
Hoe heet jullie UX designer ook alweer? Misschien die even taggen?
https://tweakers.net/info/over-tweakers/wie/
Daar staan er een paar.

Cunning linguist.


  • Toet3r
  • Registratie: Oktober 2001
  • Niet online

Toet3r

¿?

Room42 schreef op maandag 10 november 2025 @ 13:48:
[...]

Top, maar daarmee verwijder je wel alle 'twk-alert-bar' zaken. Het lijkt erop dat die bar voor meer opties gebruikt kan worden, maar die zul je dan ook niet meer zien.

Ik vind het, qua UX, raar dat er geen 'verberg melding'-knopje aanwezig is. Hoe heet jullie UX designer ook alweer? Misschien die even taggen?
Ik heb deze snippet gemaakt die alleen de black friday alert-bar verbergt niet de volledige alert-bar.
Daarnaast verbergt ie ook de black friday knop in de menubar en zwarte achtergrond op pricewatch product pagina.

Pi-Hole: open-source netwerk advertentie blocker


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

Toet3r schreef op maandag 10 november 2025 @ 14:23:
[...]

Ik heb deze snippet gemaakt die alleen de black friday alert-bar verbergt niet de volledige alert-bar.
Daarnaast verbergt ie ook de black friday knop in de menubar en zwarte achtergrond op pricewatch product pagina.
De knop wordt niet verborgen in de menubalk met deze.

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • Toet3r
  • Registratie: Oktober 2001
  • Niet online

Toet3r

¿?

Meg schreef op maandag 10 november 2025 @ 15:28:
[...]

De knop wordt niet verborgen in de menubalk met deze.
lol, linkte naar de verkeerde snippet. Dit is de goede
Weg met Black Friday

Pi-Hole: open-source netwerk advertentie blocker


  • Meg
  • Registratie: September 2016
  • Niet online

Meg

418: “I’m a Teapot”

Nice, alhoewel ik met die button zelf geen moeite heb.

"If you lose your left arm your right arm will be left."
"The difference between stupidity and genius is that genius has its limits." - Albert Einstein
"I don't need oxygen, I only need O2."


  • jdh009
  • Registratie: Juni 2002
  • Laatst online: 12:43

jdh009

FP ProMod
Voor degene die het gemist hebben:
WouterdR in "Feedbacktopic voor advertenties (banners)"
WouterdR schreef op maandag 10 november 2025 @ 16:35:
Bedankt voor alle feedback. Voor nu hebben we de alert bar uitgezet bij nieuwsberichten en in het forum, je kunt hem nog wel zien op de homepage. Verschillende afdelingen gaan met elkaar in gesprek hoe we dit product kunnen verbeteren. Wanneer er meer te delen is dan doen we wat.

[ Voor 62% gewijzigd door jdh009 op 10-11-2025 17:22 ]

"Each event is preceded by Prophecy. But without the hero, there is no Event." - Zurin Arctus, the Underking | "Ad Nocendum Potentes sumus." - Me, 30 November 1999


  • Maarten21
  • Registratie: Juli 2003
  • Laatst online: 28-04 09:08
Voor wie games op de frontpage niet interessant vindt:

code:
1
2
3
.headlineItem:has(twk-icon[title*="Nieuws | Games"]){
  display: none;
}

Geen Games op frontpage

  • Resistor
  • Registratie: April 2001
  • Niet online

Resistor

Niet meggeren!

Ik ben niet echt handig met CSS, en ik heb een hekel aan alles wat met AI te maken heeft.

Heeft iemand al een CSS die de AI samenvatting uit de PW weg kan slopen? Dan hoef ik die rotzooi niet te zien.

Afbeeldingslocatie: https://i.imgur.com/toxSRh3.png

Zoeken op 'AI' in de snippets helpt niet echt.

[ Voor 8% gewijzigd door Resistor op 03-02-2026 14:48 ]

What will end humanity? Artificial intelligence or natural stupidity?


  • MatHack
  • Registratie: Oktober 2001
  • Niet online

MatHack

Dev by day, Gamer by night

Resistor schreef op dinsdag 3 februari 2026 @ 14:40:
Ik ben niet echt handig met CSS, en ik heb een hekel aan alles wat met AI te maken heeft.

Heeft iemand al een CSS die de AI samenvatting uit de PW weg kan slopen? Dan hoef ik die rotzooi niet te zien.

[Afbeelding]

Zoeken op 'AI' in de snippets helpt niet echt.
Cascading Stylesheet:
1
.pdp-ai-product-text-container { display:none }
Vrij makkelijk zelf te vinden met F12 en/of inspect element in de HTML overigens.

[ Voor 7% gewijzigd door MatHack op 03-02-2026 19:54 ]

There's no place like 127.0.0.1


  • Help!!!!
  • Registratie: Juli 1999
  • Niet online

Help!!!!

Mr Majestic

Iemand enig idee hoe je die rode balk en de tekst erin op het Forum en de Frontpage kunt verwijderen / vervangen door zelfde grijze achtergrond.

Mijn retina's branden er anders uit... 8)

Ik kom wel snippets tegen die de hele footer eruit halen maar voor mij is alleen die balk ergerlijk.

Afbeeldingslocatie: https://tweakers.net/i/EC4QOwcPb8mvkjAOyixUHoj2RyM=/800x/filters:strip_exif()/f/image/dDExFLg23qEbNU7ihBLLsEpz.png?f=fotoalbum_large

PC Specs
Asus ROG Strix B650E-E | AMD 9800X3D |TR Phantom Spirit 120 SE | G-Skill 32GB DDR5 6000C30 M-die | 4090 FE | LG 3840*1600p 160Hz | Corsair RM1000x Shift


  • Dennis1812
  • Registratie: Mei 2011
  • Nu online

Dennis1812

Amateur prutser

Help!!!! schreef op maandag 30 maart 2026 @ 20:47:
Iemand enig idee hoe je die rode balk en de tekst erin op het Forum en de Frontpage kunt verwijderen / vervangen door zelfde grijze achtergrond.

Mijn retina's branden er anders uit... 8)

Ik kom wel snippets tegen die de hele footer eruit halen maar voor mij is alleen die balk ergerlijk.

[Afbeelding]
synoniem in "[feedback] Nieuwe footer"

Hier staan enkele opties. Met succes in gebruik bij mij in ieder geval.

Volgens mijn dokter ben ik een heel zeldzaam geval. Deal with it.


  • Help!!!!
  • Registratie: Juli 1999
  • Niet online

Help!!!!

Mr Majestic

^
Thx. Die opties had ik wel al gevonden maar die deleten dus de rode balk en alles eronder.

Mij gaat het alleen om de rode balk en de tekst erin. Had zelf al wat geprobeerd maar krijg het niet voor elkaar. Heb hier verder ook nul verstand van.

Maar goed als dit niets oplevert dan hide ik de hele footer maar gewoon.

PC Specs
Asus ROG Strix B650E-E | AMD 9800X3D |TR Phantom Spirit 120 SE | G-Skill 32GB DDR5 6000C30 M-die | 4090 FE | LG 3840*1600p 160Hz | Corsair RM1000x Shift


  • MatHack
  • Registratie: Oktober 2001
  • Niet online

MatHack

Dev by day, Gamer by night

Help!!!! schreef op maandag 30 maart 2026 @ 21:11:
^
Thx. Die opties had ik wel al gevonden maar die deleten dus de rode balk en alles eronder.

Mij gaat het alleen om de rode balk en de tekst erin. Had zelf al wat geprobeerd maar krijg het niet voor elkaar. Heb hier verder ook nul verstand van.

Maar goed als dit niets oplevert dan hide ik de hele footer maar gewoon.
Cascading Stylesheet:
1
.footer-top {display:none!important}

There's no place like 127.0.0.1


  • Help!!!!
  • Registratie: Juli 1999
  • Niet online

Help!!!!

Mr Majestic

^
Thx! Dit werkt :)

[ Voor 7% gewijzigd door Help!!!! op 31-03-2026 08:43 ]

PC Specs
Asus ROG Strix B650E-E | AMD 9800X3D |TR Phantom Spirit 120 SE | G-Skill 32GB DDR5 6000C30 M-die | 4090 FE | LG 3840*1600p 160Hz | Corsair RM1000x Shift


  • Turismo
  • Registratie: December 2000
  • Laatst online: 11:38
Wellicht dat je mijn snippet wat vind, die behoud de footer nog enigzins, echter valt die meer netjes weg zoals het hoort.

Lightweight Footer dark grey

Gamebak Look Behind you, a Three Headed Monkey!


  • Noxious
  • Registratie: Juli 2002
  • Laatst online: 15:59
Anderen hier ook wel eens last van 'hostile CSS'?

Een gebruiker heeft laatst z'n CSS snippet aangepast om de hele site knalroze te maken:
https://tweakers.net/inst...mcss/snippets/bekijk/130/

Daar was ik dus op geabonneerd :( weet niet eens wat het oorspronkelijk was.

Een berichtje gestuurd met dat dat geen leuke grap is; een lekker toxic antwoord terug gekregen ('cry about it').

Dat heb ik nog niet eerder meegemaakt op t.net..

  • jack zomer
  • Registratie: Oktober 2020
  • Niet online
Noxious schreef op vrijdag 17 april 2026 @ 12:00:
Anderen hier ook wel eens last van 'hostile CSS'?

Een gebruiker heeft laatst z'n CSS snippet aangepast om de hele site knalroze te maken:
https://tweakers.net/inst...mcss/snippets/bekijk/130/

Daar was ik dus op geabonneerd :( weet niet eens wat het oorspronkelijk was.

Een berichtje gestuurd met dat dat geen leuke grap is; een lekker toxic antwoord terug gekregen ('cry about it').
Dat heb ik nog niet eerder meegemaakt op t.net..
https://gathering.tweaker...message/85086056#85086056
we hadden last van het zelfde. ik had geel en zwart.
De tweakers crew is er mee bezig.

The problem with communication is the illusion it has taken place.


  • Noxious
  • Registratie: Juli 2002
  • Laatst online: 15:59
jack zomer schreef op vrijdag 17 april 2026 @ 14:42:
[...]


https://gathering.tweaker...message/85086056#85086056
we hadden last van het zelfde. ik had geel en zwart.
De tweakers crew is er mee bezig.
Aha, dankjewel! Dat topic had ik gemist (had nog wel gezocht!). Vervelend inderdaad; wat een naar gedrag.

  • jack zomer
  • Registratie: Oktober 2020
  • Niet online
Noxious schreef op vrijdag 17 april 2026 @ 12:00:
weet niet eens wat het oorspronkelijk was.
ik weet het ook niet meer. het was toen der tijd handig.
Maar ik heb al mijn ccs (blijkbaar had ik er 5) verwijdert.

Want nu het 1 keer is gebeurd, kan het zomaar zijn dat het nog een keer gebeurd.
Jammer dat het zo is, misschien had de maker van de ccs een slechte dag )@alex3305
Dat het niet verwacht van een 14k reactie tweaker. maar goed les geleerd.

The problem with communication is the illusion it has taken place.


  • mindwarper
  • Registratie: Mei 2009
  • Laatst online: 07:15
(jarig!)
Hallo allemaal

ik heb al langer een CSS snippet willen maken die alle Shops in PriceWatch met ≤3 rating - een vorm van Rood maakt en wat EXTRA functies meegeeft gelijk...
Ook om anderen te helpen goede overwogen keuze te maken om wel of niet te bestellen daar - altijd persoonlijke keuze!

Dat heb ik gedaan op deze manier:
  • Op basis van <li data-shop-id> en waar nodig ook tegelijk <a href*="shop-id=">
  • Bovendien dan ook verder in zelfde <li> - op basis van <twk-star-rating title=>, waarbij "Geen shopreviews" dan niet wordt meegenomen...
  • Daarnaast dan ook verder in zelfde <li> - op basis van zelfde <twk-star-rating data-score=>, waarbij dan ale ratings van 0 tot kleiner of gelijk 3 (met halve stappen ertussen) worden meegenomen voor CSS styling
    Het is misschien op een onorthodoxe manier, maar ik moet dat doen omdat ik ook nog andere CSS snippets gebruik waardor het anders om zeep geholpen wordt...
Dan nu styling effecten zelf:
  • Voor de shop naam een bouncing (elke 2s) goudkleurig waarchuwingssymbool
  • Waarschuwingssymbool gebruikt:
    https://www.w3schools.com/cssref/css_entities.php - CSS ID 26A0
  • No breaking space gebruikt:
    https://www.w3schools.com/cssref/css_entities.php - CSS ID 00A0
  • Een vorm van rood shop naam
  • Bij hover de background check-out button in andere rode kleur met opacity
  • Shop Tagline Title in een wat andere passende rode kleur ook en wat gespeeld met met passende opacity niveaus
  • dan nog wat kleine andere effectjes
Werkt het beste uitsluitend op TWK NEW Dark - dat is wat ik gebruik ook i.c.m. met eigen hele grote CSS snippet voor overige kleur veranderingen - deze:
Tweakers NEW Dark | Links colour + Other Customisations

En voor deze snippet voor shops met ≤3 rating - Snippet URL is deze:
Shops met ≤3 rating - Licht Rood en EXTRA Functies voor TWK NEW Dark

ook deze van mijzelf heb ik in gebruik:
Oude Moderatie kleuren - ALERNATIEF - Tweakers NEW Dark

Screenshots komen wellicht later wel - nu overdue avondeten maken
ik moet even kijken hoe ik een GIF kan toevoegen


GIF toegevoegd - het is te zien hoe het waarschuwingssymbool springt in oude en nieuwe kleurstelling...
edit:
Andere kleurstelling gebruikt en gespeeld met opacity ook...
en specifiek voor TWK NEW Dark gecodeerd
Nieuwe GIF geplaatst + nieuwe screenshot ook ;)
OUD:
Afbeeldingslocatie: https://tweakers.net/i/BOia4h3l9erV0e_T2CSaPprT6As=/x800/filters:gifsicle():strip_exif()/f/image/C99wgMo3aEeVZXS5p3he8QKz.gif?f=fotoalbum_large

NIEUW:
Afbeeldingslocatie: https://tweakers.net/i/UHc2DcqRbbeVrisoKbbfV-w8WI4=/800x/filters:gifsicle():strip_exif()/f/image/WvwFVkZbccFBjuQIGhu8JIHG.gif?f=fotoalbum_large

En hier een screenshot van de Hover functie bij Bekijk clickout button...
En o ja die van Megekko - is ook een CSS van mij - Heb die doorgestreept voor mij overwegende redenen :) (andere discussie hahaha :D)

OUD:
Afbeeldingslocatie: https://tweakers.net/i/-TEA6ZP552Qxg-sjG6fvUWvvZ1M=/800x/filters:strip_exif()/f/image/4S8HomqbhTiJlv4x9CwO304W.png?f=fotoalbum_large

NIEUW:
Afbeeldingslocatie: https://tweakers.net/i/WjmNGCJQu663gzgjnXzvkFDwuBw=/800x/filters:strip_exif()/f/image/Cz7uwKBsDUIQ2xItpdS4z37k.png?f=fotoalbum_large

[ Voor 49% gewijzigd door mindwarper op 24-04-2026 11:57 . Reden: Nieuwe setup uitgelegd & nieuwe plaatjes toegevoegd ]

Enthoo Primo || Ryzen 9 5900X || Asus VIII Dark Hero || TridentZ Royal Silver F4-3600C14D-32GTRS Samsung B-Die || Radeon 6800 XT || Kraken X73 w/ 6x NF-A12x25 || 2x WD Black SN850 1TB || WD-HGST 6TB en 18TB || Seasonic Prime Titanium Ultra 1kW

Pagina: 1 ... 21 22 Laatste

Let op:
Dump hier niet zomaar je hele complete stylesheet zonder enig comentaar. Zo wordt het topic erg onoverzichtelijk en zien we de door de CSS de stylesheets niet meer ;) Heb je een leuke wijziging die wat toevoegt (iets anders dan dan background-color van #FF0000 naar #FF0011) dan zien we die natuurlijk graag!