Ook maar eens die van mij dan, combinatie van CSS (in de Custom stylesheet van T.net preferences) en een paar scripts in Tampermonkey (Greasemonkey voor Chrome):
Frontpage
Wat is er anders?
[list]• Witte achtergrond vervangen door donkergrijs (CSS)
• Tabbladen met Alles, Computers, Beeld en geluid, etc weggehaald (categorieën gebruik ik nooit) (CSS)
• Plaatjes van grote artikelen naar rechterkant verplaatst (en grijze balk daarvan doorzichtig gemaakt) (CSS)
• Uitgelicht weggehaald (CSS)
• Ongelezen nieuwsberichten zijn rood, gelezen zijn grijs (CSS)
• Twitter- & Facebookknop weggehaald (CSS)
• Blok van IT Banen weggehaald (CSS)
• Blok van Nieuwsbrief weggehaald (CSS)
• Uit de Community weggehaald (CSS)
• Populair: Android Tablets Pc-game, etc (helemaal onderaan, in het bovenste stukje van footer) weggehaald (CSS)
Kortom, vooral veel weggehaald
Forum
Wat is er anders?
[list]• Active Topics en MyReact staan in grijze balk bovenin, zodat je overal vandaan naar AT/MyReact kunt (Script)
• Tabbladen met Forum, Active Topics en MyReact overal laten zien (Script)
• Alle posts voorzien van iets donkerdere grijze balk bovenin, zodat er tenminste en balk te zien is (CSS)
• Ruimte tussen posts verkleind (CSS)
• Zoeken in topic naar zoekterm en user aan de rechterkant toegevoegd (Script)
En dat was het volgens mij wel zo'n beetje.
Mijn CSS (flink rommeltje, maar het doet alles wat ik hierboven heb beschreven

):
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
| #about
{
top: -10px !important;
}
/* Forumberichten een kleur geven om te onderscheiden */
#messages div.message .messageheader {
background-color: #E6E6E6 !important;
}
/* Eigen bericht highlighten */
#messages div.message .ownpost{
background-color: #D9ECFF !important;
}
/*Hoeveelheid lege ruimte boven en onderin */
#contentArea{padding-top: 0px; padding-bottom: 130px }
/* Tracker iets minder breed maken en verschuiven naar links en naar boven */
.trackerPopup {
width:316px !important;
left: -341px !important;
top:-10px !important;}
/* Grote plaatjes rechts */
#fpaItems {
margin-bottom: 10px;
float: right;
width: 330px;
border: 1px solid #dddede;
background: -webkit-linear-gradient(#F5F6F6, #EDEEEE) repeat scroll 0 0 #EDEEEE;
padding: 2px;
}
.fpaItem {
float: left;
width: 161px;
margin: 1px !important;
height: 122px;
border: 1px solid #dddede;
position: relative;
}
.fpaItem div.imageContainer {
width: 100%;
}
.fpaItem img {
margin-left: -50px;
}
.fpaItem div.textContainer {
bottom: 0 !important;
left: 0 !important;
opacity: 0.8 !important;
position: absolute !important;
font-size: 13px;
line-height: 18px;
padding: 4px;
width: 100%;
height: inherit !important;
}
/* Posts iets dichterbij in een topic */
div.message
{
margin-bottom: 5px !important;
}
#mynotepad textarea {
height: 100px;
}
.fpaItem:hover .imageContainer {opacity:0.7}
table.highlights td {padding: 8px}
body {
background: #252727 url('http://tweakers.net/ext/f/fUm8jfn2Uwv3GRZCQCGmhr6p/full.gif') repeat-y center;}
#menubar {
width: 1024px;
border-radius: 6px 6px 0 0;
}
#searchbar {
border-radius:0;
z-index:1;
}
#searchbar, .galleryHeadingContainer, .pageTabsContainer {
width:1024px;
margin-left: auto;
margin-right: auto;
z-index:1;
}
#bottom div.hr {
background-color: #FFFFFF;
border-radius: 0 0 6px 6px;
height: 6px;
width:1024px;
margin-left: auto;
margin-right: auto;}
#fp_tabs_container{
display: none;
}
#highlights {
display: none;
}
#community{
display: none;
}
#newsletter{
display: none;
}
#ticker{
display:none;
}
div#contentArea {
background-color: #FFF;
border: 20px solid #FFF;
}
.frontPageLink {
color: #B00000;
}
.frontPageLink:visited {
color: #333;
}
table.listing td
{
padding-top: 4px;
padding-bottom: 4px;
}
.pwIndexSection H2, #pwPopularCats, .pwContent P{
display: none !important;
}
/* Frontpage: Related Jobs */
.relatedJobs {
display: none;
}
#socialButtons{
display: none !important;
}
.twitterButton, .facebookButton {
display: none !important;
}
/* IT Banen weg */
#jobs {
display: none !important;
} |
Zullen vast ook wat dingen dubbel in staan.
Active Topics & MyReact in grijze balk bovenin (Greasemonkey/Tampermonkey script):
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
| // ==UserScript==
// @name Forum dropdown
// @namespace userscripts
// @include http://*.tweakers.net/*
// @include http://tweakers.net/*
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @version 1
// ==/UserScript==
var menu = $("div#menu ul:first");
menu.append('<li><a href="http://gathering.tweakers.net/forum/list_activetopics">Active Topics</a></li><li><a href="http://gathering.tweakers.net/forum/myreact">MyReact</a></li>') |
Overal tabbladen met Forum/Active Topics/MyReact op het forum (Greasemonkey/Tampermonkey script):
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| // ==UserScript==
// @name Add tabs to Forum
// @namespace userscripts
// @include http://gathering.tweakers.net/*
// @version 1
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @grant none
// ==/UserScript==
var forumHeading = $('div#forumheading');
if($('div#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">Forum</a></li><li id="tab_forum_activetopics"><a href="http://gathering.tweakers.net/forum/list_activetopics">Active Topics</a></li><li id="tab_forum_myreact"><a href="http://gathering.tweakers.net/forum/myreact">MyReact</a></li></ul></div>');
} |
Zoeken in topic op zoekterm en user aan de rechterkant in topics (Greasemonkey/Tampermonkey script):
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| // ==UserScript==
// @name Zoek in topic
// @namespace userscripts
// @include http://gathering.tweakers.net/forum/list_messages/*
// @version 1
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @grant none
// ==/UserScript==
var sidebar = $('div#sidebar');
var topicId = $('input[name="data[topicid]"]');
var searchUrl = 'http://gathering.tweakers.net/forum/list_messages/'+topicId.val();
var keywordSearch = '<form style="margin-bottom:10px;"action="'+searchUrl+'"><label for="keyword"><strong>Zoekterm</strong></label><input type="text" class="keywordSearch" id="keyword" name="data[filter_keywords]"></form>';
var userSearch = '<form style="margin-bottom:10px;" action="'+searchUrl+'"><label for="user"><strong>User</strong><br /></label><input type="text" id="user" class="keywordSearch" name="data[filter_userids]"></form>';
sidebar.prepend('<div id="topic-search">'+keywordSearch + userSearch+'</div><br />'); |
The devil is in the details.