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

donderdag 18 oktober 2012 20:26

Acties:

0 Henk 'm!

JJ Le Funk

:twk

is het ook mogelijk om met de nieuwe site de posts van een specifieke gebruiker weg te filteren? of onleesbaar maken?

d:)b

donderdag 18 oktober 2012 20:27

Acties:

0 Henk 'm!

wontcachme

You catch me? No you wont

Voor wie de Notepad ook te groot is:

code:

#mynotepad textarea {
    height: 150px !important;
    width: 450px !important;
}

Nu klein genoeg zodat je wat meer myreact hebt en minder notepad

GamePC (AMD Ryzen 5900x - Gigabyte RTX 3070 Gaming OC 8G - Gigabyte Aorus X570 ELITE - 32GB Corsair Vengeance 3600C18 - 1.5TB Samsung 970 EVO NVME - 500GB Samsung 950 EVO Sata - Fractal Design Define 7 - Corsair RM750x - 2x Asus VG27AQ 1440p@144hz)

donderdag 18 oktober 2012 20:32

Acties:

0 Henk 'm!

_ferry_

Moderator Tweaking

Nipple Tweaker

Verwijderd schreef op donderdag 18 oktober 2012 @ 20:17:
Kan je ook niet de kleur van het oranje gemaakte gedeelte veranderen dan? Ik wil dat in dezelfde kleur hebben als de achtergrond.

[afbeelding]

#contentArea {
background-color: #CCC;

Zo werkt dat bij mij IIG.

donderdag 18 oktober 2012 20:35

Acties:

0 Henk 'm!

F.West98

Alweer 16 jaar hier

custom css
Css

Topicstarter

Dat is een ander deel, want dat heeft dan ook invloed op de berichten. Dacht ik

2x Dell UP2716D | R9 7950X | 128GB RAM | 980 Pro 2TB x2 | RTX2070 Super
.oisyn: Windows is net zo slecht in commandline als Linux in GUI

donderdag 18 oktober 2012 20:38

Acties:

0 Henk 'm!

Verwijderd

_ferry_ schreef op donderdag 18 oktober 2012 @ 20:32:
[...]

#contentArea {
background-color: #CCC;

Zo werkt dat bij mij IIG.

Thanks works like a charm

. Enige wat ik nu moet doen is deze CSS aanpassingen enkel gebruiken voor GoT en een andere voor de FP omdat bij de FP nu de nieuwsberichten een te donkere achtergrond hebben.

Afbeeldingslocatie: http://i.imgur.com/Nl4qg.png

Afbeeldingslocatie: http://i.imgur.com/Nl4qg.png

Niet zelf gemaakt her en der opgepikt hier in dit topic en LA topic over T.net versie 7.

code:

@-moz-document domain("gathering.tweakers.net") {
#forumheading,
.mainColumn { background-color:#EFF0F0!important;}

#layout {background-color:#B4B4B4!important;}
#contentArea {background-color:#B4B4B4!important;}

h1,
#news,
.articleColumn {padding-left:20px;padding-right:30px;}
#messages,
div.message {

    margin-bottom: 5px !important;

}
#sidebar {display: none !important;}
#top {border-bottom:0px!important;}
#bottom div.hr {height: 0px!important;}
}

[ Voor 44% gewijzigd door Verwijderd op 18-10-2012 20:42 ]

donderdag 18 oktober 2012 20:50

Acties:

0 Henk 'm!

NoFearCreations

3DPrint the world!

Ben nu ook even bezig, omdat ik de nieuwe site kwa kleur stelling 3x niks vind. Maar totaal 0% kennis van CSS. Ik wil graag al het witte, en die balk bovenaan, waar hosted by tru instaat, in dezelfde kleur als de tracker. Hoe doe ik dat?

Iemand trouwens gemerkt dat je nog maar 10 forum posts kan zien in de tracker, inplaats van 20?

---RAWE CEEK!!!---

donderdag 18 oktober 2012 20:51

Acties:

0 Henk 'm!

Orion84

Admin General Chat / Wonen & Mobiliteit

Fotogenie(k)?

Ook maar eens aan het knutselen geslagen. Voorlopig nog even in Stylish, maar hopelijk asap gewoon netjes via CustomCSS zodra dat op het forum werkt. Commentaar in de code spreekt denk ik verder voor zich. Een en ander iets compacter gemaakt, messageheaders dezelfde kleur als ik ze al had en de pagina navigatie in de topiclistings naar rechts gefloat, zodat ze niet achter de titels geplakt zitten. Nu lijkt het in elk geval een beetje op de situatie zoals die voorheen was met navigatie met dropdownboxes.

Alleen eigenlijk nog iets verzinnen zodat messageheaders van normale gebruikers even hoog zijn als die van crew.

Cascading Stylesheet:

/* border om alle frontpage reacties */
.reactieBody {
    margin-left: -20px !important;
    padding-left: 19px !important;
}
.reactieBody {
    border-right: 1px solid rgb(207, 212, 201);
    border-left: 1px solid rgb(207, 212, 201);
    border-bottom: 1px solid rgb(207, 212, 201);
}

/* thread lijntjes frontpage reacties dotted */
.reactie {border-left: 1px dotted rgb(219, 222, 222) !important;}

/* border boven comment link */
a.commentLink {
    line-height: 2em;
    padding: 3px 40px 0px 5px !important;
    border-top: 1px solid rgb(207, 212, 201) !important;
}

/* geen extra marge onderin informative en spotlight posts */
.reactieBody.informative > .reactieFooter, .reactieBody.spotlight > .reactieFooter {
    margin-bottom: 0px !important;
}

/* compact forumoverzicht */
.channelHeader {margin-bottom: 3px !important;}
.channelHeader h2 {margin-bottom: 0px !important;}
.forumList table.listing {margin-bottom: 8px !important;}

/* compact topicoverzicht */
table.listing td {padding: 3px 5px !important;}
table.listing th {padding: 4px 5px !important;}

/* pagina navigatie in topiclijst rechts uitgelijnd */
table.listing td.topic small {float: right !important;}

/* compacte forumheading */
#forumheading h1, h2, h3, p {margin-bottom: 8px !important;}
#relatedTags {margin-bottom: 5px !important;}
#relatedTags td {padding: 5px !important;}
.forum_actions {margin-bottom: 5px !important;}
#forumdays {margin-bottom: 5px !important;}

/* compacte forumposts */
div.message div.messageheader {padding: 3px 14px !important;}
div.message div.messageheader div.date {top: 3px !important;}
div.message {margin-bottom: 5px !important;}
div.message div.post {padding: 5px 0px 3px 14px !important;}

/* border onder messageheader */
div.message div.messageheader {border-bottom: 1px solid rgb(221, 222, 222) !important;}

/* messageheader topicstarter posts rood */
div.topicstarter div.messageheader {background: #ffcccc !important;}

/* messageheader ownpost groen */
div.message div.ownpost {background-color: rgb(200, 230, 210) !important;}

[ Voor 21% gewijzigd door Orion84 op 18-10-2012 22:25 ]

The problem with common sense is that it's not all that common. | LinkedIn | Flickr

donderdag 18 oktober 2012 21:02

Acties:

0 Henk 'm!

F.West98

Alweer 16 jaar hier

custom css
Css

Topicstarter

De navknoppen iets minder dominant gemaakt:

Cascading Stylesheet:

.topic > small a,
    .pageDistribution a,
    p.pagecounter a {
        border: 1px solid rgba(10, 143, 196, 0.5);
        padding: 3px;
        background-color: rgba(10, 143, 196, 0.02);
        -moz-transition: all 0.15s linear;
        -webkit-transition: all 0.15s linear;
        -ms-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
        margin-left: 0 !important;
    }

nu gebruiken

2x Dell UP2716D | R9 7950X | 128GB RAM | 980 Pro 2TB x2 | RTX2070 Super
.oisyn: Windows is net zo slecht in commandline als Linux in GUI

donderdag 18 oktober 2012 21:14

Acties:

0 Henk 'm!

boelensman1

Dit is wat ik op dit moment gebruik. Het is een samenvoegsel van een hoop dingen die hier gepost zijn + wat eigen verbeteringen. Is vooral bedoeld voor het forum. Alleen kort getest in opera, maar vind het er allemaal vrij goed uit zien.
Zo ziet het eruit: Afbeeldingslocatie: http://updo.nl/file/23b8bcc5.png

Afbeeldingslocatie: http://updo.nl/file/23b8bcc5.png

ps. in opera kun je met rechtermuisknop -> site preferences -> display -> my style sheet, zowel het forum als de normale site aanpassen. Je kan zelfs losse css files gebruiken voor het forum en de normale site. Totdat de custom forum css klaar is, is dit een goede oplossing.

Cascading Stylesheet:

html {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAJElEQVQImT3GMQEAMAwDIFYp9a+pEqJhX7h4SYC7m253p8N0+LCbDmwecpEBAAAAAElFTkSuQmCC') !important;
background-repeat: repeat !important;
}

div#contentArea {
background-color: #fafafa !important; 
padding-left: 20px !important; 
padding-right: 20px !important;  
border-left: 1px solid #c3c6c6 !important; 
border-right: 1px solid #c3c6c6 !important; 
}

.fpaItem, #fpaItems {
display:none !important; 
}


#community a.thumb.community, #community li a+p+p {
 display: none !important; 
}

#community li p a { 
 padding-left: 22px !important; 
 background: url(http://tweakers.net/ext/f/F6gUDomPcHwgdsvkXth1AwMV/full.png) 2px center no-repeat !important; 
} 

#community li p a[href*="gathering.tweakers"] { 
 background-image: url(http://tweakers.net/ext/f/SBhLZs2UQqEw99lMveSlKwjP/full.png) !important; 
} 

#community ul li:first-child { 
 border-bottom: 0 none !important; 
} 

#community li { 
 float: none !important; 
 width: 620px !important; 
 padding: 2px 0 !important;
 margin: 0 !important;
 border-bottom: 1px solid #E8EAEA !important; 
 border-top: 0 none !important;
 padding: 4px 0 2px !important; 
} 

#community li p {
 display: inline-block !important;
} 

#community li p:last-child {
 float: right !important;;
}

#forumheading, .mainColumn {
background-color:#EFF0F0!important;
border: 1px solid #DDDEDE !important;
padding-left: 4px;
padding-top: 4px;
}

#community p {
padding-right: 64px !important;
}

#community{
padding-left: 20px !important;
}

.relevancyColumn { 
float: right !important;
margin-left: -24px !important;
width: 326px !important;
}

.mainColumn {
width: 610px !important;
}

#content {
top: 10px !important; 
}

h1, #news, .articleColumn {
padding-left:20px !important;
padding-right:30px !important;
}

#messages {
width: 980px !important;
}

div.message {
margin-bottom: 5px !important;
}

#sidebar {
display: none !important;
}

.topic_actions {
width: 970px !important;
}

.poster > .title {
float: right;
margin-right: 100px;
position: absolute;
right: 0px;
top: 10px;
}


div.message div.messageheader {
border-bottom: 1px solid rgb(221, 222, 222) !important;
} 

div.topicstarter div.messageheader {
background: #ffcccc !important;
} 

div.message div.ownpost {background-color: rgb(200, 230, 210) !important;
}

Edit: foutje op de frontpage aangepast

EDIT2: nog wat foutjes aangepast, en alles uniform gemaakt (als in, dat in de css de haakjes enzo op dezelfde plek staan)

[ Voor 22% gewijzigd door boelensman1 op 18-10-2012 22:36 ]

CTO van Appeal

donderdag 18 oktober 2012 21:15

Acties:

0 Henk 'm!

Bundin

Ik ben met veel dank aan de mensen hier en in een parallel layout topic een rotend met het fixen van GoT en de FP. Alleen de nieuws/reacties kolom is nog steeds smal (maargoed, dat was ie al) en ik heb last van bovenstaande witte uitsteekseltjes bij reacties direct op nieuwsberichten. Iemand enig idee hoe ik daar vanaf kan komen? Ik heb Tweakers Old Background gebruikt in Stylish (en een beetje aangepast).

Oh en in Orion84s forum tweaks werkt de rode messageheader voor de TS wel maar de groene voor own posts niet...

[ Voor 29% gewijzigd door Bundin op 18-10-2012 21:29 ]

donderdag 18 oktober 2012 21:46

Acties:

0 Henk 'm!

Orion84

Admin General Chat / Wonen & Mobiliteit

Fotogenie(k)?

Bundin schreef op donderdag 18 oktober 2012 @ 21:15:
... en ik heb last van bovenstaande witte uitsteekseltjes bij reacties direct op nieuwsberichten. Iemand enig idee hoe ik daar vanaf kan komen?...

Dat zit in het achtergrondplaatje waarmee ook die top-border met dat puntje er op gemaakt wordt. Dat wordt denk ik wat lastig wegslopen?

Oh en in Orion84s forum tweaks werkt de rode messageheader voor de TS wel maar de groene voor own posts niet...

Dat moet je denk ik even aanvinken in je forumvoorkeuren, dat je eigen posts een andere kleur krijgen.

Ik heb in Orion84 in "[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'" nog een paar frontpage reactie tweaks toegevoegd, waardoor alle reacties een border hebben en de 'threading lijntjes' dotted zijn.

[ Voor 37% gewijzigd door Orion84 op 18-10-2012 21:52 ]

The problem with common sense is that it's not all that common. | LinkedIn | Flickr

donderdag 18 oktober 2012 21:53

Acties:

0 Henk 'm!

Wiethoofd

Broadcast TOM

Css

Bundin schreef op donderdag 18 oktober 2012 @ 21:15:
Alleen de nieuws/reacties kolom is nog steeds smal (maargoed, dat was ie al) en ik heb last van bovenstaande witte uitsteekseltjes bij reacties direct op nieuwsberichten. Iemand enig idee hoe ik daar vanaf kan komen?

Dat komt door negatieve margins en achtergrondafbeeldingen die schijnbaar nodig zijn. Ik heb er even naar gekeken, maar 99% van de tijd negeer ik de FP reacties vanwege het dramatische niveau of omdat het niets bijdraagt of ik alleen het nieuwsartikel wil lezen

Volg me op Twitter/X & Bluesky

donderdag 18 oktober 2012 21:54

Acties:

0 Henk 'm!

Yorinn

Moderator General Chat

XOPIUM

Iemand die het al voor elkaar heeft gekregen om de nieuwe tracker in de achtergrondkleur te krijgen?

After Hours | Dawn FM | Hurry Up Tomorrow
Tweakers Discord || Mijn V&A ads

donderdag 18 oktober 2012 22:00

Acties:

0 Henk 'm!

Verwijderd

Straks begin ik CSS nog leuk te vinden

.

donderdag 18 oktober 2012 22:04

Acties:

0 Henk 'm!

Ramon

Ik weet niet of JS hier ook mag? (greasemonkey)

Ik denk dat mensen hier wel iets aan hebben: Links naar Active Topics en MyReact in het menu!
Afbeeldingslocatie: http://i.imgur.com/jgKum.png

Afbeeldingslocatie: http://i.imgur.com/jgKum.png

JavaScript:

// ==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">My React</a></li>')

=edit=
added new include for t.net home

[ Voor 5% gewijzigd door Ramon op 18-10-2012 22:08 ]

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

donderdag 18 oktober 2012 22:16

Acties:

0 Henk 'm!

Wiethoofd

Broadcast TOM

Css

Yorin schreef op donderdag 18 oktober 2012 @ 21:54:
Iemand die het al voor elkaar heeft gekregen om de nieuwe tracker in de achtergrondkleur te krijgen?

.trackerPopup { background: transparent; } zoiets?

Volg me op Twitter/X & Bluesky

donderdag 18 oktober 2012 22:21

Acties:

0 Henk 'm!

Yorinn

Moderator General Chat

XOPIUM

Wiethoofd schreef op donderdag 18 oktober 2012 @ 22:16:
[...]

.trackerPopup { background: transparent; } zoiets?

Bijna. Hoe krijg je de tekstkleur weer op zwart? Met text werkt het niet.

After Hours | Dawn FM | Hurry Up Tomorrow
Tweakers Discord || Mijn V&A ads

donderdag 18 oktober 2012 22:26

Acties:

0 Henk 'm!

Zerfox

^this guy

Yorin schreef op donderdag 18 oktober 2012 @ 22:21:
[...]

Bijna. Hoe krijg je de tekstkleur weer op zwart? Met text werkt het niet.

Volgens mij gewoon:

code:

1	color: #000000;

?

donderdag 18 oktober 2012 22:36

Acties:

0 Henk 'm!

Yorinn

Moderator General Chat

XOPIUM

Zerfox schreef op donderdag 18 oktober 2012 @ 22:26:
[...]

Volgens mij gewoon:
code:
1
color: #000000;
?

Ik heb nu:

code:

1
2
3

/* Tracker in achtergrondkleur */
.trackerPopup { background: transparent; }
.trackerPopup { color: #000000; }

Maar dat werkt niet. De tekstkleur blijft gewoon grijs.

After Hours | Dawn FM | Hurry Up Tomorrow
Tweakers Discord || Mijn V&A ads

donderdag 18 oktober 2012 22:38

Acties:

0 Henk 'm!

Zeror

Ik Henk 'm!

Afbeeldingslocatie: http://tweakers.net/ext/f/F7knsmM3g47j7EAeIWySbLfv/thumb.jpg

Dit is de CSS-code die ik gebruik:

code:

body {
background: #313232 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;}

#searchbar, .galleryHeadingContainer, .pageTabsContainer {
width:1024px;
margin-left: auto;
margin-right: auto;}

#bottom div.hr {
background-color: #FFFFFF;
border-radius: 0 0 6px 6px;
height: 6px;
width:1024px;
margin-left: auto;
margin-right: auto;}

Trans-life! :::: Nintendo ID: Zeror_rk / SW-6670-3316-6323 :::: BattleTag: Zerora#21213 :: Twitch: ZERORAh

donderdag 18 oktober 2012 22:40

Acties:

0 Henk 'm!

Fawn

Ik heb het wit op de FP wat minder fel gemaakt met

code:

#body{
background-color: #FCFCFC;
}
body{
background-color: #FCFCFC;
}
#bottom div.hr {
background-color: #FCFCFC;
}
.thumb {
background-color: #FCFCFC;
}
#b_re .adLabel span {
background-color: #FCFCFC;
}
.takeoverBg #contentArea {
background-color: #FCFCFC;
}
.keywordSearch {
background-color: #FCFCFC;
}
.pageTabs li.active {
background-color: #FCFCFC;
}
.pageTabs li {
background-color: #FCFCFC;
}
.reactie {
background-color: #FCFCFC;
}

Zag dat het wel een veelvoorkomende klacht is, dus misschien heeft iemand anders er iets aan.

donderdag 18 oktober 2012 22:40

Acties:

0 Henk 'm!

Ramon

Zeror schreef op donderdag 18 oktober 2012 @ 22:38:
[afbeelding]

Dit is de CSS-code die ik gebruik:

code:

body {
background: #313232 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;}

#searchbar, .galleryHeadingContainer, .pageTabsContainer {
width:1024px;
margin-left: auto;
margin-right: auto;}

#bottom div.hr {
background-color: #FFFFFF;
border-radius: 0 0 6px 6px;
height: 6px;
width:1024px;
margin-left: auto;
margin-right: auto;}

Mooi!

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

donderdag 18 oktober 2012 22:42

Acties:

0 Henk 'm!

NoFearCreations

3DPrint the world!

Die hierboven zou ook bij het forum moeten werken, dan is het perfect!

---RAWE CEEK!!!---

donderdag 18 oktober 2012 22:42

Acties:

0 Henk 'm!

Yorinn

Moderator General Chat

XOPIUM

NoFearCreations schreef op donderdag 18 oktober 2012 @ 22:42:
Die hierboven zou ook bij het forum moeten werken, dan is het perfect!

Forum-CSS is tijdelijk uitgeschakeld. Dus kan later pas.

After Hours | Dawn FM | Hurry Up Tomorrow
Tweakers Discord || Mijn V&A ads

donderdag 18 oktober 2012 22:45

Acties:

0 Henk 'm!

Hahn

Ramon schreef op donderdag 18 oktober 2012 @ 22:04:
Ik weet niet of JS hier ook mag? (greasemonkey)

Ik denk dat mensen hier wel iets aan hebben: Links naar Active Topics en MyReact in het menu!
[afbeelding]
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">My React</a></li>')
=edit=
added new include for t.net home

Nooit gedacht dit te zeggen, maar je bent een held (voor 1 dag).

The devil is in the details.

donderdag 18 oktober 2012 22:51

Acties:

0 Henk 'm!

Orion84

Admin General Chat / Wonen & Mobiliteit

Fotogenie(k)?

Hmm, ik krijg dat greasemonkey script niet echt aan de gang

Ah, nu doet ie het ineens wel. Dit biedt mogelijkheden

[ Voor 35% gewijzigd door Orion84 op 18-10-2012 22:51 ]

The problem with common sense is that it's not all that common. | LinkedIn | Flickr

donderdag 18 oktober 2012 22:52

Acties:

0 Henk 'm!

Verwijderd

Ik heb.. flink gemod.

Afbeeldingslocatie: http://tweakers.net/ext/f/jzPy9EuOP73tSemf7mNVAiLk/thumb.png

code:

#menubar #layout {
    min-width: 850px; }

#menubar {
    width: 100%; }

/* verplaatst bar met username naar links */
#userbar {
right: 90px; }

body {
  background-color:#eeeeee;
}

/* minder witruimte op de FP*/
table.highlights td {
    line-height: 15px;
    border-bottom: 1px solid rgb(232, 234, 234);
    padding: 2px 0px;
}

/* minder witruimte onder tabs @ FP */
#fp_tabs_container {
  margin-bottom: 0px;
    position: absolute;
    top: -37px;
    height: 35px;
}

#fp_tabs {
    border-bottom: none; }

.pageTabs li {
  margin-right: 0px; }

.pageTabs {
    width: auto; }

.pageTabs li p, .pageTabs li a {
    padding: 0px 2px; }

/* verplaats search meer naar rechts... */
#search .keywordSearch {
    margin: 0px 410px; }

#searchbar {
    margin-top: 0px;
    height: auto;
    border-radius: 0px 0px 0px 0px;
}

#search {
  padding-top: 0px; }

#true {
    display: none; }

#menubar {
    top: auto; }

#contentArea {
    padding-top: 5px; }

#social {
    display:none; }

Ik browse meestal half-width op mijn 1080p scherm. Dus rond de 960px breed. Nu nog een mod die de frontpage forum :x minder breed maakt. En ik wil 'last' terug in plaats van 'laatste'. 'las' is namelijk een vrij unieke string. Dat werkt erg goed als je vaak puur op het toetsenbord browset.

donderdag 18 oktober 2012 22:55

Acties:

0 Henk 'm!

Tim

MrJayMan schreef op donderdag 18 oktober 2012 @ 20:26:
is het ook mogelijk om met de nieuwe site de posts van een specifieke gebruiker weg te filteren? of onleesbaar maken?

Nee, maar met Scriptish of Greasemonkey kan het wel:

JavaScript:

// ==UserScript==
// @id             gathering.tweakers.net-c26a405a-028d-4b9c-8bde-242c7fca45dd@scriptish
// @name           Negeer gebruikers
// @version        0.2
// @description    Negeer vervelende gebruikers op GoT
// @include        http://gathering.tweakers.net/forum/list_messages/*
// @run-at         document-end
// ==/UserScript==

ignore = [
    'Tim',
    'Femme'
    ];

GM_addStyle(".irritant .post { display: none };");

var content = document.getElementById('content');
function ignore_users(event) {
    var posts = document.evaluate('//a[contains(@class,"user")]', content, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
    for (var i=0; i < posts.snapshotLength; i++) {
        var node = posts.snapshotItem(i);
        if (ignore.indexOf(node.textContent) >= 0) { 
            node.parentNode.parentNode.parentNode.className += ' irritant';
        }
    }
}

ignore_users(null);
//content.addEventListener('DOMSubtreeModified', ignore_users);

donderdag 18 oktober 2012 22:55

Acties:

0 Henk 'm!

Ulster Seedling

“Middelgrote appel”

Ik ben bezig met een responsive versie van Tweakers voor gebruik op iPhones (en andere smartphones). Het is nog wat knutselen, maar de homepage is al best leuk:

Afbeeldingslocatie: http://cl.ly/image/242k0M132z1f/iOS-simulatorschermafbeelding%2018%20okt.%202012%2022.54.33.png

Afbeeldingslocatie: http://cl.ly/image/2h47202z373e/iOS-simulatorschermafbeelding%2018%20okt.%202012%2022.54.42.png

Afbeeldingslocatie: http://cl.ly/image/2q2k1J3D453n/iOS-simulatorschermafbeelding%2018%20okt.%202012%2023.15.37.png

[ Voor 24% gewijzigd door Ulster Seedling op 18-10-2012 23:17 ]

“(…) met een rode blos op een geelgroene ondergrond.” Volgens Wikipedia tenminste.

donderdag 18 oktober 2012 22:56

Acties:

0 Henk 'm!

Verwijderd

Ik heb zelf ook nog wat lopen hannesen met Firebug naast de code van Orion en F.West

. Werkt alleen op GoT.

Afbeeldingslocatie: http://i.imgur.com/aPfhS.png

Afbeeldingslocatie: http://i.imgur.com/hbsCo.png

Afbeeldingslocatie: http://i.imgur.com/9st38.png

Cascading Stylesheet:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("gathering.tweakers.net")
/* Posts kleiner maken */

{#sidebar { display: none !important; }

#messages, .topic_actions { width: 956px !important; }

.messagecontent { width: 800px !important; }

div.post { padding: 6px 0 6px 10px !important; }



/* Posts dicher op elkaar */

div.message {

    margin-bottom: 5px !important;

}



/* Content andere pagina's breder */

.mainColumn { width: 666px !important; }

.secondColumn { width: 290px !important; }

#pricewatch input.text { width: 200px !important; }

#social .twitterButton,

#social .facebookButton { width: 142px !important; }

#social .twitterButton a { background-position: 10px center !important; }

#social .facebookButton a { background-position: 15px center !important; }



.relevancyColumn { display: none !important; }

.articleColumn { width: 850px !important; }
.message .messageheader {

 background-image: -moz-linear-gradient(center top, rgb(234,235,235), rgb(217, 218, 218)) !important;

 background-image: -webkit-gradient(linear, center top, rgb(234, 235, 235), rgb(217, 218, 218)) !important;

 background-image: -o-linear-gradient(center top, rgb(234, 235, 235), rgb(217, 218, 218)) !important;

 background-image: -ms-linear-gradient(center top, rgb(234, 235, 235), rgb(217, 218, 218)) !important;

 background-image: linear-gradient(center top, rgb(234, 235, 235)m rgb(217, 218, 218)) !important;

 border-bottom: 1px solid rgb(207, 208, 208);

} 

/* berichtenvenster zoals voorheen kleur ChicaneBT */
div.info, div.message, div.faq, form.form1, form.form2, #folders, #myprofilecontainer, table.info {
    background-color: #F3F3F2 !important;
    background-image: -moz-linear-gradient(center top , #F5F6F6 0px, #F3F3F2 40px)!important;
    border: 1px solid #F3F3F2 !important;
    border-radius: 1px 1px 1px 1px !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.33) inset !important;
}
/* compact forumoverzicht */

.channelHeader {margin-bottom: 3px !important;}

.channelHeader h2 {margin-bottom: 0px !important;}

.forumList table.listing {margin-bottom: 8px !important;}



/* compact topicoverzicht */

table.listing td {padding: 3px 5px !important;}

table.listing th {padding: 4px 5px !important;}



/* pagina navigatie in topiclijst rechts uitgelijnd */

table.listing td.topic small {float: right !important;}



/* compacte forumheading */

#forumheading h1, h2, h3, p {margin-bottom: 8px !important;}

#relatedTags {margin-bottom: 5px !important;}

#relatedTags td {padding: 5px !important;}

.forum_actions {margin-bottom: 5px !important;}

#forumdays {margin-bottom: 5px !important;}



/* compacte forumposts */

div.message div.messageheader {padding: 3px 14px !important;}

div.message div.messageheader div.date {top: 3px !important;}

div.message {margin-bottom: 5px !important;}

div.message div.post {padding: 5px 0px 3px 14px !important;}



/* border onder messageheader */

div.message div.messageheader {border-bottom: 1px solid rgb(221, 222, 222) !important;}



/* messageheader topicstarter posts rood */

div.topicstarter div.messageheader {background: #ffcccc !important;}



/* messageheader ownpost groen */

div.message div.ownpost {background-color: rgb(200, 230, 210) !important;}
#forumheading,
.mainColumn { background-color:#F3F3F2!important;}

#layout {background-color:#B4B4B4!important;}
#contentArea {background-color:#B4B4B4!important;
padding-left: 1px;
padding-right: 1px;
}

h1,
#news,
.articleColumn {padding-left:20px;padding-right:30px;}
#messages,
div.message {

    margin-bottom: 5px !important;

}
#sidebar {display: none !important;}
#top {border-bottom:0px!important;}
#bottom div.hr {height: 0px!important;}

#menubar {width: 100% !important;}

#searchbar {
    background: linear-gradient(#F5F6F6, #F3F3F2) repeat scroll 0 0 #F3F3F2 !important;
    border-radius: 6px 6px 0 0 !important;
    height: 68px !important;
    margin-top: 34px !important;
}

/* padding boven zelfde grijze kleur geven*/
#contentArea {
    padding-bottom: 180px;
    padding-top: 20px !important;
background-color: #F3F3F2 !important;
}

#menu, #search, #contentArea, #ticker p, #about {
    margin: 0 auto !important;
    width: 956px !important;
}

donderdag 18 oktober 2012 23:00

Acties:

0 Henk 'm!

Hahn

Ramon schreef op donderdag 18 oktober 2012 @ 22:58:
[...]

Thanks.. denk ik. Moet je die tabs ook nog?

Zou wel handig zijn, maar op zich is wat ik net quotte al genoeg

(Maar laat me je vooral niet tegenhouden

)

The devil is in the details.

donderdag 18 oktober 2012 23:03

Acties:

0 Henk 'm!

Orion84

Admin General Chat / Wonen & Mobiliteit

Fotogenie(k)?

Ik heb het greasemonkey script van Ramon iets aangepast trouwens. Posthistorie ipv myreact en alleen zichtbaar op het forum. (en zinnige naam en description)

JavaScript:

// ==UserScript==
// @name        Tweakers menu
// @description Adds Active Topics and Posthistorie buttons to Tweakers.net menu
// @namespace   userscripts
// @include     http://gathering.tweakers.net/*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @version     1.0
// @grant       none
// ==/UserScript==

var menu = $("div#menu ul:first");

menu.append('<li><a href="http://gathering.tweakers.net/forum/find/poster/53288">Posthistorie</a></li><li><a href="http://gathering.tweakers.net/forum/list_activetopics">Active Topics</a></li>')

Als je hem wilt gebruiken, vervang dan even mijn userID door dat van jezelf

[ Voor 4% gewijzigd door Orion84 op 18-10-2012 23:03 ]

The problem with common sense is that it's not all that common. | LinkedIn | Flickr

donderdag 18 oktober 2012 23:03

Acties:

0 Henk 'm!

Ulster Seedling

“Middelgrote appel”

Ramon schreef op donderdag 18 oktober 2012 @ 22:58:
[...]

Hoe serveer jij deze op je device?

Het is gewoon custom CSS. Een probleem is echter dat er één metatag nodig is (voor de viewport) die niet in de Tweakers-broncode staat. Tijdelijk heb ik dus een kopie van de homepage gemaakt, met die tag erin en een link naar mijn custom CSS. Hopelijk kan ik later de devvers zover krijgen om die tag toe te voegen …

“(…) met een rode blos op een geelgroene ondergrond.” Volgens Wikipedia tenminste.

donderdag 18 oktober 2012 23:08

Acties:

0 Henk 'm!

Verwijderd

Ramon schreef op donderdag 18 oktober 2012 @ 22:56:
Nog even deze voor kleinere frontpage dingetjes, en dan kan het nauwelijks meer compacter

Die vind ik niet zo erg. Ik mis just wel eens grote artikelen. Dus dat die wat duidelijker in beeld komen vind ik een goed idee.

Ik mis alleen wel de tracker. Maar die is standaard toch niet in beeld bij de oude layout en jouw venstergrootte? Dat klopt. Een zwiep aan mijn touchpad en ik scroll zodat hij in beeld komt. Een stuk minder omslachtig dan op een knopje drukken.

Feature request: een hotkey om de tracker tevoorschijn te halen

donderdag 18 oktober 2012 23:09

Acties:

0 Henk 'm!

Zerfox

^this guy

Prachtig hoe de ruimte op mijn 1080p scherm benut wordt:
Afbeeldingslocatie: http://i444.photobucket.com/albums/qq162/JuniorJoost/nuttelozeruimte.png

Afbeeldingslocatie: http://i444.photobucket.com/albums/qq162/JuniorJoost/nuttelozeruimte.png

donderdag 18 oktober 2012 23:11

Acties:

0 Henk 'm!

Wiethoofd

Broadcast TOM

Css

@jhogervorst: @media screen and (max-device-width: 640px) { /* Magic */ }
Werkt dat niet?

Volg me op Twitter/X & Bluesky

donderdag 18 oktober 2012 23:13

Acties:

0 Henk 'm!

Ulster Seedling

“Middelgrote appel”

Wiethoofd schreef op donderdag 18 oktober 2012 @ 23:11:
@jhogervorst: @media screen and (max-device-width: 640px) { /* Magic */ }
Werkt dat niet?

Het gaat om deze, voor de rest lukt alles:

code:

1	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

“(…) met een rode blos op een geelgroene ondergrond.” Volgens Wikipedia tenminste.

donderdag 18 oktober 2012 23:16

Acties:

0 Henk 'm!

Joosie200

Zeror schreef op donderdag 18 oktober 2012 @ 22:38:
[afbeelding]

Dit is de CSS-code die ik gebruik:

Rustig aan de ogen $_/-\o_$ En sjiek

Maar ondertussen nog een week geduld hebben tot het witte forum ook wat kleurrijker is

donderdag 18 oktober 2012 23:19

Acties:

0 Henk 'm!

Ramon

Hahn schreef op donderdag 18 oktober 2012 @ 23:00:
[...]
Zou wel handig zijn, maar op zich is wat ik net quotte al genoeg (Maar laat me je vooral niet tegenhouden )

JavaScript:

// ==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">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>');
}

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

donderdag 18 oktober 2012 23:24

Acties:

0 Henk 'm!

Hahn

Ramon schreef op donderdag 18 oktober 2012 @ 23:19:
[...]

JavaScript:

// ==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">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>');
}

Het lijkt (is) zo simpel, maar ik kon er niet op komen

Wederom bedankt!

The devil is in the details.

donderdag 18 oktober 2012 23:24

Acties:

0 Henk 'm!

Orion84

Admin General Chat / Wonen & Mobiliteit

Fotogenie(k)?

Kan het trouwens zijn dat CustomCSS behalve op het forum ook op touchdevices niet actief is? Ik heb wat CustomCSS die het op mijn windowslaptop in Firefox prima doet, maar op iPhone en iPad doet ie het niet...

The problem with common sense is that it's not all that common. | LinkedIn | Flickr

donderdag 18 oktober 2012 23:26

Acties:

0 Henk 'm!

Verwijderd

Verwijderd schreef op donderdag 18 oktober 2012 @ 23:08:
Feature request: een hotkey om de tracker tevoorschijn te halen

It's a bug: [BUG][ALG] tracker/DM/notific. niet te gebruiken met tobo

Een heel obscure, ook. Die nexus is voor mij

donderdag 18 oktober 2012 23:35

Acties:

0 Henk 'm!

edie

Ik heb de gehele bovenbalk maar vastgezet; vind ik makkelijker

Nu nog de optie zien te vinden om de meuktracker weer permanent in beeld te kunnen krijgen en ik ben tevreden.

code:

1
2
3

#top{ position: fixed; z-index:990; width:100%; }
#contentArea{ padding-top: 140px !important; }
.popup{ z-index: 999; }

"In America, consumption equals jobs. In these days, banks aren't lending us the money we need to buy the things we don't need to create the jobs we need to pay back the loans we can't afford." - Stephen Colbert

donderdag 18 oktober 2012 23:36

Acties:

0 Henk 'm!

Chillosophy

Zeror schreef op donderdag 18 oktober 2012 @ 22:38:
[afbeelding]

Dit is de CSS-code die ik gebruik:
code:
1
-

Wow, deze bevalt me geweldig. Bedankt

Als de site zo was opgeleverd was de ontvangst stukken beter geweest denk ik. Goed werk!

donderdag 18 oktober 2012 23:56

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

custom css
Css

Ik heb HEEL veel kleur vervangen. Of nou, veel, het meer lichte tinten vervangen voor donkere.
Het is niet perfect, er missen nog een hoop onderdelen om alles echt leesbaar te maken. Merkte ik voornamelijk bij het uploaden naar m'n fotoalbum.

Owja, CSS natuurlijk toevoegen

. Het is echt een zooitje, niet erg geordend, maar werkt wel voor GoT en FP.

Cascading Stylesheet:

/*******
 General
 ********/
/** Overall background */
#layout {
    background-color: #0E0E0E;
}
#top {
/*  position: relative; */
    position: fixed !important;
    border: none !important;
    height: 85px;
    background: #B41039 !important;
    width: 100% !important;
    left: 0px !important;
    z-index: 999;
}
/* Search form */
#search {
    position: relative !important;
    top: -53px;
}
/* True hosting logo */
#true {
    position: fixed !important;
    top: 52px;
    left: 270px;
    
}
/* Default gray bar holding the search form and true logo
    Do not use display: none, search will disappear */
#searchbar {
    height: 0px !important;
    margin: 0px !important;
}
#logo {
    position: fixed !important;
    left: 50px !important;
    top: 0px !important;
}
#logo + .sitename {
    position: fixed !important;
    left: 100px !important;
    top: 52px !important;
}

/** Give the actual content a different background colour */
#contentArea {
    background: #212323 !important;
    width: 1130px !important;
    padding-left: 5px;
    padding-right: 5px;
    position: relative !important;
    margin-left: 360px !important;
    margin-top: 85px !important;
}

/** Bottom */
#bottom div.hr {
    background-color: #202020 !important;
}

/** Text boxes (search, reply) */
textarea#messageBox, input {
    color: #FFFFFF;
    background-color: #1E1E1E;
}

/** Menu */
#menu li a, #menu li span {
    color: #C8CBCB !important;
}
#menu .dropdown > span, .dropdown li, .dropdown li a, #menu .dropdown ul a {
    color: #000000 !important;
}

/** Tracker */
.trackerPopup .trackeritem li .caption { 
    color: #B7B4B2 !important;
}
.trackerPopup .trackeritem h4, .trackerPopup .trackeritem h4 a { 
    color: #D7D6D4 !important;
}
.trackerPopup.fixed .bulletSeparatedList > li[id="trackerFixateLink"], .trackerPopup.fixed .close {
    display: none !important;
}
/* Tracker location and width */
.trackerPopup.fixed {
    width: 350px !important;
/* Change to move tracker, put right is 1000px by default
    Only move it right if you have the resolution or changed
    the width of #contentArea and related */
    left: -355px !important; 
    top: 0px !important
}

/* Background color of tabs */
.pageTabs li {
    background: #212323 !important;
}
/* Hyperlinks */
a {
    color: #008FFF !important;
}
a:visited {
    color #FF8F00 !important;
}



/*******
   FP
 *******/
/** Maint content */
/* Tabs */
#fp_tabs li a {
    color: #ABAAAA !important;
}
#fp_tabs li.active a {
    color: #FFFFFF !important;
}
/* Picture items */
#fpaItems {
    width: 334px;
    float: right;
    margin-bottom: 10px !important;
    border: 1px solid #606060 !important;
}
.fpaItem {
    width: 167px !important;
    height: auto !important;
}
.fpaItem div.textContainer {
    border: none !important;
    width: 165px !important;
    height: auto !important;
    padding: 2px 2px !important;
}
.fpaItem img, .fpaItem .imageContainer {
    width: 167px !important;
    height: auto !important;
}

/** Article Listing */
.mainColumn {
    width: 770px !important;
}
table.highlights td a {
    color: #EDEEEE !important;
}
table.highlights td a:visited {
    color: #888888 !important;
}
table.highlights td {
    line-height: 15px !important;
    padding: 2px 0px !important;
}
table.highlights {
    border-top: 1px solid #000 !important;
}
table.highlights td {
    border-bottom: 1px solid #000 !important;
}

/** Second Column - PW, Jobs, Newsletter, etc. */
#pricewatch, #jobs, #poll, #newsletter, #sponsored, #textlink, #social .twitterButton, #social .facebookButton {
    background: #171818 !important;
}
.secondColumn p, .secondColumn h3 {
    color: #EDEEEE !important;
}

/** Articles */
.article, .content, #reacties {
    width: 830px !important;
}
.article, .content {
    color: #EDEEEE !important;
    width: 780px !important
}
/*.article a, ul a {
    color: #008FFF !important;
}*/

/* Author information next to article */
.relatedAuthor p {
    color: #868686 !important;
}
.relatedAuthor .authorInfo td {
    color: #868686 !important;
}

/* Next/Prev article date colour */
table.nextPrevious tr td {
    color: #B7B4B2 !important;
}

/* Modfilter text and width */
.modFilter {
    color: #B7B4B2 !important;
    width: 400px !important;
}

/* Meuk sidebar */
.meukDetail .sidebar {
    width: 320px !important;
}

/** Comments */
/* Bar top of comment */
.reacties > .reactie > .reactieContainer > .eenReactie .topBorder, .reacties > .reactie > .reactieContainer > div > .eenReactie .topBorder {
/*  background: #212323 !important;*/
}
.reactie .topBorder {
    margin-left: -20px !important;
    background: #212323 !important;
}
.reactie {
    background: #212323 !important;
    color: #EDEEEE !important;
    border-left: 1px solid #545454 !important;
}
/* +2 comments */
.reactieBody.informative {
    background: #323535 !important;
    border: 1px solid #4D4F4F !important;
}
/* +3 comments */
.reactieBody.spotlight {
    background: #454747 !important;
    border: 1px solid #6D6F6F !important;
}
/* Odd white line at last comment*/
.reactie.last > .reactieContainer {
    border-left: 1px solid #545454 !important;
}
/* Blockquote colour a bit lighter */
.reactieContent blockquote {
    color: #A9A9A9 !important;
}


/** Gallery fotoalbum */
form table td {
    color: #FFFFFF !important;
}


/* No social */
#social {
    display: none !important;
}
/* Change text background below article
   in case we do want to have the buttons */
#toggleButtonTxt {
    background: #212323 !important;
}
/* Do not show the buttons at all below the article */
#socialButtons {
    display: none !important;
}



/*******
   GoT
 *******/
/* Breadcrumbs */
.breadcrumb a, .action_list a {
    color: #828585 !important;
}

/** Forum tabs */
#forum_tabs li a {
    color: #ABAAAA !important;
}
#forum_tabs li.active a {
    color: #FFFFFF !important;
}

/* Bookmarks */
.faux p {
    color: #FFF !important;
}

/** GoT Topic listings  */
table.listing td, table.listing td a {
    background: #121212 !important;
    color: #EDEEEE !important;
}
table.listing td.topic a, table.listing td.title a { 
    color: #EDEEEE !important;
}
/* Listing height */
table.listing td, table.listing th {
    padding: 4px 5px !important;
}
table.listing th {
    background: #3E3E3E !important;
}

/** Listing borders */
table.listing td {
    border-top: 0px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}
table.listing td.last {
    border-right: 1px solid #000000 !important;

}
table.listing td.ind, table.listing td.ind2 {
    border-left: 1px solid #000000 !important;
}
/* Decrease space between forum sections */
.forumList table.listing {
    margin-bottom: 5px !important;
}

/** Forum Description */
#title p.forumdesc {
    color: #EDEEEE !important;
}


/** Forum replies */
/* Message content */
div.info, div.message, div.faq, form.form1, form.form2, #folders, #myprofilecontainer, table.info {
    background-color: #212323 !important;
    color: #EDEEEE;
}
#messages, .topic_actions {
    width: 1120px !important;
    padding-left: 5px !important;
}
div.message div.post div.messagecontent {
    width: 960px !important;
    margin-right: 5px !important;
}
/* Hyperlinks in messages Tweakers green */
div.messagecontent a {
    color: #D9FF26 !important;
}
/* Remove space between messages */
div.message, div.faq {
    margin-bottom: 0px !important;
}
/* Lighten the header a bit */
div.message div.messageheader {
    background-color: #262828 !important;
}
/* Make your own post even lighter */
div.message div.ownpost {
    background-color: #404040 !important;
}
/* Give the header of the TS a lighter colour */
div.topicstarter div.messageheader {
    background-color: #323434 !important;
}
/* And the name itself a different colour */
div.topicstarter div.messageheader div.poster a {
    color: #008800 !important;
}

/* Some padding for the post */
div.message div.post {
    padding: 5px 2px 4px 10px !important;
}
/* Post version on diff */
div.message div.poster {
    color: #EDEEEE !important;
}

/** Quote boxes */
div.messagecontent blockquote {
    color: #FFFFFF !important;
}
div.message-quote-div {
    background-color: #616464 !important;
    color: #FFFFFF !important;
}
/* Quote user link */
div.messagecontent div.message-quote-div a.messagelink, div.messagecontent div.message-quote-div a.messagelink:hover {
    color: #FFFFFF !important;
}

/** Code boxes */
table.phphighlight td.phphighlightline, table.phphighlight td.phphighlightcode {
    border: 1px solid #FFFFFF !important;
}
table.phphighlight td, table.phphighlight td pre, table.phphighlight td code {
    color: #000000 !important;
    background-color: #DDDDDD !important;
}

/* Modbreak text */
.mbr {
    color: #AD0009 !important;
}

/** Show spoilers on hover */ 
div.spoiler:hover {   
    color: white !important;   
}

/** Show user reg date and postcount */ 
div.message div.post div.userdetails div.userdata div.extra { 
    display: block !important;
}

/** Username */
.user {
    color: #FFFFFF !important;
}

/** Crew username*/
.crew {
    color: #B9133C !important;
}

/* Pagenumbers */
.pagecounter {
    margin: 5px 0px 0px !important;
}


/** Quick Reply */
h3#reageer, h3#statusupdate{
    margin-top: 4px !important;
}
/* Topicwarning */
fieldset.modbreak {
    background: #800000 !important;
}
fieldset.modbreak legend {
    color: #FFE900 !important;
}

form dl dd textarea#messageBox { 
    height: 200px !important;
    width: 950px !important;
}


/* Toon Voorbeeld - make it true visible button */
form input.forumlink { 
    cursor: pointer;
    background: #0A93CA !important;
    border: 1px solid #0987B8;
    border-radius: 1px;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.102);
    color: #FFFFFF !important;
    font-size: 12px;
    height: 26px;
    padding: 0px 10px;
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.149);
}
/* Make sure Reageer has correct text colour */
.fancyButton {
    color: #FFFFFF !important;
}

Edit:
20-10 20:12: Nieuwe versie, T.net is nu breder, GoT is breder, meer dingen gestyled, aantal kleurtjes aangepast, Tracker ietjes breder en vaste plek, midden ook vaste plek. Nog wel paar bugs over, zelfs een paar gemaakt. Wordt nog opgelost.

22-10 21:38: Nieuwe versie, GoT reply is breder, maar laat ook DMs buiten je beeld vallen, wordt nog gefixt. Tevens meer dingen gestyled, top bar heeft vaste plek (is nog WIP vind 't wel mooi zo), logo naar links verhuist, true logo andere kant op, zoekveld bovenin.
Geen nieuwe screenshots.

[ Voor 148% gewijzigd door Hero of Time op 22-10-2012 21:42 ]

Commandline FTW | Tweakt met mate

vrijdag 19 oktober 2012 00:06

Acties:

0 Henk 'm!

Blue-eagle

Crosspost vanuit een topic waar het enigszins off-topic ging:

Fixed header, search bar verwijderd.
Lelijke witte rand bij footer verwijderd.
Vage borders bij reacties op FP verwijderd.
15 Pixels ruimte tussen forumberichten verwijderd.
Moar drop shadows 4 teh win!
Grijze achtergrond met witte content.

Werkt vooralsnog op alle onderdelen van de site. Wat een paar regeltjes aan CSS wel niet kunnen doen

Afbeeldingslocatie: http://i.imgur.com/bjG4J.jpg

Cascading Stylesheet:

#layout { background: #aaa; min-height: 1000px; }
#contentArea {
    background: #fff;
    padding: 100px 20px 200px 20px;
    box-shadow: 0 0 10px #555;
    min-height: 1000px;
}
#top {
    position: fixed;
    width: 100%;
    height: 85px;
    border: none;
    box-shadow: 0 0 10px #333;
    z-index: 9999;
}
#searchbar { display: none; }
.galleryHeadingContainer { display: none; }

#reacties * { border: none; }

#bottom {
    background: -webkit-linear-gradient(#333,#000) 0 0;
    box-shadow: 0 0 10px #333;
}
#bottom div.hr { display: none; }

.pageTabsContainer {
    margin-top: 51px;
    box-shadow: 0 0 10px #333;
    height: 30px;
    overflow: hidden;
}

div.content { margin-top: 30px; }

div.message { margin-bottom: -1px; }

div.popup.trackerPopup {
    position: fixed;
    box-shadow: 0 0 10px #333;
}

vrijdag 19 oktober 2012 00:06

Acties:

0 Henk 'm!

Verwijderd

Verwijderd schreef op donderdag 18 oktober 2012 @ 22:52:
Ik heb.. flink gemod.

[afbeelding]

code:

#menubar #layout {
    min-width: 850px; }

#menubar {
    width: 100%; }

/* verplaatst bar met username naar links */
#userbar {
right: 90px; }

body {
  background-color:#eeeeee;
}

/* minder witruimte op de FP*/
table.highlights td {
    line-height: 15px;
    border-bottom: 1px solid rgb(232, 234, 234);
    padding: 2px 0px;
}

/* minder witruimte onder tabs @ FP */
#fp_tabs_container {
  margin-bottom: 0px;
    position: absolute;
    top: -37px;
    height: 35px;
}

#fp_tabs {
    border-bottom: none; }

.pageTabs li {
  margin-right: 0px; }

.pageTabs {
    width: auto; }

.pageTabs li p, .pageTabs li a {
    padding: 0px 2px; }

/* verplaats search meer naar rechts... */
#search .keywordSearch {
    margin: 0px 410px; }

#searchbar {
    margin-top: 0px;
    height: auto;
    border-radius: 0px 0px 0px 0px;
}

#search {
  padding-top: 0px; }

#true {
    display: none; }

#menubar {
    top: auto; }

#contentArea {
    padding-top: 5px; }

#social {
    display:none; }

Ik browse meestal half-width op mijn 1080p scherm. Dus rond de 960px breed. Nu nog een mod die de frontpage forum :x minder breed maakt. En ik wil 'last' terug in plaats van 'laatste'. 'las' is namelijk een vrij unieke string. Dat werkt erg goed als je vaak puur op het toetsenbord browset.

Ik snap er niks van krijg niet die tabs naast de search bar

. Ik heb overal al !important; van gemaakt.

Vreemd. Ipv

Cascading Stylesheet:

#fp_tabs_container {
  margin-bottom: 0px;
    position: absolute;
    top: -37px;
    height: 35px;

Moest ik er dit van maken:

Cascading Stylesheet:

#fp_tabs_container {
  margin-bottom: 0px;
    position: absolute;
    top: 27px;
    height: 35px;

[ Voor 7% gewijzigd door Verwijderd op 19-10-2012 00:32 ]

vrijdag 19 oktober 2012 00:26

Acties:

0 Henk 'm!

Ethelind

Afbeeldingslocatie: http://i.imgur.com/bDtIr.png

code:

.popup.trackerPopup.fixed
{
  margin-top: -20px;
  margin-left: 20px;
        position: fixed !IMPORTANT;
        left: 30px !IMPORTANT;
        top: 160px !IMPORTANT;
}
html
{
  background: #444444;
}
div#contentArea
{
  padding-left: 20px;
  padding-right: 20px;
background-image: linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -o-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -moz-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -webkit-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -ms-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.01, #E3E3E3),
    color-stop(0.51, #ABABAB),
    color-stop(1, #E0E0E0)
);

}
#menubar
{
  width: 980px;
}
#searchbar
{
  margin: 34px auto 0 auto;
  width: 1020px;
}
.galleryHeadingContainer, .pageTabsContainer, .notificationsContainer
{
  margin: 0 auto;
  width: 1020px;
}
.pageTabsContainer
{
  border-bottom: 1px solid #C3C6C6;
}
#top
{
  border-bottom: 0;
}

Met dank aan:
Blue-eagle
Ethelind
Wie allemaal meer met ideeën kwam in de [bug] Pagina's te wit! thread.

vrijdag 19 oktober 2012 00:37

Acties:

0 Henk 'm!

Verwijderd

Zerfox schreef op donderdag 18 oktober 2012 @ 23:09:
Prachtig hoe de ruimte op mijn 1080p scherm benut wordt:
[afbeelding]

Afbeeldingslocatie: http://tweakers.net/ext/f/m23D9spNAk0gdIYHJK66q8mT/thumb.jpg

Dan maak je de boel gewoon lekker breder

vrijdag 19 oktober 2012 00:40

Acties:

0 Henk 'm!

Madrox

Oh, Pharaoh!

Heb nu deze "zalm" achtergrondkleur die ik erg mooi vind, hoe krijg ik dat ook zo bij de zoekbalk, of beter nog, kan die zoekbalk helemaal weg ?

Oja, de fourmpage is nog steeds wit, die wil ik ook zalm

[ Voor 9% gewijzigd door Madrox op 19-10-2012 00:41 ]

Voor upgrade, complete zelfbouw, herstellen van windows/software klik hier!

vrijdag 19 oktober 2012 00:41

Acties:

0 Henk 'm!

Verwijderd

Madrox schreef op vrijdag 19 oktober 2012 @ 00:40:
Heb nu deze "zalm" achtergrondkleur die ik erg mooi vind, hoe krijg ik dat ook zo bij de zoekbalk, of beter nog, kan die zoekbalk helemaal weg ?

[afbeelding]

Cascading Stylesheet:

1
2
3

#searchbar {
  display: none !important;
  }

vrijdag 19 oktober 2012 00:45

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

custom css
Css

Of als je 't een kleurtje wilt geven:

Cascading Stylesheet:

1
2
3

#search input.text { 
background-color: zalm-roze;
}

Commandline FTW | Tweakt met mate

vrijdag 19 oktober 2012 00:47

Acties:

0 Henk 'm!

albino71

Leef rijk, sterf arm

Het wordt laat merk ik

Truste!

Te koop....

vrijdag 19 oktober 2012 00:48

Acties:

0 Henk 'm!

Verwijderd

Madrox schreef op vrijdag 19 oktober 2012 @ 00:40:
Heb nu deze "zalm" achtergrondkleur die ik erg mooi vind, hoe krijg ik dat ook zo bij de zoekbalk, of beter nog, kan die zoekbalk helemaal weg ?

[afbeelding]

Oja, de fourmpage is nog steeds wit, die wil ik ook zalm

Waarom zou je de zoekbalk weg willen als je de layout toch kan compacten? De zoekbalk neemt bij mij geen kostbare horizontale ruimte in.

vrijdag 19 oktober 2012 00:52

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

custom css
Css

Leuk, kom net nog in een topic met een warning boven de QR, issie roze

. Eerst pitten, daarna fixen. Ik wist dat er nog bugs in zaten

. Ook de FP met de rechterkant, die moet ik nog doen, en de replies onder artikelen.

Commandline FTW | Tweakt met mate

vrijdag 19 oktober 2012 00:54

Acties:

0 Henk 'm!

Madrox

Oh, Pharaoh!

Verwijderd schreef op vrijdag 19 oktober 2012 @ 00:48:
[...]

Waarom zou je de zoekbalk weg willen als je de layout toch kan compacten? De zoekbalk neemt bij mij geen kostbare horizontale ruimte in.

Vind dat er ook niet fraai uitzien en die zoekbalk gebruik ik toch nooit, vandaar

Voor upgrade, complete zelfbouw, herstellen van windows/software klik hier!

vrijdag 19 oktober 2012 00:55

Acties:

0 Henk 'm!

Verwijderd

Madrox schreef op vrijdag 19 oktober 2012 @ 00:54:
[...]

Vind dat er ook niet fraai uitzien en die zoekbalk gebruik ik toch nooit, vandaar

Ding werkt toch niet

vrijdag 19 oktober 2012 00:58

Acties:

0 Henk 'm!

Madrox

Oh, Pharaoh!

Hero Of Time schreef op vrijdag 19 oktober 2012 @ 00:45:
Of als je 't een kleurtje wilt geven:
Cascading Stylesheet:
1
2
3
#search input.text { 
background-color: zalm-roze;
}

Nee, ik wil die hele grijze streep zalm hebben

Het zoekvenster nu foetsie, nu nog dat lelijke grijs

Me loves my zalmon

ps: o wacht, het grijs is weg nu, maar nu klopt de layout niet meer, margin toeveogen ergens denk ik

Zo ziet het er nu uit :

[ Voor 31% gewijzigd door Madrox op 19-10-2012 01:05 ]

Voor upgrade, complete zelfbouw, herstellen van windows/software klik hier!

vrijdag 19 oktober 2012 01:03

Acties:

0 Henk 'm!

Senaxx

Met dank aan vorige geposte configs! Paar kleine aanpassingen in gemaakt:

Afbeeldingslocatie: http://i.minus.com/iblHbl2oi8p9pX.jpg

code:

html
{
  background: #444444;
}


div#contentArea
{
  padding-left: 20px;
  padding-right: 20px;
  background: #F7F7F7;


}
#menubar
{
  width: 980px;
}
#searchbar
{
  margin: 34px auto 0 auto;
  width: 1020px;
}
.galleryHeadingContainer, .pageTabsContainer, .notificationsContainer
{
  margin: 0 auto;
  width: 1020px;
}
.pageTabsContainer
{
  border-bottom: 1px solid #C3C6C6;
}
#top
{
  border-bottom: 0;
}

a {
color: #000000;
text-decoration: none;
}

table.highlights td {
line-height: 5px;
padding: 5px 5px;
}

#menubar {
width: 1024px;
border-radius: 6px 6px 0 0;
}

vrijdag 19 oktober 2012 01:04

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

custom css
Css

Madrox schreef op vrijdag 19 oktober 2012 @ 00:58:
[...]

Nee, ik wil die hele grijze streep zalm hebben
Het zoekvenster nu foetsie, nu nog dat lelijke grijs

Me loves my zalmon

ps: o wacht, het grijs is weg nu, maar nu klopt de layout niet meer, margin toeveogen ergens denk ik

Oh, dan #searchbar { display: none; } en klaar. Wel even de troep die je krijgt fixen

.

Commandline FTW | Tweakt met mate

vrijdag 19 oktober 2012 01:09

Acties:

0 Henk 'm!

Verwijderd

Hero Of Time schreef op vrijdag 19 oktober 2012 @ 01:04:
[...]

Oh, dan #searchbar { display: none; } en klaar. Wel even de troep die je krijgt fixen .

dat zeg ik

Maar goed FP kom ik haast niet sinds T7 (de tracker doet het voor me inmiddels)

De rest is lekker op de schop

Afbeeldingslocatie: http://tweakers.net/ext/f/Eekd7yd30cRaweV5Ev0wG5u9/thumb.jpg

[ Voor 17% gewijzigd door Verwijderd op 19-10-2012 01:09 ]

vrijdag 19 oktober 2012 01:11

Acties:

0 Henk 'm!

Madrox

Oh, Pharaoh!

Nus is het bijna goed, maar de tekst/tab alles, nieuws, video etc.etc. word nu gedubbeld over de zwarte menu

(zie plaatje vorige pagina)

Het zalm bevalt me zo goed, ik wil overal het muisgrijs met deze kleur vervangen en een iets lichtere/donkere tint voor de meeste donkergrijze vlakken.

[ Voor 46% gewijzigd door Madrox op 19-10-2012 01:15 ]

Voor upgrade, complete zelfbouw, herstellen van windows/software klik hier!

vrijdag 19 oktober 2012 01:20

Acties:

0 Henk 'm!

Caelorum

Ik zal jullie mijn werk even laten zien. Heb geprobeerd zoveel mogelijk de stijl te laten voor wat het is en alles alleen wat compacter te maken door wat witruimte weg te halen en wat elementen te verschuiven.
Zo op het oog lijkt het er op dat de custom css ook goed werkt in Firefox en Chrome, maar ik heb het gemaakt in IE10 dus geen garanties

Afbeeldingslocatie: https://dl.dropbox.com/u/230931/tweakers.net/Tweakers_custom_css_thumbnail.png

Cascading Stylesheet:

.highlights tbody tr td {
padding-top: 3px;
padding-bottom: 3px;
}

#contentArea {
padding-top: 0px;
}

#fpaItems {
margin-bottom: 0px;
}

#fpaItems .fpaItem {
height: 150px;
width: 150px;
}

#fpaItems .fpaItem div.imageContainer {
width: 150px;
height: 75px;
}

#fpaItems .fpaItem div.imageContainer img {
width: 150px;
height: 75px;
}

#fpaItems .fpaItem div.textContainer {
padding-bottom: 0px;
}

#fp_tabs_container {
margin-bottom: 5px;
}

#trackerContent .trackeritem li {
padding-bottom: 2px;
padding-top: 2px;
}

.secondColumn {
margin-top: -150px;
}

div.trackerPopup {
margin-top: 22px;
}

#mainSearch {
margin-left: 0px;
margin-right: 0px;
}

#mainSearch.keywordSearch {
width: 277px;
margin-left: 12px;
}

#mainSearch.keywordSearch input.text {
width: 220px;
}

#searchbar {
height: 20px;
}

#search { 
float: left; 
width: 304px;
}

#true { 
display: none;
}

.mainSearchSuggest {
z-index: 1000;
}

Nu alleen nog erachter zien te komen hoe ik die witruimte rechts weg kan halen zonder dat de tracker links ook weg gaat.

vrijdag 19 oktober 2012 01:23

Acties:

0 Henk 'm!

Blue-eagle

Afbeeldingslocatie: http://i.imgur.com/S9iTf.jpg

Zo

Mijn Tweakers 8 is klaar.

Bovenkant scrolled mee.
Zoekmenu bovenin geplaatst.
Bovenkant licht transparant en blauw.
Full screen zelf te kiezen achtergrond van interfacelift.com.
Content gedeelte geshadowed/bordered.
Reacties op forum staan nu tegen elkaar aan.
Kopjes en links zijn blauw.
Etc.

Moet nog het een en ander fixen en testen, maar voorlopig ben ik er blij mee.

vrijdag 19 oktober 2012 01:25

Acties:

0 Henk 'm!

Madrox

Oh, Pharaoh!

Caelorum schreef op vrijdag 19 oktober 2012 @ 01:20:

Nu alleen nog erachter zien te komen hoe ik die witruimte rechts weg kan halen zonder dat de tracker links ook weg gaat.

html
{
background: #FAEBD4;
}

Dat zou dan zalm worden, je kan natuurlijk elke gewesnte background kleur toevoegen

Bovenaan de code zetten, dat werkt hier!

Blue-eagle schreef op vrijdag 19 oktober 2012 @ 01:23:
[afbeelding]

Zo Mijn Tweakers 8 is klaar.

Moet nog het een en ander fixen en testen, maar voorlopig ben ik er blij mee.

Vet $_/-\o_$ Waar is de code

[ Voor 34% gewijzigd door Madrox op 19-10-2012 01:34 ]

Voor upgrade, complete zelfbouw, herstellen van windows/software klik hier!

vrijdag 19 oktober 2012 01:27

Acties:

0 Henk 'm!

Verwijderd

Blue-eagle schreef op vrijdag 19 oktober 2012 @ 01:23:
[afbeelding]

Zo Mijn Tweakers 8 is klaar.
Bovenkant scrolled mee.
...
Moet nog het een en ander fixen en testen, maar voorlopig ben ik er blij mee.

Erg smal maar die header blijft staan?

vrijdag 19 oktober 2012 01:27

Acties:

0 Henk 'm!

Caelorum

Nee ik bedoel echt de ruimte zelf weg. Het wordt niet gebruikt en ik wil de site wat meer kunnen zoomen zonder dat de tracker verdwijnt

vrijdag 19 oktober 2012 01:31

Acties:

0 Henk 'm!

Senaxx

Afbeeldingslocatie: http://i.minus.com/ibocu0kmmPpQQy.jpg

Zo, nog een paar aanpassingen gemaakt

Ik ben wel tevreden zo en klaar

* Header aangepast
* Kleuren aangepast
* Featured items kleiner
* Pricewatch omhoog
* Alle wit weg

code:

html
{
  background: #444444;
}

div#contentArea
{
  padding-left: 20px;
  padding-right: 20px;
  background: #F7F7F7;
}

.eenReactie
{
  background: #F7F7F7;
}

.reactie
{
  background: #F7F7F7;
}

#menubar
{
  width: 980px;
}
#searchbar
{
  margin: 34px auto 0 auto;
  width: 1020px;
}
.galleryHeadingContainer, .pageTabsContainer, .notificationsContainer
{
  margin: 0 auto;
  width: 1020px;
}
.pageTabsContainer
{
  border-bottom: 1px solid #C3C6C6;
}
#top
{
  border-bottom: 0;
}

a {
color: #000000;
text-decoration: none;
}

table.highlights td {
line-height: 5px;
padding: 5px 5px;
}

#menubar {
width: 1024px;
border-radius: 6px 6px 0 0;
}

.articleColumn
{
line-height: 1.4;
}

#socialButtons {
display: none !important;
}

p
{
-webkit-margin-after: 0.5em;
}

#fpaItems { 
margin-bottom: 0px; 
} 

#fpaItems .fpaItem { 
height: 155px; 
width: 155px; 
} 

#fpaItems .fpaItem div.imageContainer { 
width: 155px; 
height: 75px; 
} 

#fpaItems .fpaItem div.imageContainer img { 
width: 155px; 
height: 75px; 
} 

#fpaItems .fpaItem div.textContainer { 
padding-bottom: 0px; 
} 

#fp_tabs_container { 
margin-bottom: 5px; 
} 

.secondColumn { 
margin-top: -150px; 
}

[ Voor 100% gewijzigd door Senaxx op 19-10-2012 01:34 ]

vrijdag 19 oktober 2012 01:33

Acties:

0 Henk 'm!

Verwijderd

Iemand een idee hoe ik de tracker kan forceren altijd aan te staan (dus ook bij lagere resoluties?) en bedankt Senaxx voor je css layout zover

werkt goed... Zo jammer dat je zelf met CSS moet gaan rotzooien om de site weer een goede layout te geven -.-

vrijdag 19 oktober 2012 01:41

Acties:

0 Henk 'm!

Madrox

Oh, Pharaoh!

Lukt dat niet met de stylesheet ?

Anyway, ben hier al redelijk content mee:

Nu wil ik alleen nog die donkere grijze vlakken "zalmachtig" maken, bijv..die van de Pricewatch enzo...
Iemand?

Voor upgrade, complete zelfbouw, herstellen van windows/software klik hier!

vrijdag 19 oktober 2012 01:45

Acties:

0 Henk 'm!

Verwijderd

code:

#pricewatch, #jobs, #poll, #newsletter, #sponsored, #textlink, #social .twitterButton, #social .facebookButton {
    background: linear-gradient(#FAEBD4, #FAEBD4) repeat scroll 0 0 #FAEBD4;
    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;
}

Je moet er nog wel waar nodig !important; van maken

. Ik denk dat background: #FAEBD4 ook wel kan.

vrijdag 19 oktober 2012 02:00

Acties:

0 Henk 'm!

QwaftZefoni

Ik ben hier geen held in (understatement)
Als ik onderstaande code toepas ben ik al heel content voor de frontpage etc.
Maar de stylesheet werkt niet op het Forum deel?
Dus daar nog steeds grote vlakken wit e.d. Wat doe ik mis... ik zie jullie 't wel doen

code:

html
{
  background: #444444;
}

div#contentArea
{
  padding-left: 20px;
  padding-right: 20px;
  background:#F7F7F7;
  box-shadow: 0 0 10px #555; 
}

#menubar
{
  width: 980px;
}

#searchbar
{
  margin: 34px auto 0 auto;
  width: 1020px;
}
.galleryHeadingContainer, .pageTabsContainer, .notificationsContainer
{
  margin: 0 auto;
  width: 1020px;
}
.pageTabsContainer
{
  border-bottom: 1px solid #C3C6C6;
}
#bottom {
    background: -webkit-linear-gradient(#333,#000) 0 0;
    box-shadow: 0 0 10px #333;
}
#bottom div.hr { display: none; } 

#top
{
  border-bottom: 0;
}

a {
color: #000000;
text-decoration: none;
}

table.highlights td {
line-height: 5px;
padding: 5px 5px;
}

#menubar {
width: 1024px;
border-radius: 6px 6px 0 0;
}

div.popup.trackerPopup {
  margin-top: -20px;
  margin-left: 20px;
        position: fixed !IMPORTANT;
        left: 75px !IMPORTANT;
        top: 100px !IMPORTANT;
        box-shadow: 0 0 10px #333; 
}

vrijdag 19 oktober 2012 02:01

Acties:

0 Henk 'm!

Verwijderd

@hierboven
Volgens mij gebruiken de meeste hier voor het forum gedeelte Stylish Add-on voor FF.

vrijdag 19 oktober 2012 02:04

Acties:

0 Henk 'm!

Senaxx

Stylish is er ook voor Chrome, en ik zie net dat die het ook doet voor het forum

De karma - addon custom cms werkt alleen voor de FP.

Ik krijg alleen die div "job_relations" nog niet weg hier op het forum

code:

1
2
3

#job_relations {
display: none !important;
}

Werkt helaas niet

, nu ben ik ook geen ster in perfecte css syntax maar alles werkt tot nu toe perfect behalve deze.

[ Voor 30% gewijzigd door Senaxx op 19-10-2012 02:06 ]

vrijdag 19 oktober 2012 02:05

Acties:

0 Henk 'm!

QwaftZefoni

yup dat werkte *smak* kan ik eindelijk naar bed

vrijdag 19 oktober 2012 02:06

Acties:

0 Henk 'm!

NielsNL

DigiCow

code:

1	#jobs_relations{display: none;}

Niet getest...
Ah, jij gebruikt job i.p.s. jobs

[ Voor 26% gewijzigd door NielsNL op 19-10-2012 02:07 ]

M'n Oma is een site aan het haken.

vrijdag 19 oktober 2012 02:08

Acties:

0 Henk 'm!

Senaxx

NielsNL schreef op vrijdag 19 oktober 2012 @ 02:06:
code:
1
#jobs_relations{display: none;}
Niet getest...

Yep die werkt wel

Thanks! snap alleen niet waarom hij die !important niet oppikte.

*edit... aah gewoon een typo dus

STOM! Maar hij is weg. Nu ook GoT weer perfect:

Afbeeldingslocatie: http://i.minus.com/iqs1uOiTZZ8ah.jpg

[ Voor 21% gewijzigd door Senaxx op 19-10-2012 02:13 ]

vrijdag 19 oktober 2012 02:11

Acties:

0 Henk 'm!

Blue-eagle

Afbeeldingslocatie: http://i.imgur.com/nX4Ie.jpg

Klik voor een imgur.com album, met daarin:

Morgen verder knutselen

CSS op pastebin: http://pastebin.com/gr1ihjQy

vrijdag 19 oktober 2012 02:13

Acties:

0 Henk 'm!

Bliksem B

Lekker dan dat het forum gedeelte niet qua kleur kan worden aangepast via de standaard custom CSS. Dan zie vrij weinig aan de custom CSS wanneer je geen uniformiteit hebt.

@hierboven
Danku, ga morgen verder kijken.

vrijdag 19 oktober 2012 02:24

Acties:

0 Henk 'm!

Verwijderd

$_/-\o_$ Top menu vastzetten in Stylish (Firefox):

Cascading Stylesheet:

#top {
    position: fixed;
    width: 100%;
    height: 85px;
    border: none;
    box-shadow: 0 0 10px #333;
    z-index: 9999;
}

Bedankt Blue-eagle $_/-\o_$

vrijdag 19 oktober 2012 03:07

Acties:

0 Henk 'm!

Blue-eagle

En nu ook een donkere versie, snel inelkaar geprutst. Zelfde eigenschappen als in mijn eerdere post.

Afbeeldingslocatie: http://i.imgur.com/Ygjq8.jpg

CSS op pastebin: http://pastebin.com/49wW7A90

vrijdag 19 oktober 2012 03:11

Acties:

0 Henk 'm!

Verwijderd

Kun je een CSS image ook van je eigen harde schijf laden?

Te snel gevraagd voor Google te gebruiken

. Ja dat kan

"file:///V:/image12.gif"

FP ziet er best oke uit nu. Alleen die blokken met foto's erin staan niet heel mooi die moeten nog kleiner worden gemaakt. Ik weet alleen ff niet hoe. Uiteindelijk gaat het om de leesbaarheid bij de berichten zelf. Ik heb ervoor gekozen de tekstvakken wit te houden omdat die lijntjes anders niet meer kloppen. Bedoeld voor 1280x schermen.

Afbeeldingslocatie: http://i.imgur.com/vJ11B.png

Afbeeldingslocatie: http://i.imgur.com/vJ11B.png

Afbeeldingslocatie: http://i.imgur.com/EyBc3.png

[ Voor 83% gewijzigd door Verwijderd op 19-10-2012 03:29 ]

vrijdag 19 oktober 2012 03:15

Acties:

0 Henk 'm!

Tomassie91

wut?!

Ook maar begonnen met een CSS sheet voor T.net 7 (als die afkorting nog mag

).

Doel van mijn stylesheet: simpel, duidelijk en bedoeld voor grote schermen.

Home:
Afbeeldingslocatie: http://imageshack.us/a/img440/6968/homekg.png

Nieuws:
Afbeeldingslocatie: http://imageshack.us/a/img843/967/nieuws.png

Forum:
Afbeeldingslocatie: http://imageshack.us/a/img441/4741/forumla.png

Haalt uw code hier.

Disclaimer:
Alleen getest op firefox 15 met stylish en een 1080p scherm. Alle andere configuraties zijn nog niet ondersteund.

met dank aan Strunkie voor de basis van dit sheet!

[ Voor 16% gewijzigd door Tomassie91 op 19-10-2012 03:17 ]

if it's worth doing, it's worth overdoing - Adam Savage

vrijdag 19 oktober 2012 03:19

Acties:

0 Henk 'm!

jmxd

Ook een beetje aan het klooien geweest met de FP. Zo heb ik het nu:

Afbeeldingslocatie: http://tweakers.net/ext/f/PMhxVz7vpb8P6ppoHC2n5o9J/full.png

vrijdag 19 oktober 2012 03:27

Acties:

0 Henk 'm!

Verwijderd

Irritant rode resize warning weg ermee. Ik vind het pijnlijk aan de ogen. Border eromheen heb ik licht blauw gemaakt.

Cascading Stylesheet:

div.resizewarning div {
    display: none !important;

}

img.resized {
    border: 1px dashed #739EFF !important;
    display: block;
    float: none;
}

vrijdag 19 oktober 2012 03:47

Acties:

0 Henk 'm!

Madrox

Oh, Pharaoh!

Verwijderd schreef op vrijdag 19 oktober 2012 @ 01:45:
code:
1
2
3
4
5
6
7
#pricewatch, #jobs, #poll, #newsletter, #sponsored, #textlink, #social .twitterButton, #social .facebookButton {
    background: linear-gradient(#FAEBD4, #FAEBD4) repeat scroll 0 0 #FAEBD4;
    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;
}
Je moet er nog wel waar nodig !important; van maken . Ik denk dat background: #FAEBD4 ook wel kan.

Weet niet wat ik ermee moet, ik mis volgens mij nogal wat {} en zo

(je script werkt iig niet zo)

Voor upgrade, complete zelfbouw, herstellen van windows/software klik hier!

vrijdag 19 oktober 2012 04:05

Acties:

0 Henk 'm!

Verwijderd

Nee is goed maar je moet nog !important; toevoegen waar jij het veranderd. Je moet bijv ff kijken hoe je de border wilt hebben. Zo werkt hij in elk geval (alles in zalm kleur):

Cascading Stylesheet:

#pricewatch, #jobs, #poll, #newsletter, #sponsored, #textlink, #social .twitterButton, #social .facebookButton {
    background: none repeat scroll 0 0 #FAEBD4 !important;
    border: 1px solid #FAEBD4 !important;
}

Afbeeldingslocatie: http://i.imgur.com/gASLn.png

[ Voor 18% gewijzigd door Verwijderd op 19-10-2012 04:07 ]

vrijdag 19 oktober 2012 04:11

Acties:

0 Henk 'm!

Sando

Sandoichi

Door die hele V7 toestanden ben ik ook maar eens voor het eerst aan de User CSS gegaan.

Ik heb even CSS in elkaar gehackt om die verschrikkelijke nieuwe forumweergave even wat relaxter te maken, maar er zitten ongetwijfeld nog fouten in. Het idee was een relaxte hd-desktop-informatiedichtere dinges te maken, maar opeens vond ik dat ik er toch te lang mee bezig was.

Gebruik gerust als basis voor iets beters, want die 7 meter koeiesearchbar hebben teveel custom css'jes er nog instaan.

Wel relaxed dat het forum iets breder is.

Afbeeldingslocatie: http://tweakers.net/ext/f/Qh4hJaMQRqCkkBdoRNYjdRVl/full.png

Cascading Stylesheet:

/* Achtergrond-iets? */

#layout {
    min-width: 1714px;
    background-color: #666;
}

#contentArea {
    padding-top: 0px;
    margin-top: 16px;
    background: #EEE;
    width: 1024px !important;
    padding-left: 16px;
}

/* Bovenste balk shitjes */

#menubar {
    top: 17px;
    width: 1714px;
}

#userbar {
    position: absolute;
    left: -376px;
    top: 0;
}

#menu .dropdown > div {
    z-index: 999;
}


#searchbar {
    margin-top: 0;
    height: 0;
}

#search {
    padding-top: 28px;
    width: 1714px;
    margin: 0 auto;
    height: 0;
}

#mainSearch {
    height: 24px !important;
    width: 488px;
    margin: 0 auto;
    position: relative;
    top: -42px;
    left: 610px;
}

#search #true {
    float: right;
    position: relative;
    top: -43px;
    left: 58px;
}



/* Tracker */

.trackerPopup.fixed {
    width: 300px;
    position: absolute;
    top: 0;
    left: -336px !important;
    display: block;
}

.trackerPopup .popupContent {
    padding: 10px 10px 4px;
} 



/* Forum fixen enzo */

#title {
    position: relative;
    clear: both;
}


#messages, .topic_actions {
    width: 1008px;
    overflow: hidden;
}

div.message div.post div.messagecontent {
    width: 852px;
    margin-left: 126px;
    font-size: 13px;
}

div.messagecontent {
    width: 852px;
    margin-left: 126px;
    font-size: 13px;
}

#sidebar {
    width: 320px;
    margin: 0;
    padding: 8px;
    position: absolute;
    right: -336px;
    top: -120px;
    background: #DDD;
}

.breadcrumb, .breadcrumb a {
    padding-top: 8px;
}

🇪🇺 Buy from EU (GoT)

vrijdag 19 oktober 2012 04:42

Acties:

0 Henk 'm!

Madrox

Oh, Pharaoh!

Verwijderd schreef op vrijdag 19 oktober 2012 @ 04:05:
Nee is goed maar je moet nog !important; toevoegen waar jij het veranderd. Je moet bijv ff kijken hoe je de border wilt hebben. Zo werkt hij in elk geval (alles in zalm kleur):
Cascading Stylesheet:
1
2
3
4
#pricewatch, #jobs, #poll, #newsletter, #sponsored, #textlink, #social .twitterButton, #social .facebookButton {
    background: none repeat scroll 0 0 #FAEBD4 !important;
    border: 1px solid #FAEBD4 !important;
}
[afbeelding]

Aha, mijn dank ik groot ; het werkt $_/-\o_$

Zo ziet het er nu uit:

Nu nog een paar ander blokken onder handen nemen, op andere pages. Enne, die lichtgrijze rand om mijn zwart navbar heen, hoe krijg ik die zalmpie ?

Voor upgrade, complete zelfbouw, herstellen van windows/software klik hier!

vrijdag 19 oktober 2012 08:56

Acties:

0 Henk 'm!

ThaStealth

Tomassie91 schreef op vrijdag 19 oktober 2012 @ 03:15:
Ook maar begonnen met een CSS sheet voor T.net 7 (als die afkorting nog mag ).

Doel van mijn stylesheet: simpel, duidelijk en bedoeld voor grote schermen.

Home:
[afbeelding]

Nieuws:
[afbeelding]

Forum:
[afbeelding]

Haalt uw code hier.

Disclaimer:
Alleen getest op firefox 15 met stylish en een 1080p scherm. Alle andere configuraties zijn nog niet ondersteund.

met dank aan Strunkie voor de basis van dit sheet!

Ik krijg de sidebar aan de linkerkant voor geen mogelijkheid getoont, de rest van de stie ziet er hetzelfde uit.
moet ik ergens nog iets aanzetten? (ik gebruik ook Stylish)

Mess with the best, die like the rest

vrijdag 19 oktober 2012 08:57

Acties:

0 Henk 'm!

NielsNL

DigiCow

Ik ben ook even aan de slag gegaan:

Afbeeldingslocatie: http://tweakers.net/ext/f/OXXRAzLpt07PZRifdzAxSvXO/thumb.png

Vooral wat compacter gemaakt, beetje met de kleuren gespeeld, en het menu ronde hoeken gegeven.

Cascading Stylesheet:

body {
  background-color:#eee;
}

#bottom div.hr { 
background-color: #EEE !important;
border-radius: 0 0 12px 12px !important;
height: 12px !important;
}

#menubar{
    min-width: 992px !important;
    top: 0px !important;
    border-radius: 12px 12px 0px 0px !important;}

#searchbar{
    width: 90%;
    border-radius: 0px 0px 12px 12px !important;
    margin: 0px auto !important;
    min-width: 992px !important;
    height: auto !important;
    background: #333 !important;}

#search{
    padding-top: 0px !important;}

#top{border-bottom: 0px !important;
    background: linear-gradient(rgb(177, 17, 58), rgb(182, 14, 57) 68px) repeat-x scroll 0px 0px rgb(180, 16, 57); !important;}

#contentArea{padding-top: 0px !important;}

#fp_tabs{padding: 3px 0px 0px 10px !important;}

#fp_tabs_container{
    margin-bottom: 0px !important;
    width: 100%;}

table.highlights td {padding: 2px 0px !important;}

/* Tonen extra userdata en verbergen klipklap */ 
div.message div.post div.userdetails div.userdata div.extra { 
display: block !important; 
} 
div.messageheader div.poster img.klipklap.pointer { 
display: none; 
}

div#social, #jobs{display: none; }

M'n Oma is een site aan het haken.

vrijdag 19 oktober 2012 09:11

Acties:

0 Henk 'm!

Zeror

Ik Henk 'm!

Ik heb de tracker nu links in beeld gefixeerd. Nu zou ik de tracker graag een paar pixels op willen schuiven. Om precies te zijn 3 pixeltjes. Hoe doe ik dat? Welke css class/id moet ik daarvoor pakken?

Trans-life! :::: Nintendo ID: Zeror_rk / SW-6670-3316-6323 :::: BattleTag: Zerora#21213 :: Twitch: ZERORAh

vrijdag 19 oktober 2012 09:26

Acties:

0 Henk 'm!

wontcachme

You catch me? No you wont

Met oa:
- Higlight TS en eigen posts
- Donkere post headers
- Alles donkerder
- Forum breeder
- Notepad kleiner --> meer myreact ruimte
- Titels/headers blauw
- Irritante dingen (voor mij

) verwijderd
- En nog veel meer

Cascading Stylesheet:

/** Spoilers zijn leesbaar bij mouse over */
div.spoiler:hover 
    {
    color: white !important;
    }

/* Verkleinen notepad in myreact */
#mynotepad textarea {
    height: 150px !important;
    width: 450px !important;
}

/* Weghalen True reclame */
#true
    {
    display: none !important;
    }
/* weghalen sidebar */
#sidebar
    {
    display: none !important;
    }

/* Weghalen newsletter subscription FP */    
#newsletter
    {
    display: none !important;
    }

/* Weghalen jobs ruimte FP */
#jobs
    {
    display: none !important;
    }

/* Weghalen Twitter/Facebook van FP */
#social
    {
    display: none !important;
    }

/* Header website blauw */    
#top 
    {
     background-color: #0052CC !important;
     background-image: none !important;
    }

/* Topic titel blauw */
h1, h2, h1 a, h2 a 
    {
    color: #4775FF !important;
    }

/* Jobs onderdeel uit header */
#menu ul:first-child li.last.more div ul li:first-child,
#menu ul:first-child li.last.more div ul li+li+li+li { display: none !important; }
#menu ul:first-child li.last.more div ul li+li+li+li+li { display: block !important; }

/* Pricewatch filters naar rechts */
#filterContainer 
    {
    float: right;
    margin: 0 0 0 30px;
    }

/* messageheader topicstarter posts rood */

div.topicstarter div.messageheader {background: #ffcccc !important;}

/* messageheader ownpost groen */

div.message div.ownpost {background-color: rgb(200, 230, 210) !important;} 

/* Post titels donkerder */
div.message div.messageheader 
    {
    background-image: -moz-linear-gradient(center top, rgb(234,235,235), rgb(217, 218, 218)) ;
    background-image: -webkit-gradient(linear, center top, rgb(234, 235, 235), rgb(217, 218, 218)) ;
    background-image: -o-linear-gradient(center top, rgb(234, 235, 235), rgb(217, 218, 218)) ;
    background-image: -ms-linear-gradient(center top, rgb(234, 235, 235), rgb(217, 218, 218)) ;
    background-image: linear-gradient(center top, rgb(234, 235, 235)m rgb(217, 218, 218)) ;
    border-bottom: 1px solid rgb(207, 208, 208);
    }

/* Posts iets dichterbij in een topic */
div.message 
    {
    margin-bottom: 3px !important;
    border: 1px solid rgb(195, 195, 195) !important;
    }    
    
/* Aanpassen kleur postdatum in messageheader */
.date a 
    {
    color: #444444 !important;
    }

/* Verkleinen tussenruimte myreact */
td, th {
    padding: 4px 5px!important;
}
 
/* Weghalen Quick Reply */ 
#quickreply_form
    {
    display: none !important;
    }    
#reageer
    {
    display: none !important;
    }       

/*  Weghalen breadcrumb */    
.breadcrumb, .breadcrumb a {
display: none !important;
} 

/* Verbreden post area */
#messages, .topic_actions {
    width: 956px !important;
}
.messagecontent {
    width: 800px !important;
}
div.post {
    padding: 6px 0 6px 10px !important;
}

/* Weghalen karma in profiel */ 
div.karma
    {
    display: none !important;
    } 
    
/*searchbar omhoog*/
#search{position:absolute;top:-10px;right:220px;}

/*Forum en website dichter naar menu*/
#searchbar {
    height: 10px !important;
}
body{background-color:#313232;}
#contentArea{background-color:#FFFFFF;padding-left:5px;}
#searchbar {
    background:#313232 !important;
}
#top {
     border-bottom: 1px solid #313232 !important;
}
div.hr {
    background:#313232 !important;
}

/*topic pagina nummers in myreact zwart en grijs wanneer bezocht.*/
td.topic small a:visited {
    color: rgb(97, 100, 100) !important;
}
td.topic small a {
    color: black !important;
}

/*topics in myreact zwart*/
td.topic a {
    color: black !important;
}

/*menubar 100% van het scherm*/
#menubar { width: 100% !important; }

/*Custom quotes*/
div.messagecontent blockquote div.message-quote-div {
    background-color: #FFFFFF !important;
    border: 1px solid #555555 !important;
    color: #111111 !important;
}



}

Ik heb dit CSS puur geleerd door naar voorbeelden te kijken/aan te passen dus er kunnen fouten in zitten

GamePC (AMD Ryzen 5900x - Gigabyte RTX 3070 Gaming OC 8G - Gigabyte Aorus X570 ELITE - 32GB Corsair Vengeance 3600C18 - 1.5TB Samsung 970 EVO NVME - 500GB Samsung 950 EVO Sata - Fractal Design Define 7 - Corsair RM750x - 2x Asus VG27AQ 1440p@144hz)

vrijdag 19 oktober 2012 09:31

Acties:

0 Henk 'm!

Nnoitra

Senaxx schreef op vrijdag 19 oktober 2012 @ 01:31:
[afbeelding]

Zo, nog een paar aanpassingen gemaakt Ik ben wel tevreden zo en klaar

* Header aangepast
* Kleuren aangepast
* Featured items kleiner
* Pricewatch omhoog
* Alle wit weg

Als je het voor elkaar krijgt om de tracker ook op een 1280 breed scherm te tonen ga ik je voortaan met de titel "Held" aanspreken!

Sarcasm is my superpower! What's yours?

vrijdag 19 oktober 2012 09:35

Acties:

0 Henk 'm!

Caelorum

Verwijderd schreef op vrijdag 19 oktober 2012 @ 03:11:
[...]FP ziet er best oke uit nu. Alleen die blokken met foto's erin staan niet heel mooi die moeten nog kleiner worden gemaakt. Ik weet alleen ff niet hoe. [...]

Cascading Stylesheet:

#fpaItems .fpaItem { 
height: 150px; 
width: 150px; 
} 

#fpaItems .fpaItem div.imageContainer { 
width: 150px; 
height: 75px; 
} 

#fpaItems .fpaItem div.imageContainer img { 
width: 150px; 
height: 75px; 
} 

#fpaItems .fpaItem div.textContainer { 
padding-bottom: 0px; 
}

Dacht dat het dit stuk was uit mijn CSS, dus dan ziet het er ongeveer uit zoals dit:

vrijdag 19 oktober 2012 09:40

Acties:

0 Henk 'm!

Senaxx

Nnoitra schreef op vrijdag 19 oktober 2012 @ 09:31:
[...]

Als je het voor elkaar krijgt om de tracker ook op een 1280 breed scherm te tonen ga ik je voortaan met de titel "Held" aanspreken!

Nou hier moet je mede de andere tweakers voor bedanken

Het is een mix van andere configs. maar die tracker kan ik wel eens naar kijken. Ikzelf werk op 1920x1080 op mijn laptop dus hier displayed hij goed. Maar ik zal er later eens induiken.

vrijdag 19 oktober 2012 09:43

Acties:

0 Henk 'm!

Nnoitra

Natuurlijk zijn alle tweakers 'by default' al helden!
_{Maar dacht zo je wat extra motivatie te geven}

Ik heb tweakers vaak open staan op m'n 2e scherm, en die komt niet verder dan 1280x1024

[ Voor 29% gewijzigd door Nnoitra op 19-10-2012 09:44 ]

Sarcasm is my superpower! What's yours?

vrijdag 19 oktober 2012 09:47

Acties:

0 Henk 'm!

Blonde Tux

Caelorum schreef op vrijdag 19 oktober 2012 @ 01:20:
Ik zal jullie mijn werk even laten zien. Heb geprobeerd zoveel mogelijk de stijl te laten voor wat het is en alles alleen wat compacter te maken door wat witruimte weg te halen en wat elementen te verschuiven.
Zo op het oog lijkt het er op dat de custom css ook goed werkt in Firefox en Chrome, maar ik heb het gemaakt in IE10 dus geen garanties

[afbeelding]

Cascading Stylesheet:

.highlights tbody tr td {
padding-top: 3px;
padding-bottom: 3px;
}

#contentArea {
padding-top: 0px;
}

#fpaItems {
margin-bottom: 0px;
}

#fpaItems .fpaItem {
height: 150px;
width: 150px;
}

#fpaItems .fpaItem div.imageContainer {
width: 150px;
height: 75px;
}

#fpaItems .fpaItem div.imageContainer img {
width: 150px;
height: 75px;
}

#fpaItems .fpaItem div.textContainer {
padding-bottom: 0px;
}

#fp_tabs_container {
margin-bottom: 5px;
}

#trackerContent .trackeritem li {
padding-bottom: 2px;
padding-top: 2px;
}

.secondColumn {
margin-top: -150px;
}

div.trackerPopup {
margin-top: 22px;
}

#mainSearch {
margin-left: 0px;
margin-right: 0px;
}

#mainSearch.keywordSearch {
width: 277px;
margin-left: 12px;
}

#mainSearch.keywordSearch input.text {
width: 220px;
}

#searchbar {
height: 20px;
}

#search { 
float: left; 
width: 304px;
}

#true { 
display: none;
}

.mainSearchSuggest {
z-index: 1000;
}

Nu alleen nog erachter zien te komen hoe ik die witruimte rechts weg kan halen zonder dat de tracker links ook weg gaat.

Thanks, ideaal minder space tussen de nieuws stukken. Ga hem zeker toevoegen aan mn CSS waar tot nu toe alleen nog Henk terug is geplaatst. Alleen hij doet het niet bij mij. De regels willen niet dichter op elkaar.

Heet zand zand omdat het tussen zee en land ligt?

Onderwerpen