Cookies op Tweakers

Tweakers is onderdeel van DPG Media en maakt gebruik van cookies, JavaScript en vergelijkbare technologie om je onder andere een optimale gebruikerservaring te bieden. Ook kan Tweakers hierdoor het gedrag van bezoekers vastleggen en analyseren. Door gebruik te maken van deze website, of door op 'Cookies accepteren' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt? Bekijk dan ons cookiebeleid.

Meer informatie
Toon posts:

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

Pagina: 1 ... 18 19 20 Laatste
Acties:

Onderwerpen


  • Bas170
  • Registratie: april 2010
  • Laatst online: 21:06

Bas170

Sir Miss-a-Lot

Hahn schreef op maandag 24 juni 2019 @ 15:37:
[...]
Of je doet display: none; alleen op .colofon a:last-child, dan is het woordje 'True' verborgen (maar dan staat er nog 'Hosting door', zonder iets erachter).
Ben niet voldoende bekend met CSS, maar wellicht de hyperlink vervangen door reguliere tekst?

PSN: Bas170 | Hier had wat nuttigs kunnen staan
Mexicaans? Nee, daar krijg ik diarree van


Acties:
  • +1Henk 'm!

  • Hahn
  • Registratie: augustus 2001
  • Laatst online: 21:47
Bas170 schreef op dinsdag 25 juni 2019 @ 09:40:
[...]

Ben niet voldoende bekend met CSS, maar wellicht de hyperlink vervangen door reguliere tekst?
CSS is enkel styling, je kan niet zomaar iets vervangen door iets anders zonder bijvoorbeeld JavaScript te gebruiken.

[Voor 7% gewijzigd door Hahn op 25-06-2019 10:13]

The devil is in the details.


  • RoestVrijStaal
  • Registratie: juli 2012
  • Laatst online: 19-04 01:20
Voor de liefhebbers:

Cascading Stylesheet: custom.css
1
2
3
4
5
6
7
8
9
10
11
/* Due to the mediocre quality of Tweakers' news articles: */
.authorBlock .avatar img {
    transform: rotate(180deg);
    animation: none;
}

.authorBlock .avatar img:hover { 
    transform: none;
    animation: spin 0.05s linear 5;
}
@keyframes spin { 100% { transform:rotate(360deg); } }

Yep, voor de animation zou een userscript met event listeners mooier geweest zijn. Maar om elk apparaat weer te voor zien van een userscript is me te veel moeite ;)

[Voor 0% gewijzigd door RoestVrijStaal op 17-07-2019 22:08. Reden: Typo]


  • Hahn
  • Registratie: augustus 2001
  • Laatst online: 21:47
RoestVrijStaal schreef op woensdag 17 juli 2019 @ 21:59:
Voor de liefhebbers:

Cascading Stylesheet: custom.css
1
2
3
4
5
6
7
8
9
10
11
/* Due the medicore quality of Tweakers' news articles: */
.authorBlock .avatar img {
    transform: rotate(180deg);
    animation: none;
}

.authorBlock .avatar img:hover { 
    transform: none;
    animation: spin 0.05s linear 5;
}
@keyframes spin { 100% { transform:rotate(360deg); } }

Yep, voor de animation zou een userscript met event listeners mooier geweest zijn. Maar om elk apparaat weer te voor zien van een userscript is me te veel moeite ;)
Geen zin om het te proberen, maar als ik 'm goed lees laat dit de foto van de nieuwsposter bij een nieuwsartikel ronddraaien als je erover heen gaat :?

Het is overigens 'Due to the mediocre quality', niet 'Due the medicore quality', als je dan zonodig wilt afgeven op kwaliteit :>

The devil is in the details.


  • RoestVrijStaal
  • Registratie: juli 2012
  • Laatst online: 19-04 01:20
Hahn schreef op woensdag 17 juli 2019 @ 22:02:
[...]

Geen zin om het te proberen, maar als ik 'm goed lees laat dit de foto van de nieuwsposter bij een nieuwsartikel ronddraaien als je erover heen gaat :?

Het is overigens 'Due to the mediocre quality', niet 'Due the medicore quality', als je dan zonodig wilt afgeven op kwaliteit :>
Typo fixed. Bedankt.

De animation is meer spielerij. De comment slaat meer op de transform dan op de animation.

Het is een fenomeen wat je vaak in de blogosfeer tegen komt. Bij een blogartikel waarin een bekend persoon, een bedrijf of organisatie op de korrel wordt gekomen of een blunder ervan aankaart, wordt er vaak een foto of logo ondersteboven erbij gezet.

  • Felyrion
  • Registratie: november 2001
  • Laatst online: 00:44

Felyrion

goodgoan!

Toch mijn vorderingen maar eens showen. Dit is op basis van een eerder getoonde variant van @Mic2000 Nogmaals dank daarvoor!

Het ziet er nu zo bij mij uit.

Frontpage:


Forumoverzicht:


Forumtopic:


Ik merk wel dat mijn CSS vrij roestig is :+ (zeker 15 jaar geleden voor het laatst iets mee gedaan)

Oh well, ik ben er wel tevreden mee. Al gaat het nog wel de nodige tijd kosten alle schoonheidsfoutjes eruit te halen en dingen te doorgronden die ik nog niet snap.

Voor de volledigheid de code:
code:
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
/* achtergrond kleur */
body, #bottom div.hr, #entity, #heroBlock, #searchbar, .galleryHeadingContainer, .pageTabsContainer, .notificationsContainer {
    background-color: rgb(27,31,40) !important;
    color: #fff;
}

/* outline content area */
#contentArea, #top, #mainSearch, #entity > div, #toc.fixed .reviewToc .tocContent, .entityHeader .thumb, .galleryHeading .thumb, .pageTabs li, .pageTabs .more > ul {
    border-color: #252d3c;
}

/* kleur content area */
#contentArea {

    background: #2e3441;
    filter: drop-shadow(0px 36px 27px #030c14);
}

/*Tracker background*/
#tracker {
    background: #2e3441;
}

/* menu balk Tweakers */
#menubar {
    background-color: #202530;
    background-image: -webkit-linear-gradient(top, #202530, #202530 68px);
    background-image: -moz-linear-gradient(#202530, #202530 68px);
    background-image: linear-gradient(to bottom, #202530, #202530 68px);
    background-repeat: no-repeat;
    border-bottom: 1px solid #202530;
    /*  box-shadow: inset 0 -1px 0 #404758;*/
    height: 44px;
    left: 0;
    position: relative;
    filter: drop-shadow(0px 4px 4px #030a17);
    z-index: 110;
}

/* menubalk onder */
#menubottombar {
    background-color: #161b24;
    height: 34px;
    line-height: 1.4;
    overflow: hidden;
    position: relative;
    z-index: 16;
    filter: drop-shadow(0px 4px 4px #030a17);
}

/*bottom balk onderaan site*/
#bottom {
    background: #161b24;
}

/* rode headers */
h1, h2, header .subheading {
    color: #0091ea;
}
h1 a, h2 a, header .subheading a:visited {
    color: #0091ea;
}
    
/* zwarte headers */
#header h1 .subtitle {
    color: #afafaf;
    display: block;
    font-size: 16px;
}
h3 {
    color: #fff;
}

/* headline dag */
#news .dailyHeadlines:not(:first-of-type) > h2 {
    color: #ff5630;
    font-size: 14px;
    font-family: "arial","helvetica","Liberation Sans",sans-serif;
}

/* logo hosted by  tru */
#search #true {
 filter: invert(100%)  hue-rotate(190deg) saturate(3);
}

/*tekst categorie balk*/
#categoryBar ul li a {
    color: #221b0d;
}

/* tekst 'alle categorieën' */
#categoryBar p.more a {
    color: #dde4f2;
}

/* hele categorie balk */
#categoryBar ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    filter: invert(100%);
}

/*pijltje meer */
#categoryBar p.more {
    background: url("../../../g/hidpi/icons/chevron_blue.svg") no-repeat right center/8px 13px;
    margin: 0;
    padding-right: 12px;
    position: absolute;
    top: 3px;
    right: 0;
    filter:  brightness(2.00);
}

/* links */
a {
    color: #dde4f2;
}

a:hover, a.highlightlink {
    color: #b9133d;
}

a:visited {
    color: #666;
}

.useVisitedState a:visited {
    columns: #666;
}

.useVisitedState a:not(.ctaButton):visited {
    color:#666666
   }

/* Popup boxje */
.popup {
    box-shadow: 8px 5px 5px -3px rgba(0,0,0,0.1),5px 8px 5px -3px rgba(0,0,0,0.1);
    background-color: #1b1f28;
    border: none;
}

/* review boxjes */
.ScoreCard {
    background-color: #2e3441;
    border: 1px solid #7cfd2b;
}

.ScoreCard .ScorecardView {
    background-color: #1a1e27;
    border: 1px solid #1a1e27;
}

/* Review samenvatting */
.article .ScoreCard.Editorial .ScorecardView {
    background-color: #3c3c3c;
    border: 1px solid #7cfd2b;
}

.article .ScoreCard.Editorial .productInfo {
    background-color: #3c3c3c;
    border: 1px solid #7cfd2b;
}

/* Wenslijst en inventory */
.article table {
    background: #3c3c3c;
    border: 1px solid #b7ff00;
}

/*Table laatste nieuws */
table.highlights {
    border-top: 1px solid #3a455a;
}
table.highlights td {
    border-bottom: 1px solid #3a455a;
}
#recentlyTested ul {
    border-top: 1px solid #3a455a;
}
#recentlyTested li {
    border-bottom: 1px solid #3a455a;
}
#bestBuyGuides .description {
    border-bottom: 1px solid #3a455a;
    color: #666;
}

/* Uitgelicht gebruikersreview */
.darkBlock {
    background: #2e3441;
}

.fpHighlightedProduct {
    background-color: #1b1f28;
    background-image: none;
    filter: drop-shadow(0px 8px 10px #141821);
}

/* tijd */
table.highlights .title span, table.highlights .publicationTime {
    color: #485b7f;
}

/* icoontje voor artikel*/
table.highlights .type .contentIcon {
    filter: brightness(1.50);
}

/* stripballon comment */
td.replies .commentCount {
    filter: invert(100%);
}

/* Tabs */
.pageTabs li {
    background-image: linear-gradient(#4b4b4b, #272727);
}

/*-----------------------------------------------Pricewatch-------------------------------------------*/

/* Specsheet pricewatch */
.specs .popularSpecs {
    background-color: #313131;
}

.bar {
    background: #828282;
}

/*dikke banners tussen content*/
.inBetweenContent {
    display: none;
}

/* ankeiler drop shadow */
.fpAnkeiler {
    outline: 1px solid #3f485c;
    filter: drop-shadow(0px 8px 10px #141821);
    height: 140px;
}

.fpAnkeiler.large {
    outline: 1px solid #3f485c;
    filter: drop-shadow(0px 8px 10px #141821);
    height: 140px;
}

/* INPUT FIELDS - zoek balk bovenaan */

/* zoek veld achtergrond en tekst*/
#search input.text {
    background-color: #1b1f28;
    font-size: 14px;
    color: #8e9fc4;
}

/* border om zoek veld */
input.text, select.text, textarea, .keywordSearch {
    border: 1px solid #d9d9d9;
    border-radius: 0px;
}

/* vakje met zoek loop icoon*/
.keywordSearch input.submit {
    background: #1b1f28 url("../../../g/if/v3/framework/menu_icons_v2.png") no-repeat -48px -106px;
    background-position-x: -48px;
    background-position-y: -106px;
    border: 0;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: 0px;
    border-left: 1px solid #252d3c;
}

/* ------------------------------------------NIEUWS PAGINA ---------------------------------------------------------- */
.article {
    color:#b9c3d7;
}

/* heel article blok */
.newsPortal .newsContentBlock {
    border-bottom: 1px solid #3a455a;
}

/*Beste koop blok*/
#bestBuyGuides {
    display: none;
    background: rgb(27,31,40);
}

#bestBuyGuides .highlightedProduct {
    background: #2e3441;
}

#bestBuyGuides .allBestBuys li {
    background: #2e3441;
}

/*Poll en banen blok*/
.darkFpBlock {
    display: none;
    background-color: rgb(27,31,40);
}

/*border van plaatje in artikel */
.article img.border {
    background: #1b1f28;
    border: 1px solid #2b3242;
    filter: drop-shadow(0px 8px 10px #141821);
}

/*nieuwsbrief blokje*/
#newsletter {
    display: none;
}

/*artikel*/
body.hero #contentArea {
    background-image: linear-gradient(#1b1f28, #1b1f28),linear-gradient(#1b1f28, #1b1f28);
}

/*-------------------------------------------------------REACTIES ----------------------------------------------------------- */

#reacties #reactieContainer {
    border-left: 2px dashed #3a455a;
}

.reactieBody {

    border: 1px solid #2b3242;
    background-color: #161b24;
    color: #b9c3d7;
    filter: drop-shadow(0px 8px 10px #141821);
}

.reactieBody.informative {
    background: #1d3135;
    border-color: #294347;
}
.reactieBody.spotlight {
    background: #37595c;
    border-color: #3a6664;
}

/* naam user reactie */
.reactieHeader .userLink {
    color: #ff5630;
    font-weight: bold;
}

/*-----------------------------------------------------------Forum-------------------------------------------------------------*/

/* Forum overzicht */
table.listing {
    background-color: #1b1f28;
    background-image: none;
    filter: drop-shadow(0px 1px 8px #141821);
}

table.listing td.ind {
    border-left: 1px solid #575555;
}

table.listing td {
    background-color: #2e3441;
    background-image: none;
    border-bottom: 1px solid #575555;
    border-top: none;
    color: #e4e4e4;
    line-height: 18px;
    padding: 10px 5px;
    text-align: left;
}

table.listing td.last {
    border-right: 1px solid #575555;
}

table.listing td.topic {
    color:#000
   }
   table.listing td.topic a {
    color:#dde4f2
   }
   table.listing td.topic a:hover {
    color:#b9133d
   }
   table.listing td.topic a:visited {
    color:#79458c
   }
   table.listing td.topic small {
    color:#666;
    font-size:11px
   }
   table.listing td.topic small a {
    color:#666
   }
   table.listing td.topic small a:hover {
    color:#b9133d
   }
   table.listing td.topic small a:visited {
    color:#666
   }
   table.listing td.title {
    color:#000
   }
   table.listing td.title a {
    color:#dde4f2
   }
   table.listing td.title a:hover {
    color:#b9133d
   }
   table.listing td.tags {
    color:#666;
    font-size:11px
   }
   table.listing td.tags a {
    color:#666
   }
   table.listing td.tags a:hover {
    color:#b9133d
   }
   table.listing td.poster {
    color:#666
   }
   table.listing td.poster a {
    color:#666
   }
   table.listing td.poster a:hover {
    color:#b9133d
   }

div.info, div.error, div.message, div.faq, form.insertMessage, form.form1, form.form2, #folders, #myprofilecontainer {
    background-color: #2e3441;
    background-image: none;
    filter: drop-shadow(0px 1px 8px #141821);
}

/* tekstkleur forum */
body, #bottom div.hr, #entity, #heroBlock, #searchbar, .galleryHeadingContainer, .pageTabsContainer, .notificationsContainer {
    color: rgb(217, 217, 217);
}
/* tekstkleur Username */
.user, a.user:hover {
    color: #9fbf22;
}

/* Thumb rating nummer kleur */
.action_list li.rating .ratingcount {
    color: #9fbf22;
}

/* tekstkleur post datum */
.messageheader .date a {
    color: #aeff0b;
}

/* tekstkleur links in forumberichten */
.messagecontent a {
    color: #00f324;
}

/* achtergrondkleur quote box */
.messagecontent .message-quote-div {
    background-color: #aaa;
}

body, #bottom div.hr, #entity, #heroBlock, #searchbar, .galleryHeadingContainer, .pageTabsContainer, .notificationsContainer {
    background-color: rgb(27, 31, 40);
}

/* Twitter blokje */
.messagecontent blockquote.twitter-tweet, .messagecontent blockquote.instagram-media {
    background: #aaa;
}

/* navigatie knoppen */
.ctaButton.secondary:hover {
    background: rgb(159, 191, 34);
    border-color: #d9d9d9;
    color: #fefefe;
}

.ctaButton.secondary {
    background: rgba(0,0,0,0);
    border: 1px solid #d9d9d9;
        border-top-color: rgb(217, 217, 217);
        border-right-color: rgb(217, 217, 217);
        border-bottom-color: rgb(217, 217, 217);
        border-left-color: rgb(217, 217, 217);
    border-radius: 2px;
    color: #9fbf22;
    font-size: 13px;
    line-height: 26px;
}

/* Topic Warning */
.bar.warning {
    background: #975866;
}

/* Quickreply bar */
.bar {
    background: #57647c;
}

/* Input text areas */
input.text, select.text, textarea, .keywordSearch {
    background-color: #aaa;
}

/* linkjes test */
.ctaButton.secondary:visited {
    color: rgb(217, 217, 217);
}

.ctaButton.link {
    color:#9fbf22;
}

.pageTabs li.link a {
    color:#9fbf22;
}

sleep: a completely inadequate substitute for caffeine


  • Zeehond
  • Registratie: juni 2015
  • Niet online

Zeehond

Frontpage Admin & PowerMod / Mod WG

Seal with it!

@Felyrion tip, plaats lange lappen CSS code tussen quote tags, dat scheelt scrollen.

Ziet er goed uit verder :)

select * from Fish;


  • Felyrion
  • Registratie: november 2001
  • Laatst online: 00:44

Felyrion

goodgoan!

Zeehond schreef op zaterdag 3 augustus 2019 @ 02:32:
@Felyrion tip, plaats lange lappen CSS code tussen quote tags, dat scheelt scrollen.

Ziet er goed uit verder :)
Aangepast, thanks voor de tip!

sleep: a completely inadequate substitute for caffeine


  • Mic2000
  • Registratie: december 2006
  • Laatst online: 22:23
@Felyrion Thanks man dat je de custom css hebt opgepakt en uitgebreid! Ik had er zelf niet zoveel energie / tijd voor. Maar ziet er goed uit man!

  • MueR
  • Registratie: januari 2004
  • Laatst online: 23:31

MueR

Moderator Devschuur®

is niet lief

Anyone who gets in between me and my morning coffee should be insecure.
Breng nu uw applicatie naar de kloot. Dat is veel beter! Nu samen met klootopslag. Voor maar €9,95. Doei doei!


  • Bas170
  • Registratie: april 2010
  • Laatst online: 21:06

Bas170

Sir Miss-a-Lot

Oftewel:
https://tweakers.net/ext/f/RrykEZ80EUBFuyrOceqgWlHU/thumb.jpg https://tweakers.net/ext/f/odG0f9LnGaxyA75JoincJsYS/thumb.jpghttps://tweakers.net/ext/f/ZsKWzNwKVswyB6G8OPe3Btbd/thumb.jpghttps://tweakers.net/ext/f/hfaPFPnigvA8JJq8Z5HvYoan/thumb.jpg
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#layout{
  background-image: repeating-linear-gradient(45deg,purple 20px,indigo 60px,blue 110px,green 160px,yellow 200px,orange 240px,red 290px,purple 320px) !important;
}

#contentArea {
    background: rgba(255,255,255,0.4);
}

div.message {
    background: rgba(255,255,255,0.5);
}

span.thumbsup {
    transform: rotate(180deg);
}

.action_list li.rating.can_be_rated .thumbsup.rated {
    background-color: #9a0e36;
}

* {font-family:"Comic Sans MS", "Delius" !important}

Maar dan zonder dansende bananen als avatar en regenboog trail achter de cursor

Ik heb dat nu als CSS ingesteld voor heel tweakers (waarom niet :+).
Maar op mijn werk wil ik deze disco achtergrond niet zien, enkel de reguliere Tweakers.net styling. Nu gebruik ik op mijn werk Firefox en thuis Opera.

Ik heb al gestoeid met de @supports class, maar het lukt mij niet om dit alleen in Opera toe te passen, of om in Firefox andere styling te gebruiken.

Heeft iemand wellicht een tip?

[Voor 42% gewijzigd door Bas170 op 16-09-2019 16:52]

PSN: Bas170 | Hier had wat nuttigs kunnen staan
Mexicaans? Nee, daar krijg ik diarree van


  • s0ulmaster
  • Registratie: juni 2012
  • Laatst online: 20:18
Bas170 schreef op maandag 16 september 2019 @ 16:01:
[...]


Oftewel:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#layout{
  background-image: repeating-linear-gradient(45deg,purple 20px,indigo 60px,blue 110px,green 160px,yellow 200px,orange 240px,red 290px,purple 320px) !important;
}

#contentArea {
    background: rgba(255,255,255,0.4);
}

div.message {
    background: rgba(255,255,255,0.5);
}


span.thumbsup {
    transform: rotate(180deg);
}

.action_list li.rating.can_be_rated .thumbsup.rated {
    background-color: #9a0e36;
}

* {font-family:"Comic Sans MS", "Delius" !important}

Maar dan zonder dansende bananen als avatar en regenboog trail achter de cursor

Daarover gesproken, ik heb dat nu als css ingesteld voor heel tweakers (waarom niet :+).
Maar op mijn werk wil ik deze disco achtergrond niet zien, enkel de reguliere Tweakers.net styling. Nu gebruik ik op mijn werk Firefox en thuis Opera.

Ik heb al gestoeid met de @supports class, maar het lukt mij niet om dit alleen in Opera toe te passen, of om in Firefox andere styling te gebruiken.

Heeft iemand wellicht een tip?
Pas je de "thumbs-up" hover txt ook even aan naar "thumbs-down"?

geeft geen inhoudelijke reacties meer⛔ Check het standpunt van Tweakers over JOUW privacy in de link.


  • Bas170
  • Registratie: april 2010
  • Laatst online: 21:06

Bas170

Sir Miss-a-Lot

s0ulmaster schreef op maandag 16 september 2019 @ 16:08:
[...]


Pas je de "thumbs-up" hover txt ook even aan naar "thumbs-down"?
Daar heb ik al een tijd mee lopen stoeien, maar daar zie ik (met mijn beperkte css kennis) geen mogelijkheid voor.

Heb het al geprobeerd met :hover en content, maar zonder succes :-(

PSN: Bas170 | Hier had wat nuttigs kunnen staan
Mexicaans? Nee, daar krijg ik diarree van


  • MueR
  • Registratie: januari 2004
  • Laatst online: 23:31

MueR

Moderator Devschuur®

is niet lief

Bas170 schreef op maandag 16 september 2019 @ 16:37:
[...]


Daar heb ik al een tijd mee lopen stoeien, maar daar zie ik (met mijn beperkte css kennis) geen mogelijkheid voor.

Heb het al geprobeerd met :hover en content, maar zonder succes :-(
Dat kan ook niet met CSS.

Overigens is dit de volledige CSS die nu in dat topic staat:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
html body {background: -webkit-repeating-linear-gradient(45deg,purple 20px,indigo 60px,blue 110px,green 160px,yellow 200px,orange 240px,red 290px,purple 320px) !important;background: -o-repeating-linear-gradient(45deg,purple 20px,indigo 60px,blue 110px,green 160px,yellow 200px,orange 240px,red 290px,purple 320px) !important;background: -moz-repeating-linear-gradient(45deg,purple 20px,indigo 60px,blue 110px,green 160px,yellow 200px,orange 240px,red 290px,purple 320px) !important;background: repeating-linear-gradient(45deg,purple 20px,indigo 60px,blue 110px,green 160px,yellow 200px,orange 240px,red 290px,purple 320px) !important;font-family: "Comic Sans MS", "Delius" !important;background-attachment: fixed!important}
#forumheading h1 {font-family: "Comic Sans MS", "Delius" !important;}
#tracker {background: rgba(90,90,90,.6)}
#bottom {background: transparent;}
#bottom .hr {display:none;}
#contentArea { background: rgba(255,255,255,0.4); }
#menu>ul>li>a,#menu>ul>li.more>span{padding:0 6px;}
html div.message, html div.message.topicstarter, div.message.ownpost { background:  rgba(255,255,255,0.5);}
.userheader+.thumb:before{background: url("//tweakers.net/ext/f/TiCK6MeWSu2XzuiAsaKDxV9B/full.gif");background-size: 60px 60px;content:'';width: 60px;height:60px;display:block;}.userheader+.thumb img{display:none;}
.messagecontent, .me, .messagecontent span.me a  { color: indigo !important;}
.filter-ratings img,.filter-myratings img,.thumbsup{transform:rotate(180deg);}.action_list li.rating.can_be_rated .thumbsup.rated { background-color: #9a0e36; }
.trail {pointer-events: none;position: absolute;height: 6px; width: 6px;border-radius: 3px;background: deeppink;}.trail:nth-child(7n+0) {background:purple}.trail:nth-child(7n+1) {background:indigo}.trail:nth-child(7n+2) {background:blue}.trail:nth-child(7n+3) {background:green}.trail:nth-child(7n+4) {background:yellow}.trail:nth-child(7n+5) {background:orange}.trail:nth-child(7n+6) {background:red}
.userheader + .thumb:before {background-image: url(https://tweakers.net/ext/f/TiCK6MeWSu2XzuiAsaKDxV9B/full.gif);background-size: 60px 60px;content:'';display:block;width:60px;height:60px;}
.userheader + .thumb img {display:none;}

Anyone who gets in between me and my morning coffee should be insecure.
Breng nu uw applicatie naar de kloot. Dat is veel beter! Nu samen met klootopslag. Voor maar €9,95. Doei doei!


  • Hero of Time
  • Registratie: oktober 2004
  • Laatst online: 20-04 10:33

Hero of Time

Moderator NOS

There is only one Legend

@Bas170, Opera heeft toch nog steeds site voorkeuren met de mogelijkheid user css toe te passen? Gooi het gewoon daar in thuis.

Commandline FTW | Tweakt met mate


  • Bas170
  • Registratie: april 2010
  • Laatst online: 21:06

Bas170

Sir Miss-a-Lot

Hero of Time schreef op maandag 16 september 2019 @ 19:17:
@Bas170, Opera heeft toch nog steeds site voorkeuren met de mogelijkheid user css toe te passen? Gooi het gewoon daar in thuis.
Niet meer in Opera zelf zo te zien, maar ik heb een extensie gevonden die hetzelfde doet.

(y) bedankt voor het op weg helpen

PSN: Bas170 | Hier had wat nuttigs kunnen staan
Mexicaans? Nee, daar krijg ik diarree van


  • ikloon
  • Registratie: juni 2010
  • Laatst online: 21:35

ikloon

Product Owner
Mocht het nog niet zijn opgevallen, vandaag hebben we een nieuwe manier om custom css te gebruiken, beheren en te delen live gezet. Check het .plan plan: Custom-css-snippets beschikbaar - Development-iteratie #165 of ga direct naar https://tweakers.net/instellingen/customcss/ om dit te gebruiken.

“Internet is een internationaal verschijnsel” (minister Piet-Hein Donner, 6 sept 2011)


  • ImNotnoa
  • Registratie: september 2011
  • Laatst online: 22:41

ImNotnoa

Meisje!

Bas170 schreef op maandag 16 september 2019 @ 16:01:
[...]

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#layout{
  background-image: repeating-linear-gradient(45deg,purple 20px,indigo 60px,blue 110px,green 160px,yellow 200px,orange 240px,red 290px,purple 320px) !important;
}

#contentArea {
    background: rgba(255,255,255,0.4);
}

div.message {
    background: rgba(255,255,255,0.5);
}

span.thumbsup {
    transform: rotate(180deg);
}

.action_list li.rating.can_be_rated .thumbsup.rated {
    background-color: #9a0e36;
}

* {font-family:"Comic Sans MS", "Delius" !important}


Heeft iemand wellicht een tip?
Daar moet je een snippet van maken :+

In my defence: I wás left unsupervised.


  • matroosoft
  • Registratie: juni 2011
  • Laatst online: 02-04 21:20

matroosoft

Lone Christian

Nu nog iemand een snippet maken die het custom CSS menu verbergt :P

  • azerty
  • Registratie: maart 2009
  • Laatst online: 23:22

azerty

McFly

@Creesch wilt zijn stukje CSS misschien in een snippet voor iedereen omzetten? :)

Zin om de Hetzner cloud te proberen? Krijg 20€ credits via deze link: https://hetzner.cloud/?ref=4hOvR8Q60ksx


  • RobIII
  • Registratie: december 2001
  • Laatst online: 22:49

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Roses are red Violets are blue, Unexpected ‘{‘ on line 32.

Over mij


  • Creesch
  • Registratie: februari 2002
  • Laatst online: 22:53

Creesch

bla bla!

azerty schreef op dinsdag 24 september 2019 @ 20:53:
@Creesch wilt zijn stukje CSS misschien in een snippet voor iedereen omzetten? :)
Okay, bij deze https://tweakers.net/inst...mcss/snippets/bekijk/282/

  • MewBie
  • Registratie: april 2002
  • Laatst online: 00:16
@12_0_13 Ik doe het even hier zodat anderen het ook even kunnen testen.

Met dit snippet van 12_0_13 om de footer te verbergen verdwijnt ook de home/end knop in de rechter onderhoek.

De code van de snippet updaten naar:
code:
1
2
3
4
5
6
#ticker {
display:none;
}
#about {
display:none;
}

Doet in feite hetzelfde toch, maar dan met behoud van de home/end functionaliteit?

Please leave a message after the beep.
*beeeeep*


  • matroosoft
  • Registratie: juni 2011
  • Laatst online: 02-04 21:20

matroosoft

Lone Christian


  • RobIII
  • Registratie: december 2001
  • Laatst online: 22:49

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

matroosoft schreef op dinsdag 24 september 2019 @ 23:35:
[...]


Hee maar nu kan ik niet meer in m'n custom CSS menu! :P
Mooi toch? d:)b

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Roses are red Violets are blue, Unexpected ‘{‘ on line 32.

Over mij


  • 12_0_13
  • Registratie: april 2004
  • Laatst online: 21-04 16:05
Ik heb mn 'Verberg footer' aangepast zodat ook de padding-bottom op 0px komt ;)

  • Creesch
  • Registratie: februari 2002
  • Laatst online: 22:53

Creesch

bla bla!

Ik heb ook maar een nachtmodus snippet gemaakt die gebruik maakt van css filters. Dit heeft als voordeel dat de css erg simpel is aangezien het in feite niets meer doet dan kleuren omwisselen (negatief) en bij toekomstige site veranderingen er niet handmatig een hoop aangepast hoeft te worden.

Het nadeel is dat er minder mogelijk is qua finetuning in verkregen kleuren.

Ziet er dan zo uit:

frontpage

forum

edit: Kan overigens wel zo zijn dat dit qua performance niet altijd even lekker werkt. Daar moet ik nog naar kijken.

[Voor 7% gewijzigd door Creesch op 25-09-2019 13:23]


  • Bas170
  • Registratie: april 2010
  • Laatst online: 21:06

Bas170

Sir Miss-a-Lot

Imnoa schreef op dinsdag 24 september 2019 @ 15:28:
[...]


Daar moet je een snippet van maken :+
U vraagt, wij draaien:

Regenboog thema:
https://tweakers.net/inst...mcss/snippets/bekijk/150/

Thumbs down ipv thumbs up:
https://tweakers.net/inst...mcss/snippets/bekijk/156/

PSN: Bas170 | Hier had wat nuttigs kunnen staan
Mexicaans? Nee, daar krijg ik diarree van


  • DJMaze
  • Registratie: juni 2002
  • Niet online
Creesch schreef op woensdag 25 september 2019 @ 09:15:
Het nadeel is dat er minder mogelijk is qua finetuning in verkregen kleuren.
Vandaar dat ik het anders probeer (work in progress).
https://tweakers.net/inst...mcss/snippets/bekijk/340/

Ik kom er wel achter dat er heel veel CSS is. Dat zou echt enorm gereduceerd kunnen worden.
Met name de berg aan color:#000 die ik moet overrulen is enorm.

[Voor 20% gewijzigd door DJMaze op 25-09-2019 18:49]

Maak je niet druk, dat doet de compressor maar


  • Pompi
  • Registratie: november 2009
  • Laatst online: 20-04 22:35
Creesch schreef op woensdag 25 september 2019 @ 09:15:
Ik heb ook maar een nachtmodus snippet gemaakt die gebruik maakt van css filters. Dit heeft als voordeel dat de css erg simpel is aangezien het in feite niets meer doet dan kleuren omwisselen (negatief) en bij toekomstige site veranderingen er niet handmatig een hoop aangepast hoeft te worden.

Het nadeel is dat er minder mogelijk is qua finetuning in verkregen kleuren.

Ziet er dan zo uit:

[Afbeelding: frontpage]

[Afbeelding: forum]

edit: Kan overigens wel zo zijn dat dit qua performance niet altijd even lekker werkt. Daar moet ik nog naar kijken.
Kan het font ook wit worden? Beetje zoals de Reddit night theme?

  • LA-384
  • Registratie: november 2007
  • Laatst online: 22:39
Vraagje, ik heb op de frontpage alles verborgen behalve de nieuwsitems en de poll. De poll in de rechterkolom begint nu echter waar het nieuws in de linkerkolom eindigd.

Is er een manier om die poll omhoog te zetten, zodat het op gelijke hoogte met het nieuws zit?

Op mobiel zit het onder elkaar en dat is prima, daar is maar 1 kolom in de breedte.

Het grote subwoofer topic | PV: 4050wp zw | Fuji X-T20 ~ 12mm f2 ~ 35mm f2 ~ 80mm macro ~ 18-55 ~ 50-140 ~ 50-230


  • DJMaze
  • Registratie: juni 2002
  • Niet online
Hahn schreef op dinsdag 25 juni 2019 @ 10:13:
CSS is enkel styling, je kan niet zomaar iets vervangen door iets anders zonder bijvoorbeeld JavaScript te gebruiken.
Oneens. Gewoon aan onderstaande code wat extra's toevoegen, en voila!
Cascading Stylesheet:
1
2
3
a::after {
  content: " (" attr(href) ")";
}

Maak je niet druk, dat doet de compressor maar


  • s0ulmaster
  • Registratie: juni 2012
  • Laatst online: 20:18
Iemand een typ hoe ik met css de achtergrondkleur van de "scorecardview" kan wijzigen?
Mijn trail and error methode helpt me nog niet verder

geeft geen inhoudelijke reacties meer⛔ Check het standpunt van Tweakers over JOUW privacy in de link.


  • DJMaze
  • Registratie: juni 2002
  • Niet online
s0ulmaster schreef op donderdag 26 september 2019 @ 15:00:
Iemand een typ hoe ik met css de achtergrondkleur van de "scorecardview" kan wijzigen?
Mijn trial and error methode helpt me nog niet verder
De mijne werkt. Regel 64 ".article .ScoreCard.Editorial .ScorecardView"
https://tweakers.net/inst...mcss/snippets/bekijk/340/

Maak je niet druk, dat doet de compressor maar


  • s0ulmaster
  • Registratie: juni 2012
  • Laatst online: 20:18
DJMaze schreef op donderdag 26 september 2019 @ 15:12:
[...]

De mijne werkt. Regel 38 ".article .ScoreCard.Editorial .ScorecardView"
https://tweakers.net/inst...mcss/snippets/bekijk/340/
Thanks d:)b

geeft geen inhoudelijke reacties meer⛔ Check het standpunt van Tweakers over JOUW privacy in de link.


  • J-P
  • Registratie: oktober 2004
  • Laatst online: 21-04 15:04

J-P

Syntax erro....

Weet iemand of het mogelijk is om middels CSS in de forums duidelijk weer te geven waar je de laatste keer bent gebleven?
Ik lees meerdere topics, middels de /last tag (tot de laatste post).
Als ik het topic de dag erna open dan moet je zelf gaan zoeken waar je ergens bent gebleven. Het zou erg handig zijn als de laatste post die je hebt gelezen een andere kleur zou hebben.

(ಠ_ಠ) ¿doʞ u,z do ʇıp ʇɐɐʇs ɯoɹɐɐʍ


  • Dirk
  • Registratie: november 2004
  • Laatst online: 01:20

Dirk

Coördinator Frontpagemoderatie
Via css heb ik geen idee, ik klik altijd op de gekleurde mapjes voor een topics om naar de eerste nieuwe reactie sinds de laatste sessie te springen.

All statements are true in some sense, false in some sense, meaningless in some sense, true and false in some sense, true and meaningless in some sense, false and meaningless in some sense, and true and false and meaningless in some sense.


  • DJMaze
  • Registratie: juni 2002
  • Niet online
J-P schreef op zaterdag 28 september 2019 @ 13:45:
Weet iemand of het mogelijk is om middels CSS in de forums duidelijk weer te geven waar je de laatste keer bent gebleven?
Ik lees meerdere topics, middels de /last tag (tot de laatste post).
Als ik het topic de dag erna open dan moet je zelf gaan zoeken waar je ergens bent gebleven. Het zou erg handig zijn als de laatste post die je hebt gelezen een andere kleur zou hebben.
Iets van:
Cascading Stylesheet:
1
2
3
:target, :target + * {
background-color: #007;
}

Maar dat is dan alles met # in de uri

Maak je niet druk, dat doet de compressor maar


  • World Citizen
  • Registratie: oktober 2002
  • Laatst online: 00:09
Kan iemand mij een beetje op weg helpen met iets.

Ik ben een snippet aan het maken voor de Spoiler functie. Maar kan kennelijk iets niet veranderd krijgen.




Voorbeeld
spoiler:
voorbeeld




Je ziet in het voorbeeld hierboven dat het woord "spoiler" word geprint boven de daadwerkelijke spoiler. Ik wil hier graag iets mee doen. Verplaatsen of veranderen, maar weet niet hoe ik die kan stylen.

Mijn kennis is niet groot van CSS maar begrijp ik het goed dat dit woord een "inline element" is, en dat ik die niet kan stylen omdat er geen Class voor is?

Ofwel, moet ik aan t.net gaan vragen om daar een class omheen te zetten?


  • Hero of Time
  • Registratie: oktober 2004
  • Laatst online: 20-04 10:33

Hero of Time

Moderator NOS

There is only one Legend

De class ervoor is 'small'. Echter, als je kleine tekst typt, krijg je dezelfde stijl. Misschien een iets andere selector, dus je zal heel specifiek moeten kijken wat er anders is aan de normale small en de spoiler-small. Anders ga je iets stijlen wat breder wordt toegepast dan gewenst.

Commandline FTW | Tweakt met mate


  • World Citizen
  • Registratie: oktober 2002
  • Laatst online: 00:09
Hero of Time schreef op dinsdag 1 oktober 2019 @ 17:17:
De class ervoor is 'small'. Echter, als je kleine tekst typt, krijg je dezelfde stijl. Misschien een iets andere selector, dus je zal heel specifiek moeten kijken wat er anders is aan de normale small en de spoiler-small. Anders ga je iets stijlen wat breder wordt toegepast dan gewenst.
Exact dat dus. Ik wil niet de hele class "small" gaan stylen gezien ik die zelf al heel vaak gebruik op plekken waar ik het gewoon in de default stijl nodig heb.

Ik kan voor de rest geen unieke handlers vinden voor die titel.
het moet dus

OF als
<content: "spoiler";>
geprint worden vanuit de CSS zodat ik het kan aanpassen,

OF een hele eigen div class
.spoiler-title

Althans, mits niemand iets anders weet om dit aan te vliegen... want ik vind het nogal een niche request als ik dit zou aanvragen.

[Voor 4% gewijzigd door World Citizen op 01-10-2019 17:28]


  • DJMaze
  • Registratie: juni 2002
  • Niet online
World Citizen schreef op dinsdag 1 oktober 2019 @ 17:26:
ik vind het nogal een niche request als ik dit zou aanvragen.
Gewoon doen!
En dan op de <div> heb je gelijk beide tags te pakken ;)

Maak je niet druk, dat doet de compressor maar


  • World Citizen
  • Registratie: oktober 2002
  • Laatst online: 00:09
DJMaze schreef op maandag 14 oktober 2019 @ 10:46:
[...]

Gewoon doen!
En dan op de <div> heb je gelijk beide tags te pakken ;)
Ik overweeg. Ik heb nu een wat simpelere variant gemaakt onder de naam "vriendelijke spoiler". Ik denk namelijk dat Tweakers dit ongeveer bedoeld met een Snippet, en dat ik er weer te veel van maak omdat bij mij alles exponentieel groeit als ik iets bedenk :)

Eigenlijk wil ik er 4 lanceren, met Light en Dark varianten, en inclusief Henk of exclusief Henk. Er moet dan een plek voor feedback komen, changelogs, documentatie, en vooral heel belangrijk... een update als T.net iets wijzigde binnen toch wel 24/48 uur.

Software lanceren ziet er zo simpel uit... maar alles eromheen kost zo een bak werk.

En gezien ik overwegen al multitaskend kan doen tijdens het eten, toileteren, autorijden etc... kost me dat veel minder tijd, en overweeg ik nog wel even denk ik ;)

  • Bastien
  • Registratie: augustus 2001
  • Niet online

Bastien

I don't mind

Is het met CSS ook mogelijk om een (deel van een) URL te filteren? Na een half dagje identicons ben ik er wel klaar mee, rommelig en onduidelijk gedoe.

Heb wel wat nutselwerk ooit uitgezocht voor andere dingen maar da's altijd geheel verbergen over het algemeen en niet deels zoals ik nu graag wil. :)

You can't learn to tell the truth until you learn to lie


  • Hero of Time
  • Registratie: oktober 2004
  • Laatst online: 20-04 10:33

Hero of Time

Moderator NOS

There is only one Legend

@Bastien, met dank aan https://stackoverflow.com...th-matching-src-attribute is er https://tweakers.net/inst...mcss/snippets/bekijk/468/ voor je. Niet helemaal wat je wenst denk ik, maar het plaatje is iig weg. :P

Commandline FTW | Tweakt met mate


  • Toxic_Dreams
  • Registratie: september 2016
  • Laatst online: 18-04 13:32
Na een paar maanden af en toe wat uurtjes stylen heb ik volgens mij een redelijk compleet donker thema weten te maken.

Volgens mij is overal alles donker en leesbaar, mocht dit ergens niet zo zijn zou het ook wel gewaardeerd worden als je dit aangeeft!

Om een beetje een idee te krijgen; zie screenshots:
Home: https://prnt.sc/pn98sj
Forum: https://prnt.sc/pn98ww

Snippet: https://tweakers.net/inst...mcss/snippets/bekijk/482/

  • Hero of Time
  • Registratie: oktober 2004
  • Laatst online: 20-04 10:33

Hero of Time

Moderator NOS

There is only one Legend

Netjes. Weinig kleur, dat maakt het best saai eigenlijk. En de subtiele verschillen tussen bepaalde elementen is er ook niet. Bewust voor gekozen?

Commandline FTW | Tweakt met mate


  • Blizz
  • Registratie: maart 2013
  • Laatst online: 17-03 04:27
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

Thx @Hero of Time voor het linken naar deze draad! Ik heb dit gister in de nachtmodus feature request draad geplaatst. PS Draad is een raar woord.

[Voor 5% gewijzigd door Blizz op 20-11-2019 15:46]

Klachten over mijn reacties kunnen naar /dev/null


  • Bas170
  • Registratie: april 2010
  • Laatst online: 21:06

Bas170

Sir Miss-a-Lot

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

Thx @Hero of Time voor het linken naar deze draad! Ik heb dit gister in de nachtmodus feature request draad geplaatst. PS Draad is een raar woord.
Mooi gedaan!

Er zitten overigens wel dubbele stukken in, ik zag 2 stukken waarin Crew weer rood gemaakt wordt (regel 759 en regel 805).

En Modbreaks komen ook 2 keer voor :) 1x om groen te maken en 1x om rood te maken

PSN: Bas170 | Hier had wat nuttigs kunnen staan
Mexicaans? Nee, daar krijg ik diarree van


  • Jogai
  • Registratie: juni 2004
  • Laatst online: 20:20
Super. .messageheader .date .oldage is default rood, en heeft in de dark mode geen onderscheidende kleur. Dat is iets wat ik wel handig vind. Kan je daar nog iets aan tweaken?

Full time freelance sinds 2020! Link me =====> www.linkedin.com/in/wdingemanse


  • Creesch
  • Registratie: februari 2002
  • Laatst online: 22:53

Creesch

bla bla!

Ik heb een snippet gemaakt die de "vorige" en "volgende" urls onder nieuws artikelen vervangt door de "klassieke variant".
Dus de tekst is vervangen door de titel van het artikel. Daarnaast is ook de volgordelijkheid omgekeerd zodat de volgende knop de volgorde van de voorpagina volgt want dat vind ik persoonlijk logischer.

Afgezien daarvan heb ik ook de border rondom de knoppen verwijdert en de uitlijning wat aangepast.

  • segil
  • Registratie: januari 2003
  • Laatst online: 21-04 15:36
Ik ben geen css/dev held, hopelijk kan iemand hier mij helpen.

Is het mogelijk een artikel op de frontpage te blokkeren, waarin een bepaalde tekst staat?
N.a.v. mijn post wil ik graag voortaan artikelen op de frontpage filteren die de woorden "gift guide" in de titel hebben. Ik weet hoe je .adv .plan.deals etc, blokkeert, namelijk met

.adv {display:none;}
.plan {display:none;}
.deals {display:none;}
.promo {display:none;}

Iemand een idee?

  • Hero of Time
  • Registratie: oktober 2004
  • Laatst online: 20-04 10:33

Hero of Time

Moderator NOS

There is only one Legend

@segil, je zal dan op de 'a href' string moeten zoeken. Met identicons doe ik iets vergelijkbaars, maar of dat met een element kan waar een link in staat weet ik niet zeker, vooral omdat het alleen dat stukje dan zal verwijderen, maar niet het bovenliggend element waardoor je wat raar twee horizontale strepen ziet die tussen de artikelen staan.

Simpel gezegd, iets als dit:
Cascading Stylesheet:
1
a [src*="*gift*guide*"] { display: none;}

Geen idee of het zo gelijk werkt, je zal zelf wat moeten spelen en met Google gaan zoeken wat kan. Tenzij iemand met een kant-en-klare oplossing komt.

Commandline FTW | Tweakt met mate


  • Wiethoofd
  • Registratie: juli 2007
  • Laatst online: 30-03 18:37
@segil @Hero of Time het zou iig met de volgende code mogelijk moeten zijn puur de url met 'gift guide' er in te moeten blokkeren, echter zal je niet het bovenliggende element kunnen verbergen/inklappen of anderzijds aanpassen, dit is puur ter volledigheid en werkende CSS te hebben voor de toekomst.

code:
1
a[src*="gift"][src*="guide"] { display: none; }

er is geen regex/wildcards mogelijk in de [src] text filters om in 'gift guide' zelf spaties, underscores of andere koppeltekens te filteren, echter 2 maal de [src] match gebruiken zou moeten werken en zelfs 'guide gift' er uit pakken.

Wiethoofds meuk en 'overige'


  • segil
  • Registratie: januari 2003
  • Laatst online: 21-04 15:36
Wiethoofd schreef op donderdag 16 januari 2020 @ 23:14:
@segil @Hero of Time het zou iig met de volgende code mogelijk moeten zijn puur de url met 'gift guide' er in te moeten blokkeren, echter zal je niet het bovenliggende element kunnen verbergen/inklappen of anderzijds aanpassen, dit is puur ter volledigheid en werkende CSS te hebben voor de toekomst.

code:
1
a[src*="gift"][src*="guide"] { display: none; }

er is geen regex/wildcards mogelijk in de [src] text filters om in 'gift guide' zelf spaties, underscores of andere koppeltekens te filteren, echter 2 maal de [src] match gebruiken zou moeten werken en zelfs 'guide gift' er uit pakken.
dank, ik ga het testen!

  • TommyboyNL
  • Registratie: januari 2006
  • Niet online
Ik heb geen interesse in refurbished producten, dus wil die niet weergeven in de pricewatch. Custom CSS leek me daar dé oplossing voor, alleen spreek ik geen CSS... Bestaande CSS snippets aanpassen zodat ze net wat beter doen wat ik wil lukt wel, maar daar houdt het dan ook wel op.
Ik verwacht geen kant-en-klaar antwoord, maar hoop op een paar goeie pointers. Een kant-en-klaar antwoord zeg ik echter geen nee tegen ;)

Wat heb ik zelf gevonden/bedacht:
Als de 6e cel in een rij class="price-score refurbished" heeft, wil ik de hele rij verbergen met display:none;
En daar loop ik al vast. Ik heb géén idee hoe ik deze conditie check in CSS. Ik heb al de bestaande snippets doorzocht op iets dat er op lijkt, maar helaas.

Wat verwacht ik van jullie:
Een paar pointers hoe dit aan te pakken, of goede zoektermen.

  • Kuusje
  • Registratie: april 2008
  • Laatst online: 21-04 16:30
@TommyboyNL

.refurbished-listing
{
visibility: hidden;
}

  • TommyboyNL
  • Registratie: januari 2006
  • Niet online
Kuusje schreef op dinsdag 18 februari 2020 @ 23:31:
@TommyboyNL

.refurbished-listing
{
visibility: hidden;
}
Das een goed begin, thanks! Mijn doel was eigenlijk om ook de refurbished prijzen in dit overzicht te verwijderen:
categorie: Interne harde schijven
Weet je die css toevallig ook uit je mouw te schudden?

  • Kuusje
  • Registratie: april 2008
  • Laatst online: 21-04 16:30
Dat kan niet. De prijzenlijsten zijn brokken data, die kan je niet opdelen met CSS. Individuele elementen in de HTML kan je mee klieren, de inhoudelijke waarden niet.

  • Bart ®
  • Registratie: augustus 2004
  • Laatst online: 22:56

Bart ®

Moderator Spielerij

I have the cape.

Ik ben persoonlijk niet 100% in mijn nopjes met de nieuwe multiposts.

Ter illustratie, dit is hoe multiposts er nu uitzien:


Ik zou het fijner vinden als de opmaak van de tweede header gelijk is aan de eerste. Nu is de tweede header veel lichter, en ik mis de datum erin. Ook zou het denk ik duidelijker zijn als de ruler wat donkerder is, en over (bijna) de gehele breedte van de post loopt.

Mockup van wat het imo zou moeten zijn:



Ik hoop dat het verschil met het origineel een beetje duidelijk is. Uiteraard moet de tijd van de tweede post wel kloppen, die heb ik nu even gecopy-pasted voor de beeldvorming. Dus alleen de datum moet ervoor gezet worden.

Nu ben ik natuurlijk een enorme faalhaas met CSS, dus ik was benieuwd of er hier wat CSS-goden zitten die dit in een handomdraai in elkaar geflanst hebben O+.

We salute the rank, not the man.


Acties:
  • +2Henk 'm!

  • Hahn
  • Registratie: augustus 2001
  • Laatst online: 21:47
Wat is überhaupt het doel van edits beschouwen als een 'losse' post (maar dan samengevoegd met de vorige post)? Ik vind het er bijzonder rommelig en inconsistent uit komen te zien, en ik kan ook niet echt bedenken wat nou hét grote voordeel hiervan zou moeten zijn.

edit:
Oh wacht... Als je dubbelpost, dán worden posts samengevoegd :?

[Voor 12% gewijzigd door Hahn op 31-03-2020 19:38]

The devil is in the details.


Acties:
  • +2Henk 'm!

  • Hahn
  • Registratie: augustus 2001
  • Laatst online: 21:47
Effe testen hoor... Verhip 8)7 Blijf het een vrij vage uitwerking vinden, though...

[Voor 62% gewijzigd door Hahn op 31-03-2020 19:39]

The devil is in the details.


  • Bart ®
  • Registratie: augustus 2004
  • Laatst online: 22:56

Bart ®

Moderator Spielerij

I have the cape.

Ja, maar daar gaat het niet om he :P.

We salute the rank, not the man.


Acties:
  • +1Henk 'm!

  • Hero of Time
  • Registratie: oktober 2004
  • Laatst online: 20-04 10:33

Hero of Time

Moderator NOS

There is only one Legend

@Bart ®, voor wat betreft de datum, dat staat al gewoon in de code:
Cascading Stylesheet:
1
2
3
.multiMessage .message:nth-of-type(n+2) .messageheader .date a span[data-time] span {
    display: none;
}

Dit staat momenteel aan. Als je dat overruled, heb je de volledige datum ipv alleen de tijd.

En om de lijn wat duidelijker te maken moet je de kleur van de border-top aanpassen van:
Cascading Stylesheet:
1
2
3
.multiMessage .message:nth-of-type(n+2) .messageheader {
    border-top: 1px solid #000000;
}

Op die manier. Geen idee hoe je 'm verder doortrekt, dat zal je zelf even moeten uitzoeken.

Commandline FTW | Tweakt met mate


  • Bart ®
  • Registratie: augustus 2004
  • Laatst online: 22:56

Bart ®

Moderator Spielerij

I have the cape.

Thanks, zal er morgen eens naar kijken!

We salute the rank, not the man.


  • Bart ®
  • Registratie: augustus 2004
  • Laatst online: 22:56

Bart ®

Moderator Spielerij

I have the cape.

Nou, ik heb progressie gemaakt, maar niet veel :').

Het volgende is me gelukt:
code:
1
2
3
4
/* Rapporteer-quote-bekijk-knopjes in multiquotes zelfde kleur blauw als in gewone quotes */
ul.action_list li a {
    color: #014A93;
}

Dit zorgt ervoor dat de 'bekijk bookmark rapporteer quote'-knopjes dezelfde kleur hebben als de knopjes bovenaan de reactie.

Het volgende lukte half:
code:
1
2
3
4
5
6
7
/* multiquote lijn in post donkerder en over gehele breedte van post */
.multiMessage .message:nth-of-type(n+2) .messageheader {
    border-top: 1px solid #808080;
}
div.messageheader {
    width: 950px;
}

Dit zorgt ervoor dat de lijn breder is, mooi over bijna de gehele breedte van de post. En hij is ook wat duidelijker. Maar... De datum en tijd van de reactie is ook naar links geschoven. Met margin-left en padding-left krijg ik het niet fatsoenlijk.

Tot slot de datum erbij in multiquotes:
code:
1
2
3
4
/* geef in multiquote zowel datum als tijd weer */
.multiMessage .message:nth-of-type(n+2) .messageheader .date a span[data-time] span {
    display: inline;
}

Vond ik wel mooi gevonden (met hulp van HoT uiteraard), maar het geeft dit resultaat:
https://tweakers.net/i/FWY-0Vscv20Y_A7WKmo8nWCYtfs=/f/image/GWKscLVyJXZMd8BmbYTvNsFT.png
Niet helemaal wat ik wilde _O-.

Iemand die mij weer een beetje verder kan helpen hiermee? :P

We salute the rank, not the man.


  • Hero of Time
  • Registratie: oktober 2004
  • Laatst online: 20-04 10:33

Hero of Time

Moderator NOS

There is only one Legend

Tss, @Bart ® kijk even verder in de dev tools, dan zie je de ::after attribuut. ;) En die doet iets leuks, wat ik niet had kunnen bedenken en best slim is gedaan. Dit lost je 'probleem' iig op. :)
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
/* Toon volledge datum/tijd */
.multiMessage .message:nth-of-type(n+2) .messageheader .date a span[data-time] span {
  display: initial;
}

/* Verberg de korte tijd */
.multiMessage .message:nth-of-type(n+2) .messageheader .date a span[data-time]::after {
  content: none;
}

Je kan ipv 'none' ook gewoon '' neerzetten of wat dan ook, als het maar niets gaat weergeven.

De lijn breder maken en de datum op de juiste plek houden kan ik niet mee helpen, want die doe ik al via m'n browser, dat laat zich niet zo on-the-fly aanpassen.

Css is best logisch, als je er even de tijd voor neemt om de 'taal' te leren spreken.

Commandline FTW | Tweakt met mate


  • ThinkPad
  • Registratie: juni 2005
  • Laatst online: 22:10

ThinkPad

Moderator Duurzame Energie & Domotica
Is het ook mogelijk om in dit balkje nog een knopje toe te voegen voor al mijn eigen posts?

https://tweakers.net/i/fmf1q-5MYnqHuUuYrawL32jymS0=/f/image/kv6EoDI0m9afvpChVNON1p6X.jpg

Ik zoek eigenlijk hetzelfde als wanneer je bovenaan in de zoekbalk voor 'Dit topic (poster)' kiest en dan je username invult.

Gas besparen door CV-tuning | Elektriciteit besparen
Geen vragen via privébericht die ook via het forum kunnen a.u.b.


Acties:
  • +1Henk 'm!

  • Hero of Time
  • Registratie: oktober 2004
  • Laatst online: 20-04 10:33

Hero of Time

Moderator NOS

There is only one Legend

Aangezien er een actie achter moet komen (ga naar url), zal dat met alleen css niet lukken.

Commandline FTW | Tweakt met mate


  • Hahn
  • Registratie: augustus 2001
  • Laatst online: 21:47
ThinkPad schreef op vrijdag 3 april 2020 @ 01:12:
Is het ook mogelijk om in dit balkje nog een knopje toe te voegen voor al mijn eigen posts?

[Afbeelding]

Ik zoek eigenlijk hetzelfde als wanneer je bovenaan in de zoekbalk voor 'Dit topic (poster)' kiest en dan je username invult.
Wat @Hero of Time al zegt, maar waarschijnlijk kan je dat wel vrij makkelijk fixen met een JavaScriptje :)

The devil is in the details.


  • SmokingCrop
  • Registratie: januari 2012
  • Niet online
Ik ben momenteel bezig met een vrij grote overhaul naar de look&feel van o.a. de homepage, en wens de ContentArea van breedte te versmallen, maar die wil ik enkel op de homepage aangepast zien.
Alle andere pagina's dienen in hun huidige breedte te blijven.

Als ik onderstaande doe, dan verandert dit natuurlijk op alle andere pagina's ook:
Cascading Stylesheet:
1
#contentArea { padding-left: 30px; padding-right: 30px; width: 730px; }


Iemand die weet hoe ik die enkel op de frontpage zou kunnen versmallen? :)

Voorbeeld om duidelijker te maken
Standaard breedte:
https://tweakers.net/i/1D-tJJgRhkwzxtw2-vx95r8iRwI=/100x75/filters:strip_icc():strip_exif()/f/image/w56dQcNhLERyAN94Czvb7b0b.jpg?f=fotoalbum_small

Gewenste breedte op frontpage:
https://tweakers.net/i/OkozEBP5Y7CF2uhMMD23OySZ4a0=/100x75/filters:strip_icc():strip_exif()/f/image/aOoO0oYXbEVsPbM1ZhkLf4FK.jpg?f=fotoalbum_small

Maar dus niet op andere pagina's, want dan krijg je zulke dingen:
https://tweakers.net/i/54bFCc4jjcL82s2fuZPuO8miqho=/100x75/filters:strip_icc():strip_exif()/f/image/BfGxo1j3Tysc6J6yKSKrolmd.jpg?f=fotoalbum_small

Klik voor [handleiding] Raspberry Pi met UniFi controller en Pi-hole (headless)


Acties:
  • +1Henk 'm!

  • Hero of Time
  • Registratie: oktober 2004
  • Laatst online: 20-04 10:33

Hero of Time

Moderator NOS

There is only one Legend

@SmokingCrop, ik doe zelf met wat browser-based css de breedte van de site en elementen ervan veranderen. Dit heeft nogal wat gevolgen voor de rest van de layout, dus ik raad je aan om heel goed te letten hierop. Zeker als je 't alleen op de homepage wilt doen. Waarom je homepage nóg smaller wilt hebben is niet duidelijk, daar zal je vast je eigen reden voor hebben.

Ik kan je wel vertellen dat het versmallen van de site meer problemen gaat opleveren dat het breder willen maken. Zeker ook omdat je naast #contentArea ook de onderliggende elementen moet doen.

Wat ik wel zo even snel vond, is dat de @document specificatie uit css3 is gehaald en in css4 het op de planning zou staan. Maar de vraag is natuurlijk of dat je gewenste resultaat geeft, als het werkt.

Commandline FTW | Tweakt met mate


  • SmokingCrop
  • Registratie: januari 2012
  • Niet online
Hero of Time schreef op zaterdag 23 mei 2020 @ 15:09:
Waarom je homepage nóg smaller wilt hebben is niet duidelijk, daar zal je vast je eigen reden voor hebben.
Staat veel mooier (en leest makkelijker doordat het gecentreerd is) als je enkel de nieuwsberichten toont zoals in de screenshots :9
Maar dacht al dat het niet direct mogelijk was, wou even zeker zijn.
Ik laat de breedte maar gewoon voor wat die is.

Thanks!

[Voor 70% gewijzigd door SmokingCrop op 23-05-2020 15:24]

Klik voor [handleiding] Raspberry Pi met UniFi controller en Pi-hole (headless)


  • SmokingCrop
  • Registratie: januari 2012
  • Niet online
Via de plugin 'Stylus' lukt het wel 8)
Daar kan je makkelijk aanduiden dat het enkel op een bepaalde URL actief mag zijn.
Dan die paar regels daar maar in zwieren.

Klik voor [handleiding] Raspberry Pi met UniFi controller en Pi-hole (headless)


  • Bas170
  • Registratie: april 2010
  • Laatst online: 21:06

Bas170

Sir Miss-a-Lot

Ik kom er niet uit, misschien dat jullie ideeën hebben.

Als je een donkere modus gebruikt, zijn de grafieken in nieuwsartikelen niet goed leesbaar, omdat de tekst in het zwart staat en de tekst op de X-as helemaal niet zichtbaar is daardoor.

Voorbeeld:
nieuws: België diende bij Twitter meer verzoeken om info in dan Nederland

Wat ik ook probeer, ik krijg de kleur van de tekst niet aangepast.
Via Dev tools in de browser krijg ik het makkelijk aangepast, maar als ik de code vervolgens toepas in mijn CSS zie ik geen wijzigingen.

Bijvoorbeeld:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
#__svelte-dw {
color: #23c328 !important;
}

.chart {
color: #23c328 !important;
}

.label series x-tick-values {
  color: #23c328 !important;
}

Heeft totaal geen effect (let niet op de kleur, dat is voor testdoeleinden).
Ik heb overigens al meerdere combo's en variaties geprobeerd.

Nu zie ik dat bij de x-as de styling gekoppeld staat aan de class/span:
HTML:
1
2
3
<div class="label series x-tick-values" style="text-align: center; position: absolute; width: 52.2px; left: 139.9px; top: 281px; height: 15px;">
<span style="color: rgb(51, 51, 51);">1-1-16</span>
</div>

Dat zou imho een oorzaak kunnen zijn.
Maar bij de header van de grafiek is dat niet het geval en toch wordt dat op de een of andere manier overschreven.

Tips?

PSN: Bas170 | Hier had wat nuttigs kunnen staan
Mexicaans? Nee, daar krijg ik diarree van


  • F.West98
  • Registratie: juni 2009
  • Laatst online: 00:39
Ik gok dat het komt doordat alle grafieken in een iframe ge-embed zijn, die kan je met CSS niet aanpassen helaas. Wellicht dat een scriptje via Tampermonkey een oplossing kan zijn hierin.

2x Dell UP2716D | i7 6700K | 64GB RAM | Samsung 850 1TB | ASUS ROG Maximus VIII Formula | GTX960 - Alles
Firesphere: Chrome is dubieus. Firefox FTW
.oisyn: Windows is net zo slecht in commandline als Linux in GUI


  • Hero of Time
  • Registratie: oktober 2004
  • Laatst online: 20-04 10:33

Hero of Time

Moderator NOS

There is only one Legend

Weet wel zeker dat het door die iframe komt, want het komt van een externe site. En je kan niet met custom css voor de tweakers.net domeinen de css van een ander domein aanpassen.

Ik wilde voor je kijken, maar kreeg niet eens de grafiek te zien. De domeinnaam waar die vandaan komt wordt namelijk door m'n Pi-hole geblokkeerd. :P

Commandline FTW | Tweakt met mate


  • Bas170
  • Registratie: april 2010
  • Laatst online: 21:06

Bas170

Sir Miss-a-Lot

Jammer, dan is de enigste optie om de achtergrond van de iframe lichter te maken.
Niet bepaald een mooie optie, maar het kan dus niet anders.

PSN: Bas170 | Hier had wat nuttigs kunnen staan
Mexicaans? Nee, daar krijg ik diarree van


  • Damic
  • Registratie: september 2003
  • Laatst online: 21:30

Damic

Afwezig soms

Ik heb nu een aantal dagen de Darkstyle van @Azbest + de snippet van Bas170 maar nu viel me op dat er iets weg is wat ik toch wel handig vind: de quick links bovenaan een topic, nu gaan ik even zoeken wie het afzet en een schop onder zijn aars geven :+



Het volgende staat in mijn snippet (niet publiek):
Cascading Stylesheet:
1
2
3
4
5
6
/*Achtergrond video container lichter maken zodoende dat teksten leesbaar zijn:)*/
.video-container{background: rgb(109,110,110) !important;}
/*iets grote font voor de lead tekst in een artikel, ondanks dat dit vet staat leest dit toch iets gemakkelijker*/
.article .lead{font-size:12pt;}
/*de eigen post word in een andere kleur weergegeven*/
div.message.ownpost {    background: rgb(70,90,110)!important;}

Ik kan vanalles en nog wat maar niets te goei, klinkt bekent?? Al wat ik aanraak werk niet meer zoals het hoort. Damic houd niet van zijn verjaardag


  • Bas170
  • Registratie: april 2010
  • Laatst online: 21:06

Bas170

Sir Miss-a-Lot

Damic schreef op vrijdag 21 augustus 2020 @ 11:24:
maar nu viel me op dat er iets weg is wat ik toch wel handig vind: de quick links bovenaan een topic
Bedoel je deze knoppen:



?

PSN: Bas170 | Hier had wat nuttigs kunnen staan
Mexicaans? Nee, daar krijg ik diarree van


  • Damic
  • Registratie: september 2003
  • Laatst online: 21:30

Damic

Afwezig soms

Ja die staan er bij mij niet :/

Ik kan vanalles en nog wat maar niets te goei, klinkt bekent?? Al wat ik aanraak werk niet meer zoals het hoort. Damic houd niet van zijn verjaardag


  • Bas170
  • Registratie: april 2010
  • Laatst online: 21:06

Bas170

Sir Miss-a-Lot

Dan ligt het in ieder geval niet aan de snippets van @Azbest en mij ;)

PSN: Bas170 | Hier had wat nuttigs kunnen staan
Mexicaans? Nee, daar krijg ik diarree van


  • Damic
  • Registratie: september 2003
  • Laatst online: 21:30

Damic

Afwezig soms

Heb Azbest een pm gestuurd, als ik zijn css activeer ben ik de quick links kwijt (firefox ziet een display: nonen staan) en staat alles verkeerd :+

heb nu het volgende bij in mijn snippet gezet zodoende dat het toch juist is :)
Cascading Stylesheet:
1
#trackerHeader .fancyButton, .trackerPopup.fixed .close, .bulletSeparatedList, .icon.tracker, #true {    display: block !important;}

[Voor 7% gewijzigd door Damic op 21-08-2020 20:20]

Ik kan vanalles en nog wat maar niets te goei, klinkt bekent?? Al wat ik aanraak werk niet meer zoals het hoort. Damic houd niet van zijn verjaardag


  • dec0de
  • Registratie: oktober 2017
  • Laatst online: 19-04 22:20

dec0de

Linux equals life

na helemaal opnieuw te begonnen zijn, mijn nieuwe CSS!

ik heb het forum nog niet zoveel aandacht gegeven, maar voor de rest is praktisch alles echt af.
voorheen had ik moeite met dingen consistent houden, dit keer is dat echt gelukt!

het V&A forum en pricewatch kunnen nog wat aandacht gebruiken, maar zijn al een stuk schoner; de focus lag op rust, simpelheid en functionaliteit.

link:
https://github.com/DRG-de...ss/blob/master/custom.css













[Voor 4% gewijzigd door dec0de op 30-08-2020 21:21]

The first 90 percent of the code accounts for the first 90 percent of the development time. The remaining 10 percent of the code accounts for the other 90 percent of the development time


  • Ramon
  • Registratie: juli 2000
  • Laatst online: 00:22
Ik bedacht me laatst dat het wel tof zou zijn om een compleet eigen css te maken voor t.net maar ik kon niet een manier vinden om de CSS voor t.net uit te schakelen én met (bijv) Stylus in Firefox nieuwe rules toe te voegen. Heeft iemand een idee hoe ik dit zou kunnen doen? Dus zonder t.net te saven en de HTML aan te passen...

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/


  • MueR
  • Registratie: januari 2004
  • Laatst online: 23:31

MueR

Moderator Devschuur®

is niet lief

Ramon schreef op maandag 7 september 2020 @ 10:15:
Ik bedacht me laatst dat het wel tof zou zijn om een compleet eigen css te maken voor t.net maar ik kon niet een manier vinden om de CSS voor t.net uit te schakelen én met (bijv) Stylus in Firefox nieuwe rules toe te voegen. Heeft iemand een idee hoe ik dit zou kunnen doen? Dus zonder t.net te saven en de HTML aan te passen...
Je kunt met de inspector (F12 of rechtsklik "Inspect Element") naar de <head> tag gaan en daar alle <link rel="stylesheet" tags selecteren en deleten.

Anyone who gets in between me and my morning coffee should be insecure.
Breng nu uw applicatie naar de kloot. Dat is veel beter! Nu samen met klootopslag. Voor maar €9,95. Doei doei!


  • Ramon
  • Registratie: juli 2000
  • Laatst online: 00:22
MueR schreef op maandag 7 september 2020 @ 10:31:
[...]

Je kunt met de inspector (F12 of rechtsklik "Inspect Element") naar de <head> tag gaan en daar alle <link rel="stylesheet" tags selecteren en deleten.
Thanks maar ik had toch iets permanenters nodig. Nu met greasemonkey het volgende gedaan:

JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
// ==UserScript==
// @name     Remove styling tweakers
// @namespace       https://tweakers.net
// @version  1
// @grant    none
// ==/UserScript==

const links = [...document.querySelectorAll('link')]

links.forEach(link => {
    link.disabled = true
})

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/


  • Bastien
  • Registratie: augustus 2001
  • Niet online

Bastien

I don't mind

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. :P

You can't learn to tell the truth until you learn to lie


  • discy
  • Registratie: april 2008
  • Laatst online: 16-04 23:31

discy

Cloud Architect / C# Developer

[code="CSS"]
.chart span {
color: white !important;
}
[/code]


edit: O zit in in iFrame. niet zonder javascript.

[Voor 94% gewijzigd door discy op 27-10-2020 12:57]

Computerhulp Ede-Wageningen


  • Atheistus
  • Registratie: augustus 2009
  • Laatst online: 20-04 15:40
Ik heb nu dit:
code:
1
tweakers.net##.premium

Maar ook graag 'premium' toevoegen aan tr class 'headline news'. Dan ben ik klaar met premium.
Bedankt nog voor de toevoeging in de feed, dat is heel behulpzaam.

  • The Zep Man
  • Registratie: oktober 2003
  • Laatst online: 21-04 09:50
Atheistus schreef op donderdag 21 januari 2021 @ 16:15:
Maar ook graag 'premium' toevoegen aan tr class 'headline news'. Dan ben ik klaar met premium.
Bedankt nog voor de toevoeging in de feed, dat is heel behulpzaam.
Dat is er toch al? Table rows met classes headline en news die ook premium zijn, zijn ook van class 'premium'.

Begin vorige maand had ik al wat filters genoemd, die ook die rijen verbergen. Echter denk ik dat nu enkel
code:
1
tweakers.net##[class*="premium"]
nodig zou zijn.

[Voor 25% gewijzigd door The Zep Man op 21-01-2021 16:56]

Over T.net Plus verbergen


  • Atheistus
  • Registratie: augustus 2009
  • Laatst online: 20-04 15:40
The Zep Man schreef op donderdag 21 januari 2021 @ 16:53:
[...]
Dat is er toch al? Table rows met classes headline en news die ook premium zijn, zijn ook van class 'premium'.

Begin vorige maand had ik al wat filters genoemd, die ook die rijen verbergen. Echter denk ik dat nu enkel
code:
1
tweakers.net##[class*="premium"]
nodig zou zijn.
Oh ja, niet gezien. Dank je!
Lekker rustig zo zonder die idioterie.

  • IWriteCode
  • Registratie: juli 2000
  • Laatst online: 21-04 13:25

IWriteCode

Less = more

The Zep Man schreef op donderdag 21 januari 2021 @ 16:53:
Dat is er toch al? Table rows met classes headline en news die ook premium zijn, zijn ook van class 'premium'.

Begin vorige maand had ik al wat filters genoemd, die ook die rijen verbergen. Echter denk ik dat nu enkel
code:
1
tweakers.net##[class*="premium"]
nodig zou zijn.
Held van de dag! Gisteren 3 premium artikelen op de site... blij dat ik het eraf kan filteren.

Less = more


  • Gomez12
  • Registratie: maart 2001
  • Laatst online: 01-04 12:22
Atheistus schreef op donderdag 21 januari 2021 @ 16:15:
Ik heb nu dit:
code:
1
tweakers.net##.premium

Maar ook graag 'premium' toevoegen aan tr class 'headline news'. Dan ben ik klaar met premium.
Bedankt nog voor de toevoeging in de feed, dat is heel behulpzaam.
Toch vind ik dit wel ultiem triest...

Ook al zullen waarschijnlijk nog niet eens 100 man deze custom css erin zetten, toch is het ultiem triest dat je als site iets nieuws introduceert voor je bezoekers en dat je bezoekers gewoon echt actief gaan zoeken naar manieren om het niet in beeld te krijgen...

  • ed1703
  • Registratie: januari 2010
  • Niet online
Gomez12 schreef op vrijdag 22 januari 2021 @ 10:04:
[...]

Toch vind ik dit wel ultiem triest...

Ook al zullen waarschijnlijk nog niet eens 100 man deze custom css erin zetten, toch is het ultiem triest dat je als site iets nieuws introduceert voor je bezoekers en dat je bezoekers gewoon echt actief gaan zoeken naar manieren om het niet in beeld te krijgen...
Nouja, ik heb het ook doorgevoerd. Ik doe dit omdat ik liever niet een nieuwsoverzicht wil met links wat ik straks toch niet kan lezen. Wat daar "triest" aan is mis ik even.

Ik schrijf soms wat vaag door dyslexie


  • Gomez12
  • Registratie: maart 2001
  • Laatst online: 01-04 12:22
ed1703 schreef op vrijdag 22 januari 2021 @ 10:11:
[...]

Nouja, ik heb het ook doorgevoerd. Ik doe dit omdat ik liever niet een nieuwsoverzicht wil met links wat ik straks toch niet kan lezen. Wat daar "triest" aan is mis ik even.
Ik vind het niet zozeer triest vanuit de users-kant, meer vanuit de t.net kant.

Je introduceert iets nieuws en je users gaan het actief uit het zicht halen. Heb je enig idee hoe lui de gemiddelde user is / hoe bont je het moet maken om dit soort initiatieven te laten ontstaan?

  • The Zep Man
  • Registratie: oktober 2003
  • Laatst online: 21-04 09:50
Gomez12 schreef op vrijdag 22 januari 2021 @ 10:04:
Ook al zullen waarschijnlijk nog niet eens 100 man deze custom css erin zetten, toch is het ultiem triest dat je als site iets nieuws introduceert voor je bezoekers en dat je bezoekers gewoon echt actief gaan zoeken naar manieren om het niet in beeld te krijgen...
HTTP, HTML, CSS, ... zijn pull gebaseerd, niet push. Als een gebruiker iets niet wilt zien, dan hoeft die het niet te zien.

Hate the game, not the players. 8) :+

Over T.net Plus verbergen


  • Paul
  • Registratie: september 2000
  • Laatst online: 23:11
Gomez12 schreef op vrijdag 22 januari 2021 @ 10:04:
toch is het ultiem triest dat je als site iets nieuws introduceert voor je bezoekers en dat je bezoekers gewoon echt actief gaan zoeken naar manieren om het niet in beeld te krijgen...
We zijn natuurlijk wel Tweakers :) Er lopen er hier een heleboel rond van de generatie "geen poespas" en "opbokken met al die whitespace". Het verbergen van dingen die je niet wil zien past daar precies in straatje.

Als ik de argumenten zo lees dan is het niet omdat het nieuw is; genoeg nieuwe dingen die wel met open armen ontvangen worden. Het gaat hier vooral om betaalde content die vooralsnog vrij beschikbaar is. Aan de ene kant denk ik: Doe je voordeel met die artikelen (want er zit zo te zien wel echt meer werk in; de rest is veel copy/paste), aan de andere kant snap ik dat mensen het dan liever nu ook niet zien.

Ieder gebruikt de site op een andere manier. Zelf gruwel ik van grote blokken niks, of grote blokken met één ding (zeker als dat ook al ergens anders staat) dus ik heb zelf .inBetweenContent en .fpAnkeiler op display: none staan.

Ik vind het prima als de designers denken dat ze daarmee meer views genereren voor de artikelen die ze daar plaatsen (en waarschijnlijk hebben ze nog gelijk ook), maar ik zie liever meer artikelen in de lijst zonder te hoeven scrollen.

Ah, je bedoelt de andere kant op :) Tja, eens :P :)

"Your life is yours alone. Rise up and live it." - Richard Rahl
Rhàshan - Aditu Sunlock


  • The Zep Man
  • Registratie: oktober 2003
  • Laatst online: 21-04 09:50
Nieuwe regels om Premium beter te verbergen:

code:
1
2
tweakers.net##.premium
tweakers.net##tr:has(td:has(div.premium))


Dit verbergt ook lege regels in het nieuwsoverzicht. Tevens is de eerste regel (die refereert naar elk soort element met class 'premium') versimpeld, omdat classes niet expliciet als attribuut opgegeven hoeven te worden. Dat heb ik ook verwerkt in de tweede regel.

Dit is een combinatie van:
https://www.w3.org/TR/selectors-3/
https://adblockplus.org/filter-cheatsheet
https://stackoverflow.com...lement-with-a-given-child

Ik wilde geen ABP specifieke regels toepassen (gebruik ik niet), dus kwam hierop uit.

[Voor 13% gewijzigd door The Zep Man op 22-01-2021 11:27]

Over T.net Plus verbergen


  • Atheistus
  • Registratie: augustus 2009
  • Laatst online: 20-04 15:40
Gomez12 schreef op vrijdag 22 januari 2021 @ 10:57:
[...]

Ik vind het niet zozeer triest vanuit de users-kant, meer vanuit de t.net kant.

Je introduceert iets nieuws en je users gaan het actief uit het zicht halen. Heb je enig idee hoe lui de gemiddelde user is / hoe bont je het moet maken om dit soort initiatieven te laten ontstaan?
Oh zo ja, dan ben ik het wel met je eens. Overigens stond dit gewoon in het topic waar het voor bedoeld was (Premium), maar de 'content censuur' heeft hier naartoe verbannen (omdat er inderdaad maar een paar mensen naar kijken en ook nog vaak omdat ze toch al betalen).

Maar nog even op de inhoud, het hele 'Premium' verhaal is helemaal niet begonnen om 'iets nieuws' te introduceren, maar om gewoon geld binnen te harken.
Het wordt alleen gedaan met zeer matige content die alleen maar langer is (slechte wijn in grotere zakken).

Zo, nu gaat dit weer grotendeels over 'Premium' en dus kan de censor het weer terugplaatsen.
Modbreak:Neu, "de censor" gaat je gewoon vertellen het hier on-topic te houden.

[Voor 3% gewijzigd door RobIII op 22-01-2021 15:50]

Pagina: 1 ... 18 19 20 Laatste


Apple iPhone 12 Microsoft Xbox Series X LG CX Google Pixel 5 Sony XH90 / XH92 Samsung Galaxy S21 5G Sony PlayStation 5 Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True