Tweakers 7.5 - v1.1.2

Door _eXistenZ_ op dinsdag 23 oktober 2012 00:02 - Reacties (57)
Categorie: Updates, Views: 5.127

Versie 1.1.2 van Tweakers 7.5 staat online, met de volgende wijzigingen:

Bugfixes:
  • tweakers.net/videos: StreamOne-logo verplaatst buiten het zoekveld
  • tweakers.net/over_tweakers: pagina gefixt, was een bende geworden :+
Features:
  • De topicstarter heeft in een topic een iets donkerder grijze balk
  • Heb de kleuren op GoT overgenomen van CptChaos, maar dan met CSS3-backgrounds :)
  • Op verschillende pagina's die ik nog niet gedaan heb heb ik de bottom margin van het onderste content-element afgehaald, staat weer wat strakker.
Known bugs:
  • Als je nu de diff bekijkt is qua spatiëring het een bende geworden, trek ik weer recht in de volgende release
  • Op korte pagina's komt de footer omhoog schuiven ipv sticky aan de bodem van je scherm te zitten. Dit kreeg ik niet anders goed, maar vind de mooiere onderkant die ik onlangs geintroduceerd heb (ronde randjes, het witte staat los van de footer) zwaarder wegen dan korte pagina's. Zoveel zijn het er niet :)
http://exhost.nl/etc/tweakers.net/tweakers7_style_topic/tweakers-ex-9.jpg

De links voor het userscript en de sourcecode staan rechts in de balk -->

Als je nu de diff bekijkt is qua spatiëring het een bende geworden: http://userscripts.org/scripts/diff/150491/518643, maar dat trek ik wel weer recht in de volgende release :)

Ik ben de rest van jullie nog niet vergeten, maar loop elke dag effe door de replies heen (wat er veel meer zijn dan ik ooit had durven hopen, thx voor alle leuke berichten!) en fix degenen waarvan ik denk dat ze het meeste draagvlak hebben binnen de community, requests die heel specifiek zijn schuif ik wat naar onder op de backlog :)

Iig, morgen verder, nu ben ik Minecraften :+

Volgende: Tweakers 7.5 - v1.1.3 10-'12 Tweakers 7.5 - v1.1.3
Volgende: Tweakers 7.5 - v1.1.1 10-'12 Tweakers 7.5 - v1.1.1

Reacties



Door Tweakers user _eXistenZ_, dinsdag 23 oktober 2012 00:08

Je bent zo lekker bezig, Freek! :Y)

Door Tweakers user CH4OS, dinsdag 23 oktober 2012 00:10

Moet eerlijkheidshalve bekennen, dat ik de kleuren weer in de custom CSS van een ander tegen kwam van JosVanE.

Zelf heb ik trouwens
Cascading Stylesheet:
1
2
3
4
.twitterButton, .facebookButton
{
    display: none;
}

toegevoegd, om de Facebook en Twitter knoppen te verwijderen.

Verder: Keep up the good work Existenz!

[Reactie gewijzigd op dinsdag 23 oktober 2012 00:13]


Door Tweakers user HaTe, dinsdag 23 oktober 2012 00:13

Doe je er bij de volgende ook even een MyReact knopje bij? :>

code:
1
2
3
var innerDiv = $('#userbar').find('div');
var innerUL = $(innerDiv).find('ul');
$('<li><a href="http://gathering.tweakers.net/forum/myreact">MyReact</a></li>').prependTo(innerUL);


code van sanderev66

[Reactie gewijzigd op dinsdag 23 oktober 2012 00:14]


Door Tweakers user _eXistenZ_, dinsdag 23 oktober 2012 00:14

Die ga ik er niet uitketsen, zijn klein en staan niet echt in de weg, en ik wil deze style voor zo'n breed mogelijk publiek maken (maar dan niet op de manier hoe Tweakers dat zelf doet :+) door als het effe kan er niks uit te slopen wat anderen willen gebruiken wellicht :) Iig, bedankt JosVanE en CptChaos dan maar :)

Door Tweakers user _eXistenZ_, dinsdag 23 oktober 2012 00:18

@ HaTe
gaat niet want dan zit de zoekbalk in de weg, die is 320px breed, en ik probeer de JS tot een minimum te beperken. Enige uitzondering tot nu toe vond ik wel de inline tracker die echt niet anders te doen was, maar hoop de rest toch met CSS op te lossen :)

@ Iedereen:
Wat je heel makkelijk kunt doen is je eigen userscript aanmaken naast die van mij, en daar dingen zoals knopjes hiden, buttons toevoegen, etc. Je kunt gewoon meerdere userscripts naast elkaar hebben draaien op 1 pagina! Zo kun je mijn vanilla Tweakers 7.5 draaien, en toch daar je eigen draai nog aan geven. Voorbeeldcode om CSS te adden vanuit een userscript zit al inde source van Tweakers 7.5 zelf :)

Door Tweakers user CH4OS, dinsdag 23 oktober 2012 00:20

De layout voorkeuren zijn (bij mij, FF 16.0.1) wel een beetje sucky, met de custom CSS uit heb ik er geen last van.

[Reactie gewijzigd op dinsdag 23 oktober 2012 00:21]


Door Tweakers user Zanbee, dinsdag 23 oktober 2012 01:20

Hartelijk bedankt _eXistenZ_ dit maakt tweakers weer een stuk prettiger om te bezoeken.

Door Tweakers user Jogai, dinsdag 23 oktober 2012 08:55

Is dit niet een mooi project om op github te zetten? Zo te zien zijn er genoeg mensen die willen forken omdat ze nog net wat kleine extra's willen of net iets andere implementaties.

Door Tweakers user _eXistenZ_, dinsdag 23 oktober 2012 09:13

Zal es ff zien dat ik em straks op Github zet, voor mij ook makkelijker omdat ik alleen pull requests hoef goed te keuren :P

Door Tweakers user _eXistenZ_, dinsdag 23 oktober 2012 09:14

En dan pof ik zelf wel de releases weer op userscripts.org :)

Door Tweakers user Gunner, dinsdag 23 oktober 2012 10:25

Heb de code in m'n voorkeuren geplaatst, maar de kleuren zie ik niet op het forum. Of moet ik hiervoor een externe tool hebben binnen Firefox?

Verder; goed bezig!

Door Tweakers user _eXistenZ_, dinsdag 23 oktober 2012 10:31

Nee valt mij ook op op m'n werk, ik zie de kleuren ook niet :o Thuis wel, dus iets gaat niet goed, vanavond even nakijken... :S

Door Tweakers user Gunner, dinsdag 23 oktober 2012 10:34

Gelukkig ligt het niet aan mij :)

Verzoekje; is het misschien voor de leesbaarheid een idee om bijvoorbeeld op het forum, in bijvoorbeeld de Active Topics wat meer ruimte tussen de verschillende topics te maken? Ik heb het gevoel alsof de regels heel dicht op elkaar zitten.

Door Tweakers user CLB, dinsdag 23 oktober 2012 10:39

_eXistenZ_ schreef op dinsdag 23 oktober 2012 @ 10:31:
Nee valt mij ook op op m'n werk, ik zie de kleuren ook niet :o
Thuis wel, dus iets gaat niet goed, vanavond even nakijken... :S
Hier ook geen kleuren...
Chrome 22.0.1229.94m met Tampermonkey 2.6.2767 op 'n Full HD scherm...

En in de PW gaat het fout bij de zoekbalk, alles overlapt aan de rechterkant:
Screenie: http://tweakers.net/ext/f/wju90BrwqHbhO9hgbPRi9gpU/full.jpg

[Reactie gewijzigd op dinsdag 23 oktober 2012 10:50]


Door Tweakers user JohnD1, dinsdag 23 oktober 2012 12:42

mm, in de verkeerde versie mijn response gezet. (1.1.1)

Je kan de tracker automatisch refreshen door een klein stukje code aan te passen
Code wordt helaas niet correct weergegeven als ik hem hier paste .... dus je moet het halen uit http://userscripts.org/scripts/show/150717 (onderste 2 functies)

Enige wat je moet veranderen is de locatie van de tracker als je hem op de 2e kolom wil laten staan, bij mij staat hij voor de content dus ik gebruik #contentArea
Eventueel ook een testje of een bepaalde div.id aanwezig is als je de tracker alleen op de frontpage wil hebben.

Let wel: bij firefox werkt de tracker niet op de forum pagina... ligt niet aan de code, maar aan de tweakers forum code..... werkt wel onder chrome.

Als het niet lukt, wil ik hem ook wel even ombouwen voor je huidige layout.

Door Tweakers user _eXistenZ_, dinsdag 23 oktober 2012 12:53

Nice, had er nog geen tijd voor gehad om een auto-updateje te schrijven... moet geen probleem zijn om deze even te porten naar men eigen theme :)

Door Tweakers user PromWarMachine, dinsdag 23 oktober 2012 13:12

Geweldige versie _eXistenZ_!
Helaas zijn de kleurtjes bij mij (ook) niet zichtbaar @ FF 15.0.1.

Nog wel een vraag / verzoek / verbetering bij de topic view:
Kan dat wit rechts naast het topic ook nog iets donkerder?

Door Tweakers user HaTe, dinsdag 23 oktober 2012 13:15

_eXistenZ_ schreef op dinsdag 23 oktober 2012 @ 00:18:
@ HaTe
gaat niet want dan zit de zoekbalk in de weg, die is 320px breed, en ik probeer de JS tot een minimum te beperken. Enige uitzondering tot nu toe vond ik wel de inline tracker die echt niet anders te doen was, maar hoop de rest toch met CSS op te lossen :)
Zit de zoekbalk in de weg? Met dat stukje code wat ik poste komt hij in het submenu van je 'naam', en dan boven "mijn profiel".
Ik heb het in ieder geval handmatig aangepast en werkt perfect icm jouw code :)

Door Tweakers user CH4OS, dinsdag 23 oktober 2012 13:32

Hier op mijn werk doen de kleuren het wel binnen Firefox 16.0.1 (portable, IE default browser en te weinig rechten :(). Ik vermoed dus dat het een browser CSS3 gradient issue is.

[Reactie gewijzigd op dinsdag 23 oktober 2012 13:52]


Door Tweakers user JohnD1, dinsdag 23 oktober 2012 13:57

HaTe schreef op dinsdag 23 oktober 2012 @ 13:15:
[...]

Zit de zoekbalk in de weg? Met dat stukje code wat ik poste komt hij in het submenu van je 'naam', en dan boven "mijn profiel".
Ik heb het in ieder geval handmatig aangepast en werkt perfect icm jouw code :)
Misschien gewoon de zoekbalk verplaatsen naar boven het menu, zat ruimte in dat rode vlak
De vraag is meer of je het mooi vindt of niet.

Door Tweakers user _eXistenZ_, dinsdag 23 oktober 2012 15:06

Ah woei, ik zit idd nog op Fx 15.0.1 op m'n werk :)
/edit: dat is het probleem. Firefox 15.0.1 pakt em niet op, Fx 16.0.1 wel :) allemaal dus even op updates checken :) Ik zet het er bij in de blogpost.

[Reactie gewijzigd op dinsdag 23 oktober 2012 15:08]



Door Tweakers user HaTe, dinsdag 23 oktober 2012 15:31

JohnD1 schreef op dinsdag 23 oktober 2012 @ 13:57:
[...]


Misschien gewoon de zoekbalk verplaatsen naar boven het menu, zat ruimte in dat rode vlak
De vraag is meer of je het mooi vindt of niet.
Heh? Het werkt toch goed zoals het is?
Kijk maar, met dat stukje code wat ik poste ziet het er prima uit en ik vind het super handig: https://dl.dropbox.com/u/21558454/myreactknopje.PNG


Door Tweakers user arjen9551, dinsdag 23 oktober 2012 18:29

Klopt het dat die kleuren ook niet werken op Firefox 17.0? Heb userscript in Greasemonkey (versie 1.4) staan, firefox 7, win 7, maar geen kleuren..

Door Tweakers user TerraGuy, dinsdag 23 oktober 2012 18:31

very nice :) Inline tracker is ideaal voor mijn netbookje :) kweeniet of je dat met 'spatiëring' bedoelt, maar de regelafstanden zijn nu net wat té krap, op de frontpage en in sommige TS op het forum. Maar dat is nog uitstekend te fixen, het werkt al een stuk plezieriger zo. :)

Hmm, verder ben ik nog steeds niet gewend aan hoe de reacties vormgegeven zijn bij nieuwsberichten. De 'reageer'-knop heeft op mijn laptops dezelfde kleur als de tekst (op mijn IPS-scherm istie wel blauw) en is even groot; je zou zeggen dat kleiner, grijzer, underlined ofzo beter zou werken. En een +2 of +3 reactie heeft een border, de rest niet, wat ik zelf inconsistent en wat rommelig over vindt komen. Nou ja, leuk dat je dat allemaal zelf aan kan passen als iets je niet bevalt. :)

Door Tweakers user NjitsSs, dinsdag 23 oktober 2012 18:41

Goed bezig, zo had Tweakers ontworpen moeten zijn! :)

Door Tweakers user CH4OS, dinsdag 23 oktober 2012 22:01

Zojuist ook geconstateerd dat de omschrijvingen van forums niet helemaal lekker weergegeven worden. :) Zie bijvoorbeeld Mededelingenforum

[Reactie gewijzigd op dinsdag 23 oktober 2012 22:01]


Door Tweakers user locke960, dinsdag 23 oktober 2012 23:48

Dat auto update trackerprobleem waar JohnD1 het over had in je v1.1.1 blog ben ik ook tegen aangelopen.

Wat de oorzaak precies is weet ik ook niet, waarschijnlijk iets vaags crossdomain beveiliging gerelateerd ofzo, maar ik denk dat ik het wel heb opgelost.
http://userscripts.org/scripts/show/150835

Door Tweakers user _eXistenZ_, dinsdag 23 oktober 2012 23:57

Er zit bij mij gewoon geen code in om te autoupdaten ;) Dat moet ik er nog effe aan toevoegen en stond nog op men lijstje :)

Door Tweakers user JohnD1, woensdag 24 oktober 2012 11:23

_eXistenZ_ schreef op dinsdag 23 oktober 2012 @ 23:57:
Er zit bij mij gewoon geen code in om te autoupdaten ;) Dat moet ik er nog effe aan toevoegen en stond nog op men lijstje :)
Ik heb de Tracker automatische refresh code weer vernieuwd, volgens mij werkt het nu ook in firefox.
Code staat weer in de laatste 2 functies van http://userscripts.org/scripts/show/150717

Daar staat ook hoe je simpel de #fpaItems kan verplaatsen naar de secondColumn, dan is er geen float:right nodig (3 regels) in onderste functie) en blijft hij binnen de div van secondColumn

Door Tweakers user DeMolT., woensdag 24 oktober 2012 12:07

Bij deze vernoem ik je tot mijn persoonlijke held van de dag, Tweakers is ineens weer bruikbaar dankzij jou CSS / Aanpassingen!

_/-\o_

Door Tweakers user CLB, woensdag 24 oktober 2012 14:41

Kun je er ook voor zorgen dat de mouse-cursor gelijk in
het 'zoek in de PriceWatch' vakje staat als ik naar de PriceWatch ga?

Of is dat geen CSS shizzle?

Door Tweakers user Der Rudi, woensdag 24 oktober 2012 16:22

kijk, dat is nu een heel mooie ;-)

is het ook mogelijk om bij de tracker de 'Instellingen' link te zien en te gebruiken?

Door Tweakers user HaTe, woensdag 24 oktober 2012 18:42

Als je over het hele forum tabs wilt hebben, moet je dit stukje code toevoegen:

code:
1
2
3
4
if($("#forum_tabs").length == 0)
{
    $("#forumheading").prepend('<div id="forum_tabs"><div class="pageTabs"><ul><li id="tab_forum_main" class="active"><a href="http://gathering.tweakers.net/forum">Forumlijst</a></li><li id="tab_forum_activetopics"><a href="http://gathering.tweakers.net/forum/list_activetopics">Active topics</a></li><li id="tab_forum_bookmarks"><a href="http://gathering.tweakers.net/forum/list_bookmarks">Bookmarks</a></li>                <li id="tab_forum_myreact"><a href="http://gathering.tweakers.net/forum/myreact">Myreact</a></li><li id="tab_forum_faq"><a href="http://gathering.tweakers.net/forum/faq">Faq</a></li></ul></div></div></div>');
}


Door de echte flush, woensdag 24 oktober 2012 19:20

Ik kijk al uit naar de tracker :D (voor kleinere resoluties)
Persoonlijk heb ik nog wat opmerkingen (al apprecieer is zeker jullie harde werk, en zeker de reacties op user input!)
- kunnen de devers eens een product review schrijven, het venstertje voor de eigenlijke review is véél te klein (kleiner als het venstertje waar ik nu in tik). Wat het zeer onaangenaam en onduidelijk maakt.
- Is de zoek functie "zoeken in dit topic" er nog, of kijk ik er gewoon naast?

Door Tweakers user Hakker, woensdag 24 oktober 2012 19:51

hier is het true logo nog op de oude plek terwijl de rest wel netjes verschoven is.

Door Tweakers user CLB, woensdag 24 oktober 2012 20:21

HaTe schreef op woensdag 24 oktober 2012 @ 18:42:
Als je over het hele forum tabs wilt hebben, moet je dit stukje code toevoegen:

code:
1
2
3
4
if($("#forum_tabs").length == 0)
{
    $("#forumheading").prepend('<div id="forum_tabs"><div class="pageTabs"><ul><li id="tab_forum_main" class="active"><a href="http://gathering.tweakers.net/forum">Forumlijst</a></li><li id="tab_forum_activetopics"><a href="http://gathering.tweakers.net/forum/list_activetopics">Active topics</a></li><li id="tab_forum_bookmarks"><a href="http://gathering.tweakers.net/forum/list_bookmarks">Bookmarks</a></li>                <li id="tab_forum_myreact"><a href="http://gathering.tweakers.net/forum/myreact">Myreact</a></li><li id="tab_forum_faq"><a href="http://gathering.tweakers.net/forum/faq">Faq</a></li></ul></div></div></div>');
}

En waar in de code van Existenz, moet ik deze pasten :p

Door Tweakers user HaTe, woensdag 24 oktober 2012 20:52

Maakt niks uit waar ;) Natuurlijk wel rekening houdend met de verschillende 'delen' code.

Bijvoorbeeld gelijk onder "// ==/UserScript==" en boven "GM_addStyle((<><![CDATA["

[Reactie gewijzigd op woensdag 24 oktober 2012 20:54]


Door Tweakers user CLB, woensdag 24 oktober 2012 20:54

HaTe schreef op woensdag 24 oktober 2012 @ 20:52:
Maakt niks uit waar ;) Bijvoorbeeld gelijk onder "// ==/UserScript==" en boven "GM_addStyle((<><![CDATA["
Jij bent echt mijn tweede held, dit is CHILL!! *WHOOOOPIE*
Nu nog die FAQ weg en m'n 'Posthistory' erbij, even kijken of mij dat lukt :)

EDIT: Dan wordt het dit, CSS van Existenz, tabjes via HaTe, kleurtje via CLB:
http://tweakers.net/ext/f/sWBJCJvSNkBI7fLAy7FELKmb/full.jpg _/-\o_

[Reactie gewijzigd op woensdag 24 oktober 2012 22:24]


Door Tweakers user mistral2, donderdag 25 oktober 2012 09:52

Weet niet of het al gemeld is of of idt de goede plek is, maar

kunnen die 'pricewatch' en 'it-banen' blokken niet gewoon weg. Het is nu zo'n beetje vlakvulling om dat het er altijd hetzelfde uitziet en niets toevoegd.

Het is totaal niet Interessant wat de populairste pricewatch categorien zijn. De oude info met de laatste te paar prijzen van een paar producten was veel zinvoller.

Wat heb je aan een lijstje met IT-banen als dat lijstje alleen maar uit categorien bestaat. Voor de echte info moet je toch weer doorklikken. Laat dan de laatste nieuwe banen zien of zo.
Maar veel beter is om banen ergens onder 'meer' te hangen en in plaats van het huidige blokje weer de meuktracker te zetten. Ik kom hier in de eerste plaats voor technische informatie. Als ik een baan zoek ga ik wel gerichter te werk om een baan te zoeken.

Door Tweakers user Jk_W, donderdag 25 oktober 2012 10:05

Thanks voor dit script! Ik heb net mijn karma gebruikt om de 'custom CSS' functie op Tweakers te kopen en heb jouw source als custom CSS gebruikt.

Ik heb er echter ook last van dat er geen kleurtjes worden weergegeven bij de verschillende fora en de achtergrondkleur is ook wit. Voor de rest werkt alles perfect.

Ik gebruik Chrome 22.0.1229.94 m (laatste versie); weet iemand waar dit aan kan liggen?

Door Tweakers user HaTe, donderdag 25 oktober 2012 21:05

Ivm met de nieuwe topicsearch werkt het zoekding niet meer lekker. Ik vond eigenlijk niks mis met de originele implementatie. Hier is mijn CSS:

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
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
#mynotepad textarea {
height: 50%;
}

/*
 * Global styles
 */

body {
    background: #444;
}

#layout {
    min-height: 100%;
}

h1, h2, h3, p {
  margin: 0 0 10px;
}

#menubar {
    width: 1020px;
    border-radius: 8px 8px 0 0;
    height: 32px;
    margin-bottom: 36px;
    z-index: 2;
}


#searchbar {
    width: 1020px;
    margin: 0 auto;
}

.galleryHeadingContainer, /* High header content */
.pageTabsContainer,
.notificationsContainer,
#tabs,
#tweakbase {
    position: relative;
    margin: 0 auto;
    width: 1020px;
}

.notificationsContainer {
    padding-top: 62px;
}

#b_tb { /* DELETED */ }

#contentArea {
    background: #fff;
    border-radius: 0 0 8px 8px;
    margin-bottom: 20px;
    padding: 24px 20px 20px;
}

#bottom {
    position: relative;
}

    #bottom .hr {
        display: none;
    }

/*
 * End of Global styles
 */

/*
 * Frontpage
 */

#contentArea >  #fpaItems {
    margin-bottom: 10px;
    float: right;
    width: 330px;
    border: 1px solid #dddede;
    background: linear-gradient(#F5F6F6, #EDEEEE) repeat scroll 0 0 #EDEEEE;
    padding: 2px;
}

        #contentArea >  #fpaItems .fpaItem {
            float: left;
            width: 161px;
            margin: 1px !important;
            height: 122px;
            border: 1px solid #dddede;
            position: relative;
        }

            #contentArea >  #fpaItems .fpaItem div.imageContainer {
                width: 100%;
            }

                #contentArea >  #fpaItems .fpaItem img {
                    margin-left: -42px;
                }

            #contentArea >  #fpaItems .fpaItem div.textContainer {
                background-color: rgba(0,0,0, 0.5);
                color: #fff;
                width: 100%;
                height: auto;
                font-size: 12px;
                line-height: 1.4em;
                padding: 4px;
                position: absolute;
                bottom: 0;
            }

#fp_tabs_container {
    margin-bottom: 10px;
    height: 31px;
}

#fp_tabs {
    padding-top: 0;
}

table.highlights {
    margin-bottom: 15px;
}

    table.highlights td {
        padding: 3px 0;
    }

.secondColumn .fpItem {
  margin-bottom: 10px;
}

.secondColumn .fpItem:last-child {
  margin-bottom: 0;
}

#inlineTracker {
    background: linear-gradient(#F5F6F6, #EDEEEE) repeat scroll 0 0 #EDEEEE;
    border: 1px solid #DDDEDE;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.33) inset;
    padding: 15px 15px 17px;
}

    #inlineTracker h4{
        margin: 7px 0;
    }

    #inlineTracker ul{
        padding-left: 0;
        margin: 0;
    }
    
    #inlineTracker .time{
        margin-right: 10px;
    }


/*
 * End of frontpage
 */

/*
 * Article detail page
 */
 
.articleColumn {
    line-height: 1.4em;
}
 
/*
 * End of article detail page
 */

/*
 * User galleries
 */
 
.galleryHeading .karma {
    padding-top: 0;
}

    .galleryHeading .karma p {
        display: inline;
        margin-right: 5px;
    }
 
/*
 * End of user galleries
 */

/*
 * Direct Messages
 */

#title .actionbutton.sendreply,
#title .actionbutton.newmessage {
    position: relative;
    top: 14px;
}
 
/*
 * End of Direct Message
 */

/*
 * News articles
 */

.newsArticleColumn .newsSubmitButton {
    position: relative;
    top: 34px;
}
 
/*
 * End of news articles
 */
 
/*
 * GoT
 */

#forum_tabs {
    padding-top: 0;
}

.reactie {
    line-height: 1.4em;
}

#community li {
    padding: 5px 0;
}

#content .forumList:last-child table.listing {
    border: 10px solid #fc0;
    color: #65f;
    margin-bottom: 0;
}
    table.listing td,
    table.listing th {
        padding: 2px 5px;
    }

    table.listing td.tags {
        overflow: hidden;
        white-space: nowrap;
    }

.channelHeader {
    display: none;
}

#messages, .topic_actions { 
    overflow: hidden;
}
    div.message .messageheader {
        background-color: #ddd;
    }

    div.message {
        margin-bottom: 0px;
        line-height: 1.4em;
        border-top: 0;
        border-radius: 0;
    }   
 
#title { 
    height: 50px;
}

    #title p.mods {
        display: none; 
    }

.pagecounter {
    margin-top: 10px;
}

#footer .breadcrumb {
    margin-bottom: 0;
}

div.message.topicstarter .messageheader {
    background-color: #ccc;
}

/* Background colors on the right categories */
.forumList:nth-child(3) table.listing th {
    background: linear-gradient(#db2252, #b5012e) repeat scroll 0 0 #c20c3b;
}
.forumList:nth-child(4) table.listing th {
    background: linear-gradient(#673c87, #4c2a66) repeat scroll 0 0 #553070;
}
.forumList:nth-child(5) table.listing th {
    background: linear-gradient(#24b635, #1c8c29) repeat scroll 0 0 #21a931;
}
.forumList:nth-child(6) table.listing th {
    background: linear-gradient(#ff6d26, #ff4800) repeat scroll 0 0 #ff560e;
}
.forumList:nth-child(7) table.listing th {
    background: linear-gradient(#00b689, #14a985) repeat scroll 0 0 #0fad85;
}
.forumList:nth-child(9) table.listing {
    margin-bottom: 0 !important;
}

/*
 * End of GoT
 */
 
/*
 * About tweakers page
 */
 
.article #fpaItems:last-child {
    margin-bottom: 0;
}

/*
 * End of about tweakers page
 */


Door Tweakers user SaiBork, donderdag 25 oktober 2012 21:30

In Chrome 24.0.1305.3 dev-m geen kleuren in het forum, maar toch is dit al beter dan de standaard! Ga zo door :)

Door Tweakers user locke960, donderdag 25 oktober 2012 21:34

kunnen die 'pricewatch' en 'it-banen' blokken niet gewoon weg.
Ja, je kan bijna alles weghalen. gewoon de betreffende regel toevoegen. (of beter, in een eigen script ernaast draaien.)
garantie tot de deur. :-)

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#jobs {display: none;}          /* geen IT-Banen */
#pricewatch {display:none;}     /* geen Pricewatch */
#poll {display: none;}          /* geen Poll */
#notifications {display: none;}     /* geen gele notifications bovenin */
#cookieBar {display: none;}     /* geen cookiebar */
#social {display: none;}        /* geen facebook/twitter gedoe */
#newsletter {display: none;}        /* geen signup voor de newsletter */
#searchbar {display: none; }        /* geen searchbar */
#highlights {display: none;}        /* geen highlights sectie meer */
#fpaItems {display: none;}      /* geen 4 plaatjes bovenin meer */
#fp_tabs_container {display: none;} /* geen tabs meer */
#menubar {display: none; }      /* geen zwarte menu balk meer */
#community {display: none;}     /* geen uit-de-community meer */
#bottom {display: none;}        /* geen zwarte balk aan de onderkant meer */


Als je bovenstaande er allemaal in stopt zie je alleen de nieuwsberichten zelf. kale bedoening.

Soortgelijke dingen kun je ook op andere pagina's doen. bijv op de artikel pagina:

code:
1
2
3
4
.relevancyColumn {display: none;}   /* verwijderd hele kolom rechts met releavnte zaken */
#relationbox {display: none;}       /* verwijderd alleen de Onderwerpen */
#productEditionPriceBlock {display: none;}  /* verwijderd alleen de prijzen */
.relatedContent {display: none;}        /* verwijderd alleen Gerelateerde Content */



En de partner logotjes naast de searchbar:

code:
1
2
#true {display: none; } /* Searchbar: Geen TRUE logo meer */
#streamone {display: none; }    /* Searchbar: geen StreamOne log meer * /


dingen die mis kunnen gaan:
1. Soortgelijke elementen verdwijnen ook van andere pagina's.
2. layout wordt verziekt.
3. problemen in combinatie met andere scripts.
4. ontploffende computers.

Al die dingen kun je gewoon uit de source van de pagina halen. Met de inspect functie van Firefox gaat dat nog gemakkelijk ook.

[Reactie gewijzigd op donderdag 25 oktober 2012 21:51]


Door Tweakers user locke960, vrijdag 26 oktober 2012 00:58

btw, hier mijn script: http://userscripts.org/scripts/show/150835

Vermoedelijk iets teveel van het goede voor de meeste mensen, maar misschien kun je er iets uithalen.

Door KroontjesPen, vrijdag 26 oktober 2012 11:17

Misschien is het beter nu even te wachten met aanpassingen. Nu ze van Tweakers ook bezig zijn gaan een aantal zaken door elkaar heen lopen.
Neem de nieuwe zoek mogelijk heden. Hierdoor wordt de lay-out redelijk verminkt door het 7,5 CSS. Dit zowel op het form als in meuktrecker.

Voor wat de /* Background colors on the right categories */ betreft ben ik toch terug gegaan naar een andere versie die hier bekend is.

code:
1
2
3
4
5
6
7
........
.forumList:nth-child(8) table.listing tr th{
/background: rgba(255, 90, 0,0.8);
background-image: -moz-linear-gradient(#21428B,#112551);
background-image: linear-gradient(#21428B,#112551);
}
..........



Dat ik de kleuren kan aan passen weet ik en zal niet moeilijk zijn. Wel mis ik .forumList:nth-child(8). Omdat ik niet weet wat repeat scroll 0 0 #xxxxxx; er achter doet en moet worden aangepast kan ik die zelf er niet tussen frommelen.

Door Tweakers user JohnD1, vrijdag 26 oktober 2012 18:16

locke960 schreef op vrijdag 26 oktober 2012 @ 00:58:
btw, hier mijn script: http://userscripts.org/scripts/show/150835

Vermoedelijk iets teveel van het goede voor de meeste mensen, maar misschien kun je er iets uithalen.
Leuk en herkenbaar, de mijne: http://userscripts.org/scripts/show/150717
Zelfde layout ongeveer.... ach dat is het leuke, je kan zaken kopieren en aanpassen om iets naar je eigen zin te maken.

Door Tweakers user stef1256, vrijdag 26 oktober 2012 21:15

JohnD1 schreef op vrijdag 26 oktober 2012 @ 18:16:
[...]

Leuk en herkenbaar, de mijne: http://userscripts.org/scripts/show/150717
Zelfde layout ongeveer.... ach dat is het leuke, je kan zaken kopieren en aanpassen om iets naar je eigen zin te maken.
Zalig die versie van jouw JohnD1, net wat ik zocht, weer een beetje vertrouwde omgeving :)

Door Tweakers user mindwarper, zaterdag 27 oktober 2012 12:02

Inderdaad JohnD1, dat is idd weer back to old school...

Heb zelf even kleine aanpassing gedaan... Lees even *leentje pik* gedaan - LOL van deze versie van locke960 (http://userscripts.org/scripts/show/150835).

Hierin had hij logo rechtsboven op de tweakerspagina (TRUE, StreamOne) weggemoffeld
heb even lijntjes code dus gekopieerd en geplakt in jouw versie en die dan in GreaseMonkey geladen :)
Past beter bij mijn NoSquint Full Zoom level van 120% :D

[Reactie gewijzigd op zaterdag 27 oktober 2012 12:10]


Door Tweakers user CLB, zaterdag 27 oktober 2012 16:15

Op basis van de 1.1.2 van _eXistenZ_ en met hulp / code van HaTe / Locke960 is dit het:

- Grotendeels code van _eXistenZ_
- Donkere achtergrond met schaduwrandje
- Verwijderde logo'tjes
- Opgeschoonde FP
- Searchbar Tweakers-style, gewoon gecentreerd in topic / PriceWatch enzovoort

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
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
GM_addStyle((<><![CDATA[ 
#mynotepad textarea { 
height: 50%; 
} 

/* 
 * Global styles 
 */ 

body { 
    background: #555; 
} 

#layout { 
    min-height: 100%; 
} 

h1, h2, h3, p { 
  margin: 0 0 10px; 
} 

#menubar { 
    width: 1020px; 
    border-radius: 8px 8px 0 0; 
    height: 32px; 
    margin-bottom: 36px; 
    z-index: 2; 
} 


#searchbar { 
    width: 1020px; 
    margin: 0 auto; 
} 

    #true {display: none; }     /* Searchbar: geen TRUE logo meer */
    #streamone {display: none; }    /* Searchbar: geen StreamOne log meer */

.galleryHeadingContainer, /* High header content */ 
.pageTabsContainer, 
.notificationsContainer, 
#tabs, 
#tweakbase { 
    position: relative; 
    margin: 0 auto; 
    width: 1020px; 
} 

.notificationsContainer { 
    padding-top: 62px; 
} 

#b_tb { /* DELETED */ } 

#contentArea { 
    background: #fff; 
    border-radius: 0 0 8px 8px; 
    margin-bottom: 20px; 
    padding: 24px 20px 20px; 
    box-shadow: 0 0 10px 7px #222;
} 

#bottom { 
    position: relative; 
} 

    #bottom .hr { 
        display: none; 
    } 

/* 
 * End of Global styles 
 */ 

/* 
 * Frontpage 
 */ 

#contentArea >  #fpaItems { 
    margin-bottom: 10px; 
    float: right; 
    width: 330px; 
    border: 1px solid #dddede; 
    background: linear-gradient(#F5F6F6, #EDEEEE) repeat scroll 0 0 #EDEEEE; 
    padding: 2px; 
} 

        #contentArea >  #fpaItems .fpaItem { 
            float: left; 
            width: 161px; 
            margin: 1px !important; 
            height: 122px; 
            border: 1px solid #dddede; 
            position: relative; 
        } 

            #contentArea >  #fpaItems .fpaItem div.imageContainer { 
                width: 100%; 
            } 

                #contentArea >  #fpaItems .fpaItem img { 
                    margin-left: -42px; 
                } 

            #contentArea >  #fpaItems .fpaItem div.textContainer { 
                background-color: rgba(0,0,0, 0.5); 
                color: #fff; 
                width: 100%; 
                height: auto; 
                font-size: 12px; 
                line-height: 1.4em; 
                padding: 4px; 
                position: absolute; 
                bottom: 0; 
            } 

// #fp_tabs_container {display: none;}  /* geen tabs meer */
#community {display: none;}     /* geen uit-de-community meer */
#jobs {display: none;}      /* geen IT-Banen */
// #pricewatch {display:none;}      /* geen Pricewatch */
// #poll {display: none;}       /* geen Poll */
#social {display: none;}        /* geen facebook/twitter gedoe */
#newsletter {display: none;}        /* geen signup voor de newsletter */

#fp_tabs_container { 
    margin-bottom: 10px; 
    height: 31px; 
} 

#fp_tabs { 
    padding-top: 0; 
} 

table.highlights { 
    margin-bottom: 15px; 
} 

    table.highlights td { 
        padding: 3px 0; 
    } 

.secondColumn .fpItem { 
  margin-bottom: 10px; 
} 

.secondColumn .fpItem:last-child { 
  margin-bottom: 0; 
} 

#inlineTracker { 
    background: linear-gradient(#F5F6F6, #EDEEEE) repeat scroll 0 0 #EDEEEE; 
    border: 1px solid #DDDEDE; 
    border-radius: 1px 1px 1px 1px; 
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.33) inset; 
    padding: 15px 15px 17px; 
} 

    #inlineTracker h4{ 
        margin: 7px 0; 
    } 

    #inlineTracker ul{ 
        padding-left: 0; 
        margin: 0; 
    } 
     
    #inlineTracker .time{ 
        margin-right: 10px; 
    } 


/* 
 * End of frontpage 
 */ 

/* 
 * Article detail page 
 */ 
  
.articleColumn { 
    line-height: 1.4em; 
} 
  
/* 
 * End of article detail page 
 */ 

/* 
 * User galleries 
 */ 
  
.galleryHeading .karma { 
    padding-top: 0; 
} 

    .galleryHeading .karma p { 
        display: inline; 
        margin-right: 5px; 
    } 
  
/* 
 * End of user galleries 
 */ 

/* 
 * Direct Messages 
 */ 

#title .actionbutton.sendreply, 
#title .actionbutton.newmessage { 
    position: relative; 
    top: 14px; 
} 
  
/* 
 * End of Direct Message 
 */ 

/* 
 * News articles 
 */ 

.newsArticleColumn .newsSubmitButton { 
    position: relative; 
    top: 34px; 
} 
  
/* 
 * End of news articles 
 */ 
  
/* 
 * GoT 
 */ 

#forum_tabs { 
    padding-top: 0; 
} 

.reactie { 
    line-height: 1.4em; 
} 

#community li { 
    padding: 5px 0; 
} 

#content .forumList:last-child table.listing { 
    border: 10px solid #fc0; 
    color: #65f; 
    margin-bottom: 0; 
} 
    table.listing td, 
    table.listing th { 
        padding: 2px 5px; 
    } 

    table.listing td.tags { 
        overflow: hidden; 
        white-space: nowrap; 
    } 

.channelHeader { 
    display: none; 
} 

#messages, .topic_actions {  
    overflow: hidden; 
} 
    div.message .messageheader { 
        background-color: #ddd; 
    } 

    div.message { 
        margin-bottom: 0px; 
        line-height: 1.4em; 
        border-top: 0; 
        border-radius: 0; 
    }     
  
#title {  
    height: 50px; 
} 

    #title p.mods { 
        display: none;  
    } 

.pagecounter { 
    margin-top: 10px; 
} 

#footer .breadcrumb { 
    margin-bottom: 0; 
} 

div.message.topicstarter .messageheader { 
    background-color: #ccc; 
} 

/* Background colors on the right categories */ 
.forumList:nth-child(3) table.listing th { 
    background: linear-gradient(#db2252, #b5012e) repeat scroll 0 0 #c20c3b; 
} 
.forumList:nth-child(4) table.listing th { 
    background: linear-gradient(#673c87, #4c2a66) repeat scroll 0 0 #553070; 
} 
.forumList:nth-child(5) table.listing th { 
    background: linear-gradient(#24b635, #1c8c29) repeat scroll 0 0 #21a931; 
} 
.forumList:nth-child(6) table.listing th { 
    background: linear-gradient(#ff6d26, #ff4800) repeat scroll 0 0 #ff560e; 
} 
.forumList:nth-child(7) table.listing th { 
    background: linear-gradient(#00b689, #14a985) repeat scroll 0 0 #0fad85; 
} 
.forumList:nth-child(9) table.listing { 
    margin-bottom: 0 !important; 
} 

/* 
 * End of GoT 
 */ 
  
/* 
 * About tweakers page 
 */ 
  
.article #fpaItems:last-child { 
    margin-bottom: 0; 
} 

/* 
 * End of about tweakers page 
 */
]]></>).toString());
]]></>).toString());



En dit draait nog in Tampermonkey voor m'n tabjes bovenaan / in topics / overal:

Cascading Stylesheet:
1
2
3
4
5
6
7
8
$("#forum_tabs").remove();
tabsHTML = '<div id="forum_tabs"><div class="pageTabs"><ul>\
<li id="tab_forum_main"><a href="http://gathering.tweakers.net/forum/list_activetopics">Active topics</a></li>\
<li id="tab_forum_activetopics"><a href="http://gathering.tweakers.net/forum/myreact">MyReact</a></li>\
<li id="tab_forum_notepad"><a href="http://gathering.tweakers.net/forum/myreact">NotePad</a></li>\
<li id="tab_forum_faq"><a href="http://gathering.tweakers.net/forum/find/poster/123456/topics">Post History</a></li>\
</ul></div></div></div>';
$("#forumheading").prepend(tabsHTML);

[Reactie gewijzigd op zaterdag 27 oktober 2012 16:19]


Door Tweakers user _eXistenZ_, zaterdag 27 oktober 2012 18:34

Inmiddels 1.1.3 waarin ik het zoeken heb opgelost, zie men nieuwe blogpost :)
Ook staat Tweakers 7.5 op GitHub zodat jullie zulke tweaks direct kunnen inschieten \o/

[Reactie gewijzigd op zaterdag 27 oktober 2012 18:35]


Door Tweakers user JohnD1, zaterdag 27 oktober 2012 20:18

mindwarper schreef op zaterdag 27 oktober 2012 @ 12:02:
Inderdaad JohnD1, dat is idd weer back to old school...

Heb zelf even kleine aanpassing gedaan... Lees even *leentje pik* gedaan - LOL van deze versie van locke960 (http://userscripts.org/scripts/show/150835).

Hierin had hij logo rechtsboven op de tweakerspagina (TRUE, StreamOne) weggemoffeld
heb even lijntjes code dus gekopieerd en geplakt in jouw versie en die dan in GreaseMonkey geladen :)
Past beter bij mijn NoSquint Full Zoom level van 120% :D
Dat is de bedoeling ook, als je het iets anders wil stukjes, gewoon aanpassen.
Smaken verschillen meestal...
Volgens mij kan je ook de origineel intact laten en zelf een 2e script maken, dat wordt dan gewoon beide uitgevoerd. Dat is makkelijker als het origineel steeds veranderd

Er is inmiddels al weer een nieuwe versie 1.9 :)
Dus anders moet je weer copie pasten....

Ik zal proberen nog wat meer commentaar overal bij te zetten, zodat je makkelijker zaken aan of uit kan zetten.

Door Tweakers user JohnD1, zaterdag 27 oktober 2012 20:20

Ooh en officieel mag je dat logo niet weghalen ....staat in de voorwaarden van tweakers..

Door Johnd838, dinsdag 31 mei 2016 09:18

Hi there. Merely desired to question an instant dilemma. aedcedeecekc


Reactie formulier
(verplicht)
(verplicht, maar wordt niet getoond)
(optioneel)