Tweakers 7 Ultimate CSS Competition - Inzendtopic - Geachte redactie

zondag 21 oktober 2012 17:29

Acties:

0 Henk 'm!

Thx! Vanaf nu post ik updates op Tweakers 7.5 changelog, omdat men in het Custom CSS-topic vond dat ik iets te vaak updates postte

There is no replacement for displacement!

zondag 21 oktober 2012 18:21

Acties:

0 Henk 'm!

Workaholic

Potverdikke wat ben ik blij met de input hiero.. 9/10 is beter 10x beter dan de huidige T.net v7 versie.

Als iemand de code kan sturen van de versie van existenz met de oude donkere bg kan dan ben ik helemaal tevreden!

Top werk heren. Hoop dat T.net echt 1 van deze styles gaat gebruiken en dat het niet een custom mod verhaal blijft.

Mijn V&A

zondag 21 oktober 2012 18:34

Acties:

0 Henk 'm!

MikeyMan

Vidi, Vici, Veni

Workaholic schreef op zondag 21 oktober 2012 @ 18:21:
Potverdikke wat ben ik blij met de input hiero.. 9/10 is beter 10x beter dan de huidige T.net v7 versie.

Als iemand de code kan sturen van de versie van existenz met de oude donkere bg kan dan ben ik helemaal tevreden!

Top werk heren. Hoop dat T.net echt 1 van deze styles gaat gebruiken en dat het niet een custom mod verhaal blijft.

Ja, inderdaad, waarom is dit weer naar wit toe?

zondag 21 oktober 2012 18:43

Acties:

0 Henk 'm!

CLB

Op die site van http://userscripts.org/scripts/review/150491, staan alle oudere scripts ook...
Dan heb je dus wel donkergrijs, maar natuurlijk weer niet de laatste updates en dergelijke

Ik begrijp er weinig van, vind niet alle updates / dingetjes op en top qua mooiheid...
Ga morgen maar is zelf kijken of ik wat dingetjes kan sleutelen, veranderen, aanpasbaar maken...

Die inline-tracker vind ik bijvoorbeeld niks, dus dan ga ik dat ook niet gebruiken, ieder z'n ding!

Ik ga nog even kijken / puzzelen met / naar: CLB in "Tweakers 7 Ultimate CSS Competition - Inzendtopic"

EDIT: Dat donkergrijs / wit bijvoorbeeld langs de randen van het forum? Is dat gewoon een kwestie van #AAAAAA enzovoort, oftewel een goede kleurcode naar keuze vinden en die dan instellen zoals jij 't wil?

[ Voor 14% gewijzigd door CLB op 21-10-2012 18:45 ]

Asus ZenBook BX410UA-GV182R: 14,0" 1920x1080 mat IPS/ Intel HD 620 / Intel Core i5-7200U 3,1GHz/ 8192MB 2133MHz RAM
512GB SSD + 2TB HDD/ Backlight keyboard, BlueTooth, Wi-Fi AC, HDMI, USB 2.0, USB 3.0, USB C, Cardreader / Windows 10 Pro 64 bit

zondag 21 oktober 2012 19:57

Acties:

0 Henk 'm!

Workaholic

code:

/*
 * Global styles
 */

body {
    background: #444;
}

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

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

#searchbar {
    width: 1020px;
    height: 0px;
    margin: 0 auto;
    background: none;
    position: relative;
}

    #search {
        position: absolute;
        width: 286px;
        right: 20px;
        top: 22px;
        padding: 0;
    }

        #search .keywordSearch {
            width: 176px;
            height: 24px;
            margin-top: 4px;
        }

        #search input.text {
            width: 120px;
            height: 16px;
            font-size: 12px;
            padding: 5px 10px 3px;
        }

        #search input.submit {
            height: 24px;
            background-position: 1px -75px;
        }
        
        .mainSearchSuggest {
            margin-left: -311px;
        }

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

.notificationsContainer {
    padding-top: 62px;
}

#b_tb { /* Top banner */
    margin-left: 0;
}

#contentArea {
    background: #fff;
    padding: 24px 20px 166px;
}

#bottom .hr {
    display: none;
}

/*
 * End of Global styles
 */

/*
 * Frontpage
 */

#fpaItems {
    margin-bottom: 10px;
    float: right;
    width: 330px;
    border: 1px solid #dddede;
    background: 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: -42px;
                }

            .fpaItem div.textContainer {
                background-color: #000;
                opacity: 0.8;
                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;
}

/*
 * End of frontpage
 */

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

/*
 * GoT
 */

#forum_tabs {
    padding-top: 0;
}

.reactie {
    line-height: 1.4em;
}

#community li {
    padding: 5px 0;
}

table.listing td,
table.listing th {
    padding: 2px 5px;
}

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

.channelHeader {
    display: none;
}

#messages div.message .messageheader {
    background-color: #ddd;
}

#messages div.message {
    margin-bottom: 0px;
}
 
#title { 
    height: 50px;
}

    #title p.mods {
        display: none; 
    }

#messages, .topic_actions { 
    overflow: hidden;
}

/*
 * End of GoT
 */

Deze heeft mijn stem nu imho

Kudo's naar existenz. Wel de wat oudere versie ipv de laatste die hij heeft uitgebracht.

Mooie donkere achtergrond en rustig/klein lettertype )

Mijn V&A

maandag 22 oktober 2012 03:56

Acties:

0 Henk 'm!

FiRePaTH

Xbox One - TheXS NL

Hierbij ook mijn bijdrage - Tweakers.net 7.0 Pro:

Afbeeldingslocatie: http://i46.tinypic.com/35a83t0.png

http://userstyles.org/styles/77054/tweakers-net-7-0-pro

Ik kan nog wel wat hulp gebruiken met een aantal zaken:
- Hoe laat ik de tracker -altijd- zien, zonder hem eerst te hoeven docken? Is dat uberhaupt mogelijk?
- Hoe laat ik de tracker -niet- verdwijnen als de site te "smal" wordt? Ik wil dat hij altijd zichtbaar blijft.

Ik ben nog wel een paar weken aan het tunen, dus de CSS code is nog lang niet af.

Code is nog ERG rommellig, maar ik schoon deze pas op als ik volledig klaar ben!

[ Voor 27% gewijzigd door FiRePaTH op 22-10-2012 04:34 ]

Intel Core i7 SandyBridge 2600k - Asrock z68 Extreme 4 - 8GB G.Skill Ripjaws XF3 2133Mhz Cas9 - EVGA GTX750Ti FTW ACX - Eizo FORIS 23" 1080p IPS FS2332 6TByte Raid-0 Array - 1Gigabit Broadcom Netlink - Creative X-Fi Titanium - DTS ||| Xbox One - TheXS NL

maandag 22 oktober 2012 09:44

Acties:

0 Henk 'm!

Hooglander1

Zot intellegent

Topicstarter

FiRePaTH schreef op maandag 22 oktober 2012 @ 03:56:
Hierbij ook mijn bijdrage - Tweakers.net 7.0 Pro:

Als het een inzending is, dan moet je hem echt even in het gegeven format gieten, want zo doet hij niet mee aan de prijzen.

Lid van de Tweakers Kenwood TTM-312 club.

maandag 22 oktober 2012 10:29

Acties:

0 Henk 'm!

tweaker2010

FP ProMod

@ Samsung S23+

Hasosoft schreef op zaterdag 20 oktober 2012 @ 17:34:
Inzending!
Hasosoft
Tweakers 7 donker (excl GoT)
[afbeelding]
url]http://userstyles.org/styles/76942/tweakers-7-donker-excl-got[/url]

Mooie layout! Toch is de leesbaarheid van de blauwe letters op de donkergrijze achtergrond niet zo prettig vind ik.

maandag 22 oktober 2012 11:18

Acties:

0 Henk 'm!

_eXistenZ_

Tweakers 7.5 changelog: Tweakers 7.5 - v1.1.1
Voornamelijk een aantal fixes met knoppen die nog door de zoekbalk stonden

There is no replacement for displacement!

maandag 22 oktober 2012 12:19

Acties:

0 Henk 'm!

AllSeeyinEye

a.k.a. Oogje

Bierkameel schreef op zondag 21 oktober 2012 @ 02:03:
[...]

Bij mij werkt de code van _eXistenZ_ gewoon onder Chrome via Stylish, de tracker werkt ook.

[afbeelding]

[afbeelding]

Even deze installeren: http://userstyles.org/styles/76816/tweakers-old-background
De huidige code overschrijven door die van _eXistenZ en op Save klikken

In de Firefox versie van Stylish werkt het nog een tikkie makkelijker:

1. Kopieer de script text
2. Klik op het stylish icoon / Nieuwe stijl schrijven / Voor Tweakers.net (als je het vanaf een tabblad met Tweakers.net doet)
3. Plak de script text
4. Opslaan.

Klaar.

EvaluationCopy schreef: [...] Audi-rijders zijn de nieuwe BMW-rijders. Petjes met een pak en dan zonder petje, maar in hart en nieren gewoon nog petjes. :+

maandag 22 oktober 2012 12:24

Acties:

0 Henk 'm!

ReTechNL

_eXistenZ_ schreef op maandag 22 oktober 2012 @ 11:18:
Tweakers 7.5 changelog: Tweakers 7.5 - v1.1.1
Voornamelijk een aantal fixes met knoppen die nog door de zoekbalk stonden

Misschien klik ik erg n00b maar hoe installleer ik de Userscript .js ?
https://userscripts.org/scripts/source/150491.user.js
Edit: nvm, al gevonden gewoon een FF addon

[ Voor 5% gewijzigd door ReTechNL op 22-10-2012 13:07 ]

maandag 22 oktober 2012 12:27

Acties:

0 Henk 'm!

AllSeeyinEye

a.k.a. Oogje

ReTechNL schreef op maandag 22 oktober 2012 @ 12:24:
[...]

Misschien klik ik erg n00b maar hoe installleer ik de Userscript .js ?
https://userscripts.org/scripts/source/150491.user.js

Zoals al diverse malen in dit topic aangegeven:
Tweakers CSS
Stylish
Greasemonkey

Maar dat had je zelf natuurlijk ook al gevonden...

[ Voor 11% gewijzigd door AllSeeyinEye op 22-10-2012 12:29 ]

EvaluationCopy schreef: [...] Audi-rijders zijn de nieuwe BMW-rijders. Petjes met een pak en dan zonder petje, maar in hart en nieren gewoon nog petjes. :+

maandag 22 oktober 2012 12:49

Acties:

0 Henk 'm!

Hooglander1

Zot intellegent

Topicstarter

Zullen we het hier gewoon houden om te praten over de competition en de inzendingen.

Wat mensen tussentijds maken en hoe je het gebruikt, daarvoor kun je prima terecht in de andere topics over CSS

Lid van de Tweakers Kenwood TTM-312 club.

maandag 22 oktober 2012 13:28

Acties:

0 Henk 'm!

zeef

De prijs die we gaan uitloven voor de beste is :

Op een nader te bepalen dag (in overleg met de winnaar) ontvangst in Amsterdam op het kantoor van Tweakers, met een lunch en VIP tour bij Tweakers en als aandenken een Tweakers goodiebag.

maandag 22 oktober 2012 13:48

Acties:

0 Henk 'm!

Hoteldebotel

zeef schreef op maandag 22 oktober 2012 @ 13:28:
De prijs die we gaan uitloven voor de beste is :

[...]

Dat is toch wel een erg toffe prijs! Jammer dat ik niet een CSS genie ben, anders had ik het wel geweten

maandag 22 oktober 2012 14:04

Acties:

0 Henk 'm!

Electrowolf

Mod met Liefde!

Topicstarter

zeef schreef op maandag 22 oktober 2012 @ 13:28:
De prijs die we gaan uitloven voor de beste is :

[...]

En ondertussen staat er zelfs nog wat meer informatie (met sfeer impressie!) over de prijs in de TS: Tweakers 7 Ultimate CSS Competition - Inzendtopic.

Het stoplicht staat op rood, het stoplicht staat op groen, in #TMF is altijd wat te doen. || http://quotes.negotiator.nl/7270 || /16 at work

maandag 22 oktober 2012 14:14

Acties:

0 Henk 'm!

JohnD1

_eXistenZ_ schreef op maandag 22 oktober 2012 @ 11:18:
Tweakers 7.5 changelog: Tweakers 7.5 - v1.1.1
Voornamelijk een aantal fixes met knoppen die nog door de zoekbalk stonden

Hij wordt steeds beter

Ik heb een aangepaste versie ook op userscripts.org neergezet, in basis hetzelfde alleen
zoekbalk is altijd bovenaan en de inline tracker staat nu altijd links zodat hij op elke pagina aanwezig is.

http://userscripts.org/scripts/show/150717

Afbeeldingslocatie: http://i48.tinypic.com/akvk0w.jpg

Afbeeldingslocatie: http://i48.tinypic.com/akvk0w.jpg

maandag 22 oktober 2012 14:15

Acties:

0 Henk 'm!

Nakebod

Nope.

Inzending!

Nakebod

Less is moar!

Cascading Stylesheet:

/* "Uitgelicht" weg */
div.fpItem#highlights { display: none;
}

/* Henk zichtbaar in de forumlijst */
#henk {
    height: 63px;
    top: -63px;
}

/* Algemene achtergrondkleur, en rondingen @ footer */
#layout, div#bottom div.hr {
    background-color: #333;
}

/* Wel witte achtergrond @ content */
div#contentArea {
    background-color: #FFF;
    border-left: 20px solid #FFF;
    border-right: 20px solid #FFF;
}

/* Nieuwsberichten zwart */
tr td a, div#news.fpItem a {
    color: #000;
}

/* Bezochte nieuwsberichten donkergrijs */
tr td a:visited, div#news.fpItem a:visited {
    color: #999;
}

/* Tijd van nieuwsberichten @ FP weg */
span.time {
    display: none;
}

table.listing img.tag { 
display: none; 
}

/* Forum namen rood, en bold */
table.listing td.frm a {
    color: #B9133C;
    font-weight: bold;
}

/* Topic links zwart */
table.listing td.topic a {
    color: #000;
}

/* Bezochte topic links donker grijs */
table.listing td.topic a:visited {
    color: #999;
}

/* Pagina nummers rood */
table.listing td.title a, table.listing td.topic small a {
    color: #B9133C;
}

/* Pagina nummers licht rood */
table.listing td.topic small a:visited {
    color: #800;
}

/* Aantal Reacties rood */
.commentCount{background:url(http://tweakers.net/ext/f/6tpL9oiCWqjSlVpnC12MTZPz/full.png) no-repeat;text-decoration:none}

Toelichting

Zoals de titel suggereert, less is moar!
Persoonlijk vind ik de nieuwe layout prima, paar kleine kleurtjes toegevoegd voor de variatie.
Eventueel icm josvane in "[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'" voor kleurtjes per categorie op het forum.

Frontpage
• Het vele wit op de achtergrond is nu donkergrijs
• Content zelf heeft een witte achtergrond
• Kopje "Uitgelicht" weg
• Tijd bij nieuwsbericht weg
• Nieuwsberichten: zwarte tekstlinks, grijs indien bezocht

Forum
• Forum namen vooraan zijn nu dikgedrukt en rood
• Topic titles: zwarte tekstlinks, grijs indien bezocht
• Pagina nummers rood, donkerrood indien bezocht
• Aantal reacties plaatje rood

Blog | PVOutput Zonnig Beuningen

maandag 22 oktober 2012 14:18

Acties:

0 Henk 'm!

AllSeeyinEye

a.k.a. Oogje

JohnD1 schreef op maandag 22 oktober 2012 @ 14:14:
[...]

Hij wordt steeds beter

Ik heb een aangepaste versie ook op userscripts.org neergezet, in basis hetzelfde alleen
zoekbalk is altijd bovenaan en de inline tracker staat nu altijd links zodat hij op elke pagina aanwezig is.

http://userscripts.org/scripts/show/150717

[afbeelding]

De tracker staat in jouw versie niet op het forum, hoor

EvaluationCopy schreef: [...] Audi-rijders zijn de nieuwe BMW-rijders. Petjes met een pak en dan zonder petje, maar in hart en nieren gewoon nog petjes. :+

maandag 22 oktober 2012 14:19

Acties:

0 Henk 'm!

Cheetah

Try to live without WWW ;)

_eXistenZ_ schreef op zondag 21 oktober 2012 @ 17:29:
Thx! Vanaf nu post ik updates op Tweakers 7.5 changelog, omdat men in het Custom CSS-topic vond dat ik iets te vaak updates postte

Mijn dank is groot! Op dit moment heb jij m'n Vote eXistenZ. Ik begin Tweakers zowaar weer te kunnen gebruiken als startpagina qua lay-out en overzicht, en GoT lijkt ook weer ergens op. Top! $_/-\o_$

Nu om de volgende grote leefbaarheids-sprong te nemen de V&A en PW functionaliteit nog fixen en de tracker vastzetten op low-res schermen.. maar aan beide kun jij weinig doen

Nogmaals bedankt voor je inzet hier!

[ Voor 14% gewijzigd door Cheetah op 22-10-2012 14:23 ]

ASUS Max IV GENE-Z, Core i7 3770k, 16GB Kingston HyperX DDR3-1600, EVGA GTX970 FTW
Crucial M550 512GB SSD, 2TB WD HDD, LG GGW-H20L Blu/HD, Panasonic 40" AX630 UHD
Full Specz

maandag 22 oktober 2012 14:31

Acties:

0 Henk 'm!

JohnD1

AllSeeyinEye schreef op maandag 22 oktober 2012 @ 14:18:
[...]
De tracker staat in jouw versie niet op het forum, hoor

De tracker is overal zichbaar...of bedoel je dat niet...
Afbeeldingslocatie: http://i45.tinypic.com/w44tg.jpg

maandag 22 oktober 2012 14:33

Acties:

0 Henk 'm!

Cheetah

Try to live without WWW ;)

JohnD1 schreef op maandag 22 oktober 2012 @ 14:14:
Hij wordt steeds beter

Ik heb een aangepaste versie ook op userscripts.org neergezet, in basis hetzelfde alleen
zoekbalk is altijd bovenaan en de inline tracker staat nu altijd links zodat hij op elke pagina aanwezig is.

http://userscripts.org/scripts/show/150717

[afbeelding]

Ziet er bij jou goed uit, maar werkt helaas niet goed op mijn 1280x1024 office scherm (met Firefox)...

Afbeeldingslocatie: http://tweakers.net/ext/f/oTeg7FkcvJHtyFby5hvnEX9G/full.jpg

Afbeeldingslocatie: http://tweakers.net/ext/f/oTeg7FkcvJHtyFby5hvnEX9G/full.jpg

ASUS Max IV GENE-Z, Core i7 3770k, 16GB Kingston HyperX DDR3-1600, EVGA GTX970 FTW
Crucial M550 512GB SSD, 2TB WD HDD, LG GGW-H20L Blu/HD, Panasonic 40" AX630 UHD
Full Specz

maandag 22 oktober 2012 14:35

Acties:

0 Henk 'm!

World Citizen

FreeReef.nl

Is het hele idee van T7 niet dat hij geschikt is voor SiteTakeOvers...?
De achtergrond kleur WIT is straks toch allemaal reclame?

Kan ik die middels CSS ook weg krijgen in de toekomst dan?

FreeReef.nl

maandag 22 oktober 2012 14:35

Acties:

0 Henk 'm!

AllSeeyinEye

a.k.a. Oogje

JohnD1 schreef op maandag 22 oktober 2012 @ 14:31:
[...]

De tracker is overal zichbaar...of bedoel je dat niet...
[afbeelding]

Hier niet:
Afbeeldingslocatie: http://i48.tinypic.com/2qdn5me.png

Firefox 16.0.1, Greasemonkey, Win7 64

World Citizen schreef op maandag 22 oktober 2012 @ 14:35:
Is het hele idee van T7 niet dat hij geschikt is voor SiteTakeOvers...?
De achtergrond kleur WIT is straks toch allemaal reclame?

Kan ik die middels CSS ook weg krijgen in de toekomst dan?

Ja, reclame kan je prima wegwerken met CSS.

Ik vind het eigenlijk wel jammer dat GoT nog altijd niet geschikt is voor Tapatalk. Dan kan je de main page volledig inrichten op de desktop/laptop en mobiele/tablet gebruikers naar Tapatalk of een afgeleide app verwijzen...

[ Voor 46% gewijzigd door AllSeeyinEye op 22-10-2012 14:39 ]

EvaluationCopy schreef: [...] Audi-rijders zijn de nieuwe BMW-rijders. Petjes met een pak en dan zonder petje, maar in hart en nieren gewoon nog petjes. :+

maandag 22 oktober 2012 14:53

Acties:

0 Henk 'm!

JohnD1

Cheetah schreef op maandag 22 oktober 2012 @ 14:33:
[...]
Ziet er bij jou goed uit, maar werkt helaas niet goed op mijn 1280x1024 office scherm (met Firefox)...
[afbeelding]

Scherm grootte maakt niets uit, ik heb zo'n 1300x768 laptop en dat werkt prima.
Als het scherm kleiner is ingesteld dan krijg je gewoon scollbalken.
Afbeeldingslocatie: http://i50.tinypic.com/3163rjo.jpg

Afbeeldingslocatie: http://i50.tinypic.com/3163rjo.jpg

AllSeeyinEye schreef op maandag 22 oktober 2012 @ 14:35:
[...]
Firefox 16.0.1, Greasemonkey, Win7 64

Lijkt een firefox/greasemonkey problem.....0

Hier werkt het goed met chrome

Ik zal vanavond even firefox downloaden en het uitproberen.
Zal wel een kleinigheid in javascript zitten.

bedankt voor de feedback.

[ Voor 3% gewijzigd door JohnD1 op 22-10-2012 15:03 . Reden: plaatje met scrollbalken ]

maandag 22 oktober 2012 15:09

Acties:

0 Henk 'm!

Cheetah

Try to live without WWW ;)

JohnD1 schreef op maandag 22 oktober 2012 @ 14:53:

Scherm grootte maakt niets uit, ik heb zo'n 1300x768 laptop en dat werkt prima.
Als het scherm kleiner is ingesteld dan krijg je gewoon scollbalken.
[afbeelding]
Lijkt een firefox/greasemonkey problem.....0

Firefox dan, want ik gebruik geen Greasemonkey en heb hetzelfde issue.

Hier werkt het goed met chrome
Ik zal vanavond even firefox downloaden en het uitproberen.
Zal wel een kleinigheid in javascript zitten.

bedankt voor de feedback.

Top. Zou wel mooi zijn als jou met een CSS scriptje lukt wat schijnbaar met coding nog niet gelukt is: tracker vast op 'kleine' schermen

1 tip/request: haal nog wel de extra grijs-ruimte weg tussen de tracker en de rand van het scherm en de tracker en de pagina, en maak de tracker misschien nog ietsjes smaller. Het zou het mooist zijn als je op 1280 al geen horizontale scrollbalken meer krijgt. Dan heb je 90% of meer van de moderne desktop/laptop schermen gecoverd! In dat geval echt mijn $_/-\o_$

[ Voor 17% gewijzigd door Cheetah op 22-10-2012 15:16 ]

ASUS Max IV GENE-Z, Core i7 3770k, 16GB Kingston HyperX DDR3-1600, EVGA GTX970 FTW
Crucial M550 512GB SSD, 2TB WD HDD, LG GGW-H20L Blu/HD, Panasonic 40" AX630 UHD
Full Specz

maandag 22 oktober 2012 15:12

Acties:

0 Henk 'm!

hylke94

Cheetah schreef op maandag 22 oktober 2012 @ 15:09:
[...]
Firefox dan, want ik gebruik geen Greasemonkey en heb hetzelfde issue.

[...]
Top. Zou wel mooi zijn als jou met een CSS scriptje lukt wat schijnbaar met coding nog niet gelukt is: tracker vast op 'kleine' schermen

Wordt die tracker niet gewoon uitgeschakeld/verwijderd door een stukje javascript van Tweakers zelf? Zo ja, dan lijkt het mij dat je hem niet met css alleen kunt laten zien (op een klein scherm dan).

maandag 22 oktober 2012 15:14

Acties:

0 Henk 'm!

Cheetah

Try to live without WWW ;)

hylke94 schreef op maandag 22 oktober 2012 @ 15:12:
Wordt die tracker niet gewoon uitgeschakeld/verwijderd door een stukje javascript van Tweakers zelf? Zo ja, dan lijkt het mij dat je hem niet met css alleen kunt laten zien (op een klein scherm dan).

Blijkbaar heeft hij het toch voor elkaar:

Scherm grootte maakt niets uit, ik heb zo'n 1300x768 laptop en dat werkt prima

Het Tweakers 'hide' script wordt actief bij minder dan 1600 pixels wide namelijk

ASUS Max IV GENE-Z, Core i7 3770k, 16GB Kingston HyperX DDR3-1600, EVGA GTX970 FTW
Crucial M550 512GB SSD, 2TB WD HDD, LG GGW-H20L Blu/HD, Panasonic 40" AX630 UHD
Full Specz

maandag 22 oktober 2012 15:16

Acties:

0 Henk 'm!

hylke94

Cheetah schreef op maandag 22 oktober 2012 @ 15:14:
[...]
Blijkbaar heeft hij het toch voor elkaar:

[...]
Het Tweakers 'hide' script wordt actief bij minder dan 1600 pixels wide namelijk

Dan ben ik wel benieuwd hoe hij dat met alleen css voor elkaar heeft gekregen...

maandag 22 oktober 2012 15:35

Acties:

0 Henk 'm!

tweaker2010

FP ProMod

@ Samsung S23+

JohnD1 schreef op maandag 22 oktober 2012 @ 14:53:
[...]
Scherm grootte maakt niets uit, ik heb zo'n 1300x768 laptop en dat werkt prima.
Als het scherm kleiner is ingesteld dan krijg je gewoon scollbalken.
[afbeelding]
[...]

Lijkt een firefox/greasemonkey problem.....0

Hier werkt het goed met chrome
Ik zal vanavond even firefox downloaden en het uitproberen.
Zal wel een kleinigheid in javascript zitten.

bedankt voor de feedback.

Kunnen we deze layout ergens downloaden? Die tracker ziet er goed uit!

maandag 22 oktober 2012 15:41

Acties:

0 Henk 'm!

Cheetah

Try to live without WWW ;)

tweaker2010 schreef op maandag 22 oktober 2012 @ 15:35:
Kunnen we deze layout ergens downloaden? Die tracker ziet er goed uit!

http://userscripts.org/scripts/show/150717
Bij "Source Code" in het topmenu

ASUS Max IV GENE-Z, Core i7 3770k, 16GB Kingston HyperX DDR3-1600, EVGA GTX970 FTW
Crucial M550 512GB SSD, 2TB WD HDD, LG GGW-H20L Blu/HD, Panasonic 40" AX630 UHD
Full Specz

maandag 22 oktober 2012 15:51

Acties:

0 Henk 'm!

tweaker2010

FP ProMod

@ Samsung S23+

Cheetah schreef op maandag 22 oktober 2012 @ 15:41:
[...]
http://userscripts.org/scripts/show/150717
Bij "Source Code" in het topmenu

Thnx! Hij werkt alleen niet met Stylish en Chrome.

maandag 22 oktober 2012 16:08

Acties:

0 Henk 'm!

Anoniem: 249481

@johnd1 super mooi, echt kicken.

Is het mogelijk om de tracker ook op got te tonen?

maandag 22 oktober 2012 16:20

Acties:

0 Henk 'm!

Cheetah

Try to live without WWW ;)

tweaker2010 schreef op maandag 22 oktober 2012 @ 15:51:
Thnx! Hij werkt alleen niet met Stylish en Chrome.

Hij is niet bedoeld voor Stylish, maar voor Custom CSS in je eigen profiel.
Klik op je eigen username boven, dan [Voorkeuren], dan copy/paste bij [Custom stylesheet].

Kan zijn dat je die optie nog ff moet activeren in de KarmaStore, maar daar wordt direct naar gelinkt bij Custom Stylesheet

Helaas, toch alleen met 3rd party tooling mogelijk...

Anoniem: 249481 schreef op maandag 22 oktober 2012 @ 16:08:
@johnd1 super mooi, echt kicken.

Is het mogelijk om de tracker ook op got te tonen?

De tracker staat op zijn voorbeeldplaatje hierboven open op GoT, dus ja blijkbaar

[ Voor 6% gewijzigd door Cheetah op 22-10-2012 16:37 ]

ASUS Max IV GENE-Z, Core i7 3770k, 16GB Kingston HyperX DDR3-1600, EVGA GTX970 FTW
Crucial M550 512GB SSD, 2TB WD HDD, LG GGW-H20L Blu/HD, Panasonic 40" AX630 UHD
Full Specz

maandag 22 oktober 2012 16:23

Acties:

0 Henk 'm!

JohnD1

hylke94 schreef op maandag 22 oktober 2012 @ 15:12:
[...]

Wordt die tracker niet gewoon uitgeschakeld/verwijderd door een stukje javascript van Tweakers zelf? Zo ja, dan lijkt het mij dat je hem niet met css alleen kunt laten zien (op een klein scherm dan).

Misschien wat misvattingen, over wat er gebruikt wordt, dit is de inline tracker van _eXistenZ_ (heel slim gedaan van hem),
Alleen in plaats van hem op alleen de 1e pagina te zetten in de 2e kolom, wordt hij nu voor de contentArea geplaatst en is de tracker informatie nu overal zichtbaar.

Kan niet met alleen css (nog niet tenminste), je moet gebruik maken van greasemonkey of bij chrome tampermonkey.
Gebruikt jquery om de trackerdata op te halen (onderste stukje code)

Voor chrome:
- installeer tampermonkey
- klik 'install' op http://userscripts.org/scripts/show/150717
- en verander wat je wilt....

maandag 22 oktober 2012 17:30

Acties:

0 Henk 'm!

Anoniem: 249481

Cheetah schreef op maandag 22 oktober 2012 @ 16:20:
[...]
Hij is niet bedoeld voor Stylish, maar voor Custom CSS in je eigen profiel.
Klik op je eigen username boven, dan [Voorkeuren], dan copy/paste bij [Custom stylesheet].

Kan zijn dat je die optie nog ff moet activeren in de KarmaStore, maar daar wordt direct naar gelinkt bij Custom Stylesheet
Helaas, toch alleen met 3rd party tooling mogelijk...

[...]
De tracker staat op zijn voorbeeldplaatje hierboven open op GoT, dus ja blijkbaar

[afbeelding]

hmm das raar, op de fp zie ik wel de tracker maar op got niet.

maandag 22 oktober 2012 17:43

Acties:

0 Henk 'm!

CLB

Nakebod schreef op maandag 22 oktober 2012 @ 14:15:
Inzending!
Nakebod
Less is moar!

Mooi man! Goed beschreven ook die CSS, weet ik precies wat, wat is, zodat ik zelf kan kloten met kleuren! $_/-\o_$

maandag 22 oktober 2012 17:55

Acties:

0 Henk 'm!

jip_86

Inzending!

jip_86

TweakCSS

Afbeeldingslocatie: https://lh4.googleusercontent.com/-exKngqoQAwI/UIVpu_z_krI/AAAAAAAADug/KLVkR6M3-0g/s630/customcss.png

Cascading Stylesheet:

div#contentArea 
{ 
    background-color: #FFF; 
    border-left: 1px solid #C3C6C6 ; 
    border-right: 1px solid #C3C6C6 ; 
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
} 

#layout
{
    min-width:1000px;
    background-color:#EDEEEE;
}

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

.pagecounter
{
   margin-top: 5px;
}

div.messageheader
{
   border-bottom: 1px solid #DDDEDE;
   background-color: #DDDEDE;
   line-height: 13px;
   padding: 5px !important;
}

div.date
{
   top: 5px !important;
}

Toelichting

Heb geprobeerd wat minimale tweaks te doen die de originele gedachte van T7.0 niet te veel te kort doen. Geen kermis dus! Wat ik nog wel mis is de kleurtjes van de forumgroepen, maar verder ga ik er niet te veel meer aan veranderen.

Grijze zijkanten
Witte contentarea maar met grijs kantlijntje, hierdoor zijn met name de geneste reacties beter te volgen. Ook de marges wat getweakt.
Op het forum heb ik de berichten weer tegen elkaar aangezet, en de messageheaders een grijze background gegeven ook zijn deze wat smaller dan het orgineel.

maandag 22 oktober 2012 18:30

Acties:

0 Henk 'm!

hylke94

JohnD1 schreef op maandag 22 oktober 2012 @ 16:23:
[...]

Misschien wat misvattingen, over wat er gebruikt wordt, dit is de inline tracker van _eXistenZ_ (heel slim gedaan van hem),
Alleen in plaats van hem op alleen de 1e pagina te zetten in de 2e kolom, wordt hij nu voor de contentArea geplaatst en is de tracker informatie nu overal zichtbaar.

Kan niet met alleen css (nog niet tenminste), je moet gebruik maken van greasemonkey of bij chrome tampermonkey.
Gebruikt jquery om de trackerdata op te halen (onderste stukje code)

Voor chrome:
- installeer tampermonkey
- klik 'install' op http://userscripts.org/scripts/show/150717
- en verander wat je wilt....

Ok. Nee, dan snap ik het. Ik dacht dat hij alles deed met css

maandag 22 oktober 2012 18:35

Acties:

0 Henk 'm!

JohnD1

Cheetah schreef op maandag 22 oktober 2012 @ 15:09:
1 tip/request: haal nog wel de extra grijs-ruimte weg tussen de tracker en de rand van het scherm en de tracker en de pagina, en maak de tracker misschien nog ietsjes smaller. Het zou het mooist zijn als je op 1280 al geen horizontale scrollbalken meer krijgt. Dan heb je 90% of meer van de moderne desktop/laptop schermen gecoverd! In dat geval echt mijn $_/-\o_$

Is nu gecorrigeerd in mijn huidige test versie, totaal nu 1278 pixels breed inclusief borders.
Trackerdata wordt nu automatisch herladen na 60 seconden....

Tracker is nu aangepast, Hij blijft nu altijd staan op dezelfde positie, dus ook als je helemaal beneden gaat.
Ik ben er niet zeker van of dit nu wel zo handig is.....misschien voeg ik wel een button toe waarmee je dit zelf kan instellen,,,,,

Afbeeldingslocatie: http://i46.tinypic.com/346okdz.jpg

Afbeeldingslocatie: http://i46.tinypic.com/346okdz.jpg

Als ik hem voor firefox heb gefixed, dan zal ik hem weer uploaden.

maandag 22 oktober 2012 19:14

Acties:

0 Henk 'm!

Cheetah

Try to live without WWW ;)

JohnD1 schreef op maandag 22 oktober 2012 @ 18:35:
Is nu gecorrigeerd in mijn huidige test versie, totaal nu 1278 pixels breed inclusief borders.
Trackerdata wordt nu automatisch herladen na 60 seconden....

Tracker is nu aangepast, Hij blijft nu altijd staan op dezelfde positie, dus ook als je helemaal beneden gaat.
Ik ben er niet zeker van of dit nu wel zo handig is.....misschien voeg ik wel een button toe waarmee je dit zelf kan instellen,,,,,

[afbeelding]

Als ik hem voor firefox heb gefixed, dan zal ik hem weer uploaden.

Perfect. Misschien ga ik voorlopig dan toch alsnog aan de tampermonkey

ASUS Max IV GENE-Z, Core i7 3770k, 16GB Kingston HyperX DDR3-1600, EVGA GTX970 FTW
Crucial M550 512GB SSD, 2TB WD HDD, LG GGW-H20L Blu/HD, Panasonic 40" AX630 UHD
Full Specz

maandag 22 oktober 2012 19:44

Acties:

0 Henk 'm!

Firesphere

Yoshis before Hoshis

jip_86 schreef op maandag 22 oktober 2012 @ 17:55:
Inzending!
jip_86
TweakCSS
[afbeelding]
Toelichting
Heb geprobeerd wat minimale tweaks te doen die de originele gedachte van T7.0 niet te veel te kort doen. Geen kermis dus! Wat ik nog wel mis is de kleurtjes van de forumgroepen, maar verder ga ik er niet te veel meer aan veranderen.
Grijze zijkanten
Witte contentarea maar met grijs kantlijntje, hierdoor zijn met name de geneste reacties beter te volgen. Ook de marges wat getweakt.
Op het forum heb ik de berichten weer tegen elkaar aangezet, en de messageheaders een grijze background gegeven ook zijn deze wat smaller dan het orgineel.

Geen echte inzending, wel een kleine aanpassing om de witruimte aan de rechterkant in jouw CSS weg te halen in het forum:

Cascading Stylesheet:

div.message div.post {
    padding: 10px 14px 14px;
}

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

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

In combinatie met jouw CSS, mijn ideale css for now

Note, dit is een quick-and-dirty fix voor het forum. Heb wel rondgeklikt, maar het zou ergens kunnen breken.

[ Voor 4% gewijzigd door Firesphere op 22-10-2012 19:44 ]

I'm not a complete idiot. Some parts are missing.
.Gertjan.: Ik ben een zelfstandige alcoholist, dus ik bepaal zelf wel wanneer ik aan het bier ga!

maandag 22 oktober 2012 20:47

Acties:

0 Henk 'm!

CLB

@ JohnD1: Om die Tracker zo te krijgen zoals:
Afbeeldingslocatie: http://i50.tinypic.com/3163rjo.jpgg

heb ik nog een vraagje...

Dus onder de rode balk en niet zoals JohnD1 in "Tweakers 7 Ultimate CSS Competition - Inzendtopic"

kan dus niet via CSS via Tweakers.net, maar daarvoor moet ik een plugin gebruiken?
Ik heb Chrome, dus ik moet dat Tampermonkey installeren en dan moet
ik daarin een aangepaste CSS (combi van Existenz CSS met jouw Tracker CSS) daarin laden?

Ik gebruik nu: Tweakers 7.5 changelog: Tweakers 7.5 - v1.1.1 met daarvoor nog de code:

code:

/* 
 * Global styles 
 */ 

body { 
    background: #555; 
}

Omdat ik dan weer m'n grijze background terugkrijg, wat ik erg fijn vind...

wat dan wordt:

code:

/* 
 * Global styles 
 */ 

body { 
    background: #555; 
} 

// ==UserScript==
// @name        Tweakers 7.5
// @namespace   tweakers.net
// @description Make tweakers.net usable again
// @include     http://tweakers.net/*
// @include     https://tweakers.net/*
// @include     http://gathering.tweakers.net/*
// @include     https://gathering.tweakers.net/*
// @include     https://secure.tweakers.net/*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @version     1.1.1
// @grant       GM_addStyle
// ==/UserScript==

GM_addStyle((<><![CDATA[

/*
 * 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;
    height: 0px;
    margin: 0 auto;
    background: none;
    position: relative;
    z-index: 1;
}

    #search {
        position: absolute;
        width: 286px;
        right: 20px;
        top: 22px;
        padding: 0;
    }

        #search .keywordSearch {
            width: 176px;
            height: 24px;
            margin-top: 4px;
        }

        #search input.text {
            width: 120px;
            height: 16px;
            font-size: 12px;
            padding: 5px 10px 3px;
        }

        #search input.submit {
            height: 24px;
            background-position: 1px -75px;
        }
       
        .mainSearchSuggest {
            margin-left: -311px;
        }

.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
 */

#fpaItems {
    margin-bottom: 10px;
    float: right;
    width: 330px;
    border: 1px solid #dddede;
    background: 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: -42px;
                }

            .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;
}

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;
}

/*
 * End of GoT
 */

]]></>).toString());

/** Place the tracker on a usable spot **/
$.noConflict();
jQuery(document).ready(function($) {
    $.ajax({
        type: "GET",
        url: "/xmlhttp/xmlHttp.php?application=frontpage&type=tracker&action=get_tracker&output=json&nocache=" + (new Date).getTime(),
        dataType: "json",
    }).done(function(data) {
        html = '<div id="inlineTracker" class="fpItem tracker"><h2>Inline tracker</h2>' + data.data.html + "</div>";
        $("#pricewatch").before(html);
    });
});

Voor de rest wil ik deze code gebruiken maar dus met jouw tracker erbij, dat lijkt me top...
Maar als ik jouw code in de Tweakers CSS laadt, zie ik wat dingetjes die mij niet kunnen bekoren
(zoals het niet altijd showen van de mijn icon / nickname boven naast de notifiacties en dergelijke)
en hij werkt (dus) niet fijn, lijnt niet goed uit (1920 pixels in de breedte) maar dat komt dan waarschijnlijk doordat het in Tweakers CSS is geladen en niet via die Tampermonkey-plugin voor Chrome is gedaan?

Wat voor code moet ik maken om die code van Existenz te gebruiken met alleen jouw tracker?

@ Mods: Als dit hier niet hoort, mijn excuses, dan moet ik een goed topic vinden voor mijn vraag...

EDIT: En dan nog overal (ook in de topics) de tabjes zien zoals in:
Afbeeldingslocatie: http://tweakers.net/ext/f/txFdSXhFA8uudFqZqC0NhayW/full.jpg

Afbeeldingslocatie: http://tweakers.net/ext/f/txFdSXhFA8uudFqZqC0NhayW/full.jpg

En dan is het wel weer klaar

maandag 22 oktober 2012 21:15

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

Mensen, dit is het competitie topic, niet het discussieer-je-CSS-en-laat-'t-zien-topic. Het is al eerder aangegeven, maar op deze manier moet het topic een flinke opschoonbeurt krijgen. Ik zit hier al op pagina 3 en maar een handvol inzendingen.

Commandline FTW | Tweakt met mate

maandag 22 oktober 2012 22:14

Acties:

0 Henk 'm!

JohnD1

Hero Of Time schreef op maandag 22 oktober 2012 @ 21:15:
Mensen, dit is het competitie topic, niet het discussieer-je-CSS-en-laat-'t-zien-topic. Het is al eerder aangegeven, maar op deze manier moet het topic een flinke opschoonbeurt krijgen. Ik zit hier al op pagina 3 en maar een handvol inzendingen.

Je hebt helemaal gelijk. We laten ons een beetje meeslepen.....
Ik heb een apart topic aangemaakt hiervoor: Tweakers v7 Desktop layout

maandag 22 oktober 2012 22:28

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

Nog een CSS topic. Dat is de zoveelste. Men dumpt al CSS in [verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?', waar het eigenlijk voor bedoelt was, knalde het eerst in [LD] T7 te wit en nu heb je er nog een gemaakt.

Raakt het overzicht niet een beetje zoek op deze manier?

Commandline FTW | Tweakt met mate

maandag 22 oktober 2012 23:18

Acties:

0 Henk 'm!

JohnD1

Hero Of Time schreef op maandag 22 oktober 2012 @ 22:28:
Nog een CSS topic. Dat is de zoveelste. Men dumpt al CSS in [verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?', waar het eigenlijk voor bedoelt was, knalde het eerst in [LD] T7 te wit en nu heb je er nog een gemaakt.

Raakt het overzicht niet een beetje zoek op deze manier?

ok... nu begin ik er een beetje moe van te worden.
Ik weet niets af van dat topic.
En aangezien ik geen toegang heb tot dat forum, laat staan dat ik het kan zien, kan ik er ook niet op posten..
Dus dan maar ergens anders.... en dat was het enige toepasselijke forum wat ik kon vinden

dinsdag 23 oktober 2012 00:05

Acties:

0 Henk 'm!

jip_86

Firesphere schreef op maandag 22 oktober 2012 @ 19:44:
[...]

Geen echte inzending, wel een kleine aanpassing om de witruimte aan de rechterkant in jouw CSS weg te halen in het forum:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
div.message div.post {
    padding: 10px 14px 14px;
}

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

div.message div.post div.messagecontent {
    font-size: 13px;
    margin-left: 126px;
    width: 822px;
}
In combinatie met jouw CSS, mijn ideale css for now

Note, dit is een quick-and-dirty fix voor het forum. Heb wel rondgeklikt, maar het zou ergens kunnen breken.

Leek een mooie aanvulling, tot ik dit tegen kwam

Afbeeldingslocatie: https://lh3.googleusercontent.com/-AtCOiWD2JiU/UIXCeiHThAI/AAAAAAAADu4/LlkqpyDvD4s/s1024/nowhitespace.PNG

dinsdag 23 oktober 2012 00:10

Acties:

0 Henk 'm!

_eXistenZ_

Tweakers 7.5 changelog: Tweakers 7.5 - v1.1.2

There is no replacement for displacement!

dinsdag 23 oktober 2012 07:49

Acties:

0 Henk 'm!

Tomba

Quis custodiet ipsos custodes?

_eXistenZ_ schreef op zaterdag 20 oktober 2012 @ 10:28:
Tweakers 7.5 heeft weer een update gekregen:

- Hoge headers zoals je eigen profielpagina werkt nu goed
- GoT is lekker compact geworden
- Theme is door mij en een vriend inmiddels een beetje getest in verschillende browsers en is battle ready bevonden voor dagelijks gebruik (betekent niet bugvrij!)

Known bugs:
- Vanwege de plaating van het zoekformulier komt er soms andere info (De video-leverancier, je karma op je profielpagina, oid) doorheen te staan.

Todo:
- Dingen kunnen nog wel compacter, ik ben nog niet klaar
- Ik ga aandacht schenken aan de tracker, zodat deze ook voor mensen die géén full HD-scherm hebben bruikbaar is

[afbeelding]

[afbeelding]

[afbeelding]

Mensen die het userscript al draaien zouden automatisch de update binnen moeten krijgen, mensen die het userscript nog niet hebben, kunnen zich hier melden.

WOw, just wow! Bedankt dat je t.net weer usable hebt gemaakt voor me

Heb speciaal hiervoor Custom CSS afgenomen @ Karma store en hoop maar dat de hoge heren tegen de tijd dat die afloopt #Tweakers8 live hebben

tomba.tweakblogs.net || Mijn V&A

woensdag 24 oktober 2012 14:59

Acties:

0 Henk 'm!

Antyrael

Hartstikke leuk dat je je eigen CSS mag invullen in je profiel (want ik vind die nieuwe layout ook maar 10x niks), maar dat dat alleen mag/kan wanneer je een aktief GoT'er bent slaat helemaal nergens op.
Ik lees al jaren graag de fp en maak regelmatig gebruik van pricewatch en V & A, ik ben echter geen aktief forumbezoeker omdat dat niet mijn ding is.
Nu wil ik mijn rant eigenlijk kwijt in het topic "[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?", omdat dat gewenst is en omdat ik van mening ben dat dit bericht daar meer thuis hoort, maar dat mag niet omdat ik geen 50 posts heb.
Lekker gebruiksvriendelijk, not.
Nu kun je vertellen dat het alsnog mogelijk is om custom CSS toe te passen middels diverse Extensions of Add-ons voor Chrome en Firefox, maar eigenlijk zou dat, naar mijn mening, niet eens nodig moeten zijn.

Verder zitten er mooie stylesheets tussen hier, jammer dat ik er geen gebruik van kan maken.

woensdag 24 oktober 2012 15:10

Acties:

0 Henk 'm!

CLB

Het gaat niet om je aantal posts heh, het gaat om het verdiende / uit te geven karma wat je hebt...
Maar als ik zie dat je nagenoeg 3000 karma-punten hebt verzameld in 9 jaar, dan kun je het niet 'kopen' nee

En je kan inderdaad met Chrome of FireFox een extensie downloaden en klaar!
Ik ben zelfs een volledige CSS-n00b, en wilde ook niet aan 'n plugin, maar het werkt gewoon, allemaal goed!

[ Voor 30% gewijzigd door CLB op 24-10-2012 15:11 ]

woensdag 24 oktober 2012 16:42

Acties:

0 Henk 'm!

JohnD1

Cheetah schreef op maandag 22 oktober 2012 @ 15:09:
[...]
Firefox dan, want ik gebruik geen Greasemonkey en heb hetzelfde issue.

Is allemaal opgelost, tracker werkt nu ook met Firefox.
http://userscripts.org/scripts/show/150717

Je kan ook nu de tracker mee laten scrollen of vastzetten..

Kan iemand die thread van verzamel[ CSS-styles: "Hoe ziet jouw T-net niet eruit?" niet verplaatsen naar een forum waar je wel mag posten ....

vrijdag 26 oktober 2012 19:04

Acties:

0 Henk 'm!

WouterKvG

Inzending!

WouterKvG

Tweakers 7 to 6

Afbeeldingslocatie: http://farm9.staticflickr.com/8323/8124729869_67263ab6f6_z.jpg

Check voor meer screenshots deze flickr set: Tweakers 7 - Custom CSS by WouterKvG

Cascading Stylesheet:

body{background-color:#313232;}h2{margin-bottom:5px!important;}td{padding:4px!important;}#layout{width:1270px;margin-left:auto;margin-right:auto;background:none repeat scroll 0 0 #262828!important;box-shadow:0 0 5px #888!important;-moz-box-shadow:0 0 5px #888!important;-o-box-shadow:0 0 5px #888!important;-webkit-box-shadow:0 0 5px #888!important;}#top{border-bottom:1px solid #262828!important;}#menubar{background:none repeat scroll 0 0 #262828!important;border-radius:6px 6px 1px 1px!important;box-shadow:none!important;-moz-box-shadow:none!important;-o-box-shadow:none!important;-webkit-box-shadow:none!important;width:100%!important;z-index:1!important;position:relative!important;bottom:-50px!important;border-color:#262828!important;}#menu{width:auto!important;margin:0 50px!important;}#logo{left:-20px!important;}#logo + .sitename{left:29px!important;}#menu .sitename + ul{margin-left:231px!important;}#userbar{z-index:100!important;}#searchbar{background:none repeat scroll 0 0 transparent!important;height:50px!important;position:relative;top:-50px;margin:0!important;}#search{height:24px;padding-top:0!important;position:relative;top:31px;width:100%!important;}#search > a{background:0 repeat scroll 0 0 #EDEEEE;box-shadow:inset 0 0 3px 3px #B41039;-moz-box-shadow:inset 0 0 3px 3px #B41039;-o-box-shadow:inset 0 0 3px 3px #B41039;-webkit-box-shadow:inset 0 0 3px 3px #B41039;border-radius:2px;}#search #true{margin:-7px 15px 0 2px !important;padding:7px;}#search #streamone{margin:-7px 2px 0!important;padding:7px 7px 2px;}.galleryHeadingContainer,#tweakbase{background:#262828!important;padding:0 0 0 270px !important;}.galleryHeadingContainer > div,#tweakbase > div{background:0 repeat scroll 0 0 #EDEEEE;border-top:1px solid #EDEEEE!important;border-top-left-radius:6px;border-top-right-radius:6px;position:relative;top:1px;padding:6px 0 6px 20px !important;}.galleryHeadingContainer .galleryHeading .karma{margin-right:6px;}.pageTabsContainer,#top #tabs{background:#262828!important;padding-left:270px;}.pageTabsContainer .pageTabs,#top #tabs .pageTabs{background:none repeat scroll 0 0 #EDEEEE;width:1000px!important;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}.pageTabsContainer .pageTabs ul,#top #tabs .pageTabs ul{background:none repeat scroll 0 0 #EDEEEE;border-bottom:1px solid #C3C6C6;border-bottom-left-radius:6px;border-bottom-right-radius:6px;position:relative;top:2px;padding:0 20px!important;}#b_tb.takeover{border-bottom:1px solid #E8EAEA;border-radius:6px 6px 0 0;left:280px;position:relative;margin:0!important;}#contentArea{background-color:#fff;border-radius:6px;margin-right:0!important;position:inherit!important;width:980px!important;padding:10px!important;}#contentArea h1{margin-bottom:10px!important;}.producttoggle{padding-left:10px!important;}.article h3{margin-bottom:3px!important;}.reactie,.articleColumn{line-height:1.2!important;}#reacties{margin-left:10px;}#reacties .modFilter{width:auto!important;}#reacties .eenReactie{margin-top:5px!important;}#reacties .reactieHeader{padding:7px 0 5px!important;}#reacties .reactieHeader a[href=http://tweakers.net/gallery/324184]{background-color:#0A93CA;border:1px solid #0A8ABD;border-radius:2px;color:#fff!important;position:relative;top:3px;padding:1px;}#reacties .commentLink{background-color:#EBF3F5;border:1px solid #D9DDDF;border-radius:2px 2px 2px 2px;color:#616464!important;display:block;font-size:11px;width:42px;padding:0 5px;}#reacties .commentLink:hover{background:#0CA3D4;border:1px solid #0B94BF;color:#fff!important;text-decoration:none!important;}.popup.trackerPopup.fixed{background-color:#262828!important;position:absolute!important;left:auto!important;width:270px!important;margin-left:-280px;min-width:270px;top:84px!important;bottom:auto!important;}.trackerPopup .trackeritem ul{margin:3px 0 0!important;}.trackerPopup .trackeritem li{padding:3px 0 3px 3px !important;}.trackerPopup .trackeritem li .caption{color:#898886!important;}.popup.trackerPopup.fixed #trackerFixateLink{display:none!important;}.popup.trackerPopup #trackerFixateLink{float:right;white-space:pre;width:47px;}#bottom{background:none repeat scroll 0 0 #262828!important;position:relative!important;}#bottom .hr{display:none;}#fpaItems{background:0 repeat scroll 0 0 #EDEEEE;border:1px solid #DDDEDE;border-radius:1px;box-shadow:0 0 0 1px rgba(255,255,255,0.33) inset;-moz-box-shadow:0 0 0 1px rgba(255,255,255,0.33) inset;-o-box-shadow:0 0 0 1px rgba(255,255,255,0.33) inset;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,0.33) inset;margin-bottom:15px!important;width:100%;}#fpaItems .fpaItem{height:auto!important;}#fpaItems .fpaItem a{border-radius:2px;display:block;overflow:hidden;text-decoration:none;}#fpaItems .fpaItem div.textContainer{background-color:#444!important;}#fpaItems .fpaItem:hover .imageContainer{opacity:0.85!important;}div#fp_tabs_container ~ #fpaItems{float:right;width:334px;}div#fp_tabs_container ~ #fpaItems .fpaItem{width:163px!important;padding:2px!important;}div#fp_tabs_container ~ #fpaItems .fpaItem a{width:163px;}div#fp_tabs_container ~ #fpaItems .fpaItem img{width:163px!important;height:81px!important;}div#fp_tabs_container ~ #fpaItems .fpaItem div.textContainer{font-size:13px!important;line-height:15.5px!important;height:60px!important;padding:5px 9px!important;}h2 ~ #fpaItems{width:100%;}h2 ~ #fpaItems .fpaItem{width:118px!important;padding:4px 2px!important;}h2 ~ #fpaItems .fpaItem:first-of-type{padding-left:4px!important;}h2 ~ #fpaItems .fpaItem a{width:118px;}h2 ~ #fpaItems .fpaItem img{width:118px!important;height:59px!important;}h2 ~ #fpaItems .fpaItem div.textContainer{font-size:12px!important;line-height:14px!important;padding:9px 9px 18px!important;}.article > p ~ #fpaItems .fpaItem,.article > p ~ #fpaItems .fpaItem .textContainer{height:auto!important;}#categoryBrowser{margin-bottom:15px!important;}.secondColumn > div.fpItem{margin-bottom:15px!important;}#pricewatch h3,#sponsored h3{margin-bottom:5px!important;}#pricewatch > ul > li{border-top:1px solid #DDDEDE;margin:0!important;}#pricewatch > ul > li:last-of-type{border-bottom:1px solid #DDDEDE;margin-bottom:7px!important;}#pricewatch li .thumb.product,#pricewatch li .thumb img,#sponsored li .thumb.product,#sponsored li .thumb img{width:48px!important;height:40px!important;}#pricewatch li .thumb.product,#sponsored li .thumb.product{margin:5px 5px 5px 0 !important;padding:3px!important;}#pricewatch p.title,#sponsored p.title{margin:9px 0!important;}#sponsored li{padding-top:0!important;}#community li{padding:5px 0!important;}#contentArea > div#header h1{margin-bottom:0!important;}#contentArea > a[href=/productreview/manager/add/]{height:22px!important;line-height:22px!important;position:relative;top:185px;}.popularEditorialReviewsBlock td,.popularUserReviewsBlock td{height:87px!important;}.popularEditorialReviewsBlock p,.popularUserReviewsBlock p{margin:0!important;}.popularEditorialReviewsBlock .image a{margin-top:4px!important;}.popularEditorialReviewsBlock p{line-height:14px!important;padding:4px 0;}.popularUserReviewsBlock .title{margin-top:10px!important;}.popularUserReviewsBlock .image a{margin-bottom:11px!important;margin-top:12px!important;}.relatedBlock{padding-top:5px!important;}#makeuserreview #relationbox{margin:0!important;}.tdWithLine .score{margin-top:10px!important;}.formTable td p{line-height:10px!important;}#bestBuyGuideBlock{overflow:hidden;width:344px;}#bestBuyGuideBlock .BBGImageDiv{background:0 repeat scroll 0 0 #EDEEEE;border:1px solid #DDDEDE;width:164px!important;float:left;margin-bottom:10px!important;padding:2px;}#bestBuyGuideBlock div.BBGImageDiv:first-of-type{border-left-width:1px!important;border-right:0;}#bestBuyGuideBlock div.BBGImageDiv:last-of-type{border-left-width:0;}#bestBuyGuideBlock .BBGImageDiv img{height:94px!important;width:164px!important;}#productEditionPriceData tr{display:block;float:left;height:73px!important;width:300px!important;}#productEditionPriceData tr td.image{float:left;}#productEditionPriceData tr td{border-top:1px solid #E8EAEA!important;border-bottom:none!important;display:block;}[id=tab:aanbod] table.listing p{line-height:normal!important;}#henk{height:63px!important;top:-63px!important;}#content.folders .faux p[style=margin-top:5px]{float:left;margin-bottom:5px!important;}#content.folders .faux form[onsubmit="return checkDelete(this,'bookmarks')"]{float:left;}.channelHeader{margin-bottom:0!important;}.topic_actions p.pagecounter{margin:0!important;}.forumList table.listing{margin-bottom:10px!important;}div.message{margin-bottom:5px!important;}div.message div.messageheader{padding-bottom:0!important;}#jobs_relations .fixedLayout{width:100%;}#jobs_relations td.jobInfo.nowrap{white-space:normal!important;}div#content div#messages div.topicstarter div.date p:before{content:url('http://tweakers.net/ext/f/hAu719Tf0b0HB0Yue9PMiZRS/full.gif');}div#content div#messages div.topicstarter div.date p a{margin-left:5px;}div.message,div.faq{line-height:normal!important;}#mynotepad textarea{height:auto!important;}.message .messageheader .date a{text-transform:lowercase;}.message .messageheader .date a:before{content:'Geplaatst op ';text-transform:none;}#pmessages .date a:before{content:'Verzonden op ';}div.message div.post div.userdetails div.extra{display:block!important;}.meuktracker .meukTable table.highlights td{line-height:17px!important;}#jobOverview h4,#jobOverview h4 a{margin:3px 0;}.galleryHeading .thumb{float:left;margin-right:8px;}.galleryHeading .registered{clear:both;margin:0;}.galleryHeading .karma p{margin-bottom:0!important;}.columnwrapper.normal table.itemList[style=width:330px;]{width:100%!important;}

Zoals je ziet is dit de minified versie. Raw vondt tweakers het bericht te groot. Als je zelf wilt gaan tweaken kun je de opgemaakte style inclusief commentaar hier op userstyles.org vinden. Verder heb ik ook een script geschreven zodat de tracker ook op kleinere resoluties te zien blijft. Deze versie is hier op userscripts.org te vinden en bevat ook alle css. Ik raad echter aan om ook stylish of custom css te gebruiken omdat javascript css nogal traag is in vergelijking met stylish/custom css

Toelichting

Met deze CSS heb ik geprobeerd de dubbele tl-balk van T7 een beetje te dimmen. Dit stylesheet zorgt voor onder andere:

Algemeen
- Tracker op de oude plaats en netjes verwerkt.
- Achtergrond weer lekker donker.
- Zoekbalk naar boven om meer ruimte over te houden voor echte content.
- Veel wit weg tussen, boven en onder regels, kopjes, lijsten, forumposts en andere blokken.
- Het reageer knopje bij reacties is nu duidelijk te onderscheiden van de tekst
- Je eigen reacties zijn duidelijker zichtbaar doordat je eigen naam gehighlight wordt. (Hiervoor moet je wel even mijn user-id (324184) vervangen door die van jezelf.

FP
- Reviews weer rechts op de pagina. (Naar idee van _eXistenZ_)

Reviews
- Redactionele review blokjes allemaal op 1 regel gezet.

PW
- Populairste producten over twee kolommen verdeeld.
- BBG blokjes naast elkaar gezet.

Forum
- Henk is d'r weer
- My-react notepad stukkie kleiner
- Paar tweaks overgenomen van Wiethoofd
- Verder is hij compatibel met de meeste andere forumtweaks (zoals gekleurde kopjes etc.). Deze heb ik er niet ingestopt omdat niet iedereen het prettig vindt, maar de meeste tweaks kunnen er gewoon ingeplakt worden zonder dat er rare dingen gebeuren.

Hij is getest in de nieuwste versies van zowel FF (stylish), Chrome (stylish) als Opera (usersheet). IE doe ik niet aan, maar waarschijnlijk werkt het meeste wel. Ik ben nog bezig met een script om zaken zoals de tracker te fixen. Maar dat valt natuurlijk niet meer onder deze competitie.. Verder staat het iedereen natuurlijk vrij om deze code te tweaken naar je eigen needs.

Veel plezier ermee!

PS: Ik heb gemerkt dat Tweakers nog druk bezig is met de stijlelementen aan te passen. Als ik merk dat hierdoor een stukje uit de css niet meer werkt, kan ik dan de inzending aanpassen met de bugfix?

[ Voor 2% gewijzigd door WouterKvG op 30-10-2012 23:15 . Reden: added "height: 60px !important;" to fix an issue with long text floating outside the textContainer review block @ FP + Minmized bottom-margin also for new forum posts + added link to script that fixes the unfixed tracker + fixed link to flickr s ]

- Somnox, 's werelds eerste slaaprobot

zaterdag 27 oktober 2012 02:57

Acties:

0 Henk 'm!

alex3305

@Wedstrijdorganisatoren

Nu heeft Tweakers net wat nieuwe functies erin gezet (bijv. zoeken in topics, HEEL GOED!) en wil ik dat graag veranderen. Mag ik die css nog wel toevoegen aan mijn inzending? Lijkt mij anders niet helemaal eerlijk

zaterdag 27 oktober 2012 12:18

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

alex3305 schreef op zaterdag 27 oktober 2012 @ 02:57:
@Wedstrijdorganisatoren

Nu heeft Tweakers net wat nieuwe functies erin gezet (bijv. zoeken in topics, HEEL GOED!) en wil ik dat graag veranderen. Mag ik die css nog wel toevoegen aan mijn inzending? Lijkt mij anders niet helemaal eerlijk .

Er is eerder aangegeven dat minimale tweaks is toegestaan. In dit geval, het toevoegen van functionaliteit, lijkt het mij niet meer dan redelijk dat je daar ook nog wat mee mag doen, als je maar niet je hele CSS overhoop gooit en het dus alleen bij de nieuwe sitefuncties laat! Crew kan zien hoeveel en ook precies wat je hebt verandert, houd hier dus rekening mee.

Commandline FTW | Tweakt met mate

zaterdag 27 oktober 2012 15:09

Acties:

0 Henk 'm!

alex3305

Hero Of Time schreef op zaterdag 27 oktober 2012 @ 12:18:
[...]

Er is eerder aangegeven dat minimale tweaks is toegestaan. In dit geval, het toevoegen van functionaliteit, lijkt het mij niet meer dan redelijk dat je daar ook nog wat mee mag doen, als je maar niet je hele CSS overhoop gooit en het dus alleen bij de nieuwe sitefuncties laat! Crew kan zien hoeveel en ook precies wat je hebt verandert, houd hier dus rekening mee.

Duidelijk en eerlijk, zoals ik het van Tweakers had verwacht

zaterdag 27 oktober 2012 17:31

Acties:

0 Henk 'm!

Hooglander1

Zot intellegent

Topicstarter

We doen alsof we streng zijn om een chaos te voorkomen.

Uiteraard mag je dat soort dingen er in editten. Dat het pure CSS is is het belangrijkste.

Als je veel gaat editten sturen we gewoon zeef met zijn geblindeerde busje op je af

[ Voor 23% gewijzigd door Hooglander1 op 27-10-2012 17:32 ]

Lid van de Tweakers Kenwood TTM-312 club.

zaterdag 27 oktober 2012 18:36

Acties:

0 Henk 'm!

_eXistenZ_

Tweakers 7.5 changelog: Tweakers 7.5 - v1.1.3

There is no replacement for displacement!

zaterdag 27 oktober 2012 18:37

Acties:

0 Henk 'm!

Hooglander1

Zot intellegent

Topicstarter

_eXistenZ_ schreef op zaterdag 27 oktober 2012 @ 18:36:
Tweakers 7.5 changelog: Tweakers 7.5 - v1.1.3

Wat is de bedoeling van deze post? Het is geen inzending, je zet er niets bij?

Lees: Doe eens niet.

Lid van de Tweakers Kenwood TTM-312 club.

zondag 28 oktober 2012 20:10

Acties:

0 Henk 'm!

Zartok

Inzending!

Zartok

1000px

FP:

Afbeeldingslocatie: https://lh3.googleusercontent.com/-oTGi72nlecg/UI1ptgl3M2I/AAAAAAAADSY/Yyc4Um4XmoA/s640/FP.png

Artikel:

Reacties:

Reactie details:

Afbeeldingslocatie: https://lh6.googleusercontent.com/-Oi1U4BiNrNQ/UI1putGWwZI/AAAAAAAADSk/xpAAz6awlWQ/s640/details.png

Pricewatch:

Reviews:

GoT:

Afbeeldingslocatie: https://lh3.googleusercontent.com/-VFTzRdU9xFk/UI1ptx3O2xI/AAAAAAAADSc/HBZxomHF1Js/s640/GoT.png

Topic:

Afbeeldingslocatie: https://lh4.googleusercontent.com/-7xV5turwGPs/UI1pvtW44DI/AAAAAAAADS4/9YG4dBbOlS8/s640/forum.png

Cascading Stylesheet:

/* Breedte aanpassing: 1000px breed content gedeelte*/
#searchbar,
#tabs,
#bottom div.hr,
.about,
.ticker,
.pageTabsContainer,
#tweakbase,
.galleryHeadingContainer        { width: 1000px; margin: 0px auto 0px auto; }
#contentArea                     { width: 980px; padding: 20px 10px 180px 10px; margin: 0px auto 0px auto; background-color: #ffffff; }
#menubar                        { width: 962px; margin: 0px auto 0px auto; }

/*Hoogte aanpassingen paginas*/
#searchbar                        { margin-top: 34px; }
/*#tweakbase                       { margin-top: -60px; }*/
#mainSearch                        { margin: 0px 0px 0px -224px!important; position: absolute; top: 10px; left: 50%; }
#fp_tabs_container               { position: absolute; top: 100px; }
#forum_tabs                        { margin: 11px -10px 15px -10px; }
#header                            { position: absolute; top: 97px; width: 900px; text-overflow: ellipsis; overflow: hidden; /*left: 50%; margin-left: -490px;*/ }
#forumheading                     { margin-top: -68px; }
#forumheading p.breadcrumb      { margin: -15px auto 0px auto; font-size: 10px; position: absolute; top: 137px; }
#forumheading > .topic_actions   { margin: 25px 0px 0px 0px; }
#title p.mods                     { position: relative; float: right; margin-right: 60px; margin-top: -68px; }
.galleryHeading                    { position: absolute; top: 90px; }

/*Gallery aanpassingen*/
.galleryHeading .karma        { float: left; padding-top: 10px; }
.galleryHeading .registered     { margin-top: 5px; }
.galleryHeading .memberInfo      { margin-top: 6px; float: left; width: 550px; height: 41px; }
.karma p                        { margin-bottom: 0px; }

/*Review correcties*/
.popularEditorialReviewsBlock p .commentCount,
.popularUserReviewsBlock p .commentCount        { margin-right: -55px; float: right; margin-top: 8px; }
.popularUserReviewsBlock, 
.popularEditorialReviewsBlock                  { width: 620px; float: left; }
.popularUserReviewsBlock .image a,
.popularEditorialReviewsBlock .image a        { margin-top: 0px; }
.popularUserReviewsBlock .image,
.popularEditorialReviewsBlock .image            { padding-bottom: 0px; }
.popularUserReviewsBlock table.listing td.image { width: 95px; }
.popularUserReviewsBlock .listing tr td .title  { margin-top: 3px; margin-bottom: 12px; }
.popularUserReviewsBlock .scoreButton          { padding: 3px; font-weight: bold; }
.popularUserReviewsBlock > table.listing p, 
.popularEditorialReviewsBlock > table.listing p { width: 450px; margin: 5px 0 0; line-height: 15px; }
.popularEditorialReviewsBlock > .listing > tbody > tr > td > p > a > .sprite.scoreStars { float: right; margin-top: -52px; margin-right: -55px; }
.popularUserReviewsBlock > .listing > tbody > tr > td > p > a > .sprite.scoreStars  { float: right; margin-top: -25px; margin-right: -55px; }

.popularProductListing  { width: 310px; float: left; }
.BBGImageDiv            { width: 320px!important; height: 215px; padding: 0px; margin: 0px 5px; float: left; }
.BBGImageDiv img        { width: 320px; height: 160px; }
.BBGUnderPic            { height: 34px; padding: 8px; text-align: center; line-height: 17px; }
#bestBuyGuideBlock    { padding: 5px; margin-left: -334px; margin-top: 0px; margin-bottom: 10px; height: 237px; width:660px; }
#bestBuyGuideBlock > h2 { text-align: center; margin: 5px 10px; }
.statisticsBlock        { margin-left: -324px; height: 0px; width: 320px; padding: 0px; border: 0px; text-align: center; }
.statisticsBlock > h2,
.portalInfoBlock > h2   { margin: 0px; }
.portalInfoBlock        { margin: 0px 10px 0px 5px; text-align: center; }
.portalInfoBlock > p    { padding-top: 11px; border-top: 1px solid #E8EAEA; }
.secondColumn > .productShopReviewBlock    { overflow: hidden; margin-left: -324px; width: 650px; }
.secondColumn > .productShopReviewBlock > h2  { text-align: center; }
#reviewBlockLeft,
#reviewBlockRight                   { width: 320px; padding-top: 4px; }
.fancyButton.reviewPricewatchLink   { float: right; margin-top: -4px; }

/*FP reacties: ruimte correcties, duidelijke header en mod opmaak*/
.eenReactie         { margin-top: 5px; width: 600px; }
.reactieContent     { padding: 5px 15px 5px 0px; }
.reactieHeader      { padding: 1px 0px 1px 15px; background-color: #E7E8E8; margin-left: -20px; }
.reactieBody.hidden .reactieHeader      { padding: 0px 10px; opacity: 0.35; }
.reactieBody.informative,
.reactieBody.informative .reactieHeader { background-color: #EFFFE2; border-left: 1px solid #CFD4C9; }
.reactieBody.spotlight, 
.reactieBody.spotlight .reactieHeader     { background-color: #D8FFC2; border-left: 1px solid #BECFBE; }
#pollListing               { overflow: visible; }
.reacties                 { padding-left: 10px; }
.modFilter               { width: 375px; }
.modFilter .scoreButton { margin-left: 3px; }
.modFilter .reactionCount  { margin: 0px 7px 0px 4px; }

/* Moderatieblok */
.modPopup .popupContent  { padding: 10px; }
.popup .close           { top: 10px; right: 10px; }
.scoreButton             { margin: 0 0 0 11px; }
#modPopup .scoreButtons  { margin-top: 10px; margin-bottom: 5px; }
#modPopup #scoreTitle   { margin-bottom: 0px; }
#scoreDesc             { margin-bottom: 5px; padding-bottom: 5px; }
#modBoost > p           { margin-bottom: 10px!important; }

/*Afbeeldingen FP, naar recht 2x2 */
#fpaItems                          { float:right; width:336px; }
#fpaItems .fpaItem                { height: auto; width:167px; margin-right: 1px; margin-bottom: 1px;}
#fpaItems .fpaItem img            { height: auto; width:167px; }
#fpaItems .fpaItem div.textContainer { font-size:12px; line-height:15px; text-align: center; width: 100%; height: 30px; padding: 5px 0px; }

/*Forum kleuren, ieder deel andere achtergrond kleur (gradient indien mogelijk)*/
.forumList:nth-child(3) table.listing tr th{ background-image: none; background-color: #A30028; background-image: -webkit-linear-gradient(#FF2F50,#A30028); background-image: -moz-linear-gradient(#FF2F50,#A30028); }
.forumList:nth-child(4) table.listing tr th{ background-image: none; background-color: #400072; background-image: -webkit-linear-gradient(#9D55D5,#400072); background-image: -moz-linear-gradient(#9D55D5,#400072); }
.forumList:nth-child(5) table.listing tr th{ background-image: none; background-color: #0E8F1D; background-image: -webkit-linear-gradient(#2BEB40,#0E8F1D); background-image: -moz-linear-gradient(#2BEB40,#0E8F1D); }
.forumList:nth-child(6) table.listing tr th{ background-image: none; background-color: #F54500; background-image: -webkit-linear-gradient(#FF6E26,#BD3500); background-image: -moz-linear-gradient(#FF6E26,#BD3500); }
.forumList:nth-child(7) table.listing tr th{ background-image: none; background-color: #04926C; background-image: -webkit-linear-gradient(#01CA99,#04926C); background-image: -moz-linear-gradient(#01CA99,#04926C); }
.forumList:nth-child(8) table.listing tr th{ background-image: none; background-color: #FABD00; background-image: -webkit-linear-gradient(#FFEA00,#A57D00); background-image: -moz-linear-gradient(#FFEA00,#A57D00); }
.forumList:nth-child(9) table.listing tr th{ background-image: none; background-color: #FABD00; background-image: -webkit-linear-gradient(#FFEA00,#A57D00); background-image: -moz-linear-gradient(#FFEA00,#A57D00); }

/*Forum heading -> knopjes*/
#forumheading > .topic_actions > .action_list a { padding: 3px 5px; background: #0A8FC4; color: white; border-radius: 1px; font-weight:bold; }
#forumheading > .topic_actions > .action_list li::before { content: ""; }

/*FP hoogte en kleur nieuwsitems*/
#footer             { margin-right: 20px; }
table.highlights td { line-height: 0px; padding: 5px 8px; }
.frontPageLink      { color: #212323; text-decoration: none; }
.frontPageLink:visited { color: #B9133c; }

/*Forum gedeelte, lage (dunne) regels*/
table.listing td, 
table.listing th     { padding: 1px 5px; }

/*Gallery tabel*/
.galleryInnerTable td { padding: 4px; }
.bar                 { background-image: -webkit-linear-gradient(#BBB,#5F5F5F); background-image: -moz-linear-gradient(#BBB,#5F5F5F); padding: 4px 10px; }

/*Achtergrondkleur minder licht*/
#layout { background-color: #dcdddd; }

/*Overflow correctie job tracker*/
.jobInfo.nowrap p { text-overflow: ellipsis; width: 100px; overflow: hidden; }

/*Tracker 330px breed*/
.popup.trackerPopup.fixed { width: 330px!important; left: -330px!important; top: -70px; border-radius: 6px; }
/*.popup.trackerPopup { left: 0px!important; top: 134px!important; width: 330px; }*/

/*Bookmatks aanpassingen*/
#forumheading .info { width: 140px; float: right; margin-bottom: 0px; margin-top: -50px; }
#folders { margin-top: 34px; }

/*Geen gradient bij de top*/
#top{ background-image: none; }

/*Nieuw na edit 1:
Aanpassingen artikel; 2e kolom: compacter (minder overlap met reacties)*/
.relatedBlock            { padding-top: 5px; }
.relatedBlock li          { padding: 1px 15px; }
.relatedBlock p.more      { padding: 5px 17px; }
.relatedBlock h2          { margin: 0px 15px 5px; text-align: center; }
.popularProductListing .sortable { margin-left: 15px; width: 294px; }
#rbEntitylist ul        { margin: 3px 0px; }
#rbProductlist table td  { padding: 5px 0; }
#relationbox            { margin: 5px 0px; }
.relationboxBlock h2     { margin: 0px 15px 5px; text-align: center; }
/*Bovenkant correctie met posting*/
.insertMessage                  { padding-top: 10px; }

Toelichting

Om de enorme hoeveelheid wit en de soms te grove spacings tegen te gaan ben ik begonnen aan deze stijl. Eenmaal begonnen heb ik steeds meer aangepast om het geheel meer naar mijn smaak te maken. Ik vond de stijl die met t7 is ingeslagen niet onaardig en wilde daarom wel het lichte, metro achtige ontwerp zo veel mogelijk bewaren, maar dan met kleurenstellingen die hogere contrasten vormen en een compactere samenstellingen van de onderdelen. Daarnaast moest deze stijl er goed uitzien op zowel mijn desktop (1680x1050) als mijn netbook (1024x600), vandaar dat is gekozen voor een 1000 pixels brede strook, zodat er standaard niet zijwaarts gescrolled hoeft te worden op mijn netbook (nb de content is 980px breed net als t7, maar voor de padding was 20px nodig).

Waarom zou ik jouw ontwerp op mijn full HD scherm gebruiken?
Ja, een groot percentage op je scherm is ongebruikt, maar vergeet niet dat t7 is ontworpen voor zo'n 1000 pixels breed. Je kan het natuurlijk wel breder willen maken maar denk eraan dat lezen vaak lekkerder is als de tekst niet al te breed is.

Waar is de tracker?
Omdat ik de tracker niet zo veel gebruik is deze niet geïntegreerd in het ontwerp. Als deze echter gewenst kan deze goed aan de zijkant geplaatst worden bij horizontale resoluties van 1280 pixels of hoger: Het ontwerp kan heel makkelijk gefixeerd worden op x afstand van de zijkant waardoor de tracker in deze ruimte kan worden geplaatst. Alles wat hiervoor moet gebeuren is 3 marges in de css aan te passen (de marges staan gedefinieerd bij de 1e 3 rules in de css; achter .galleryHeadingContainer, #contentArea, #menubar ) en de tracker hierop af te stemmen (regel 130/131 in mijn css).

Key features:

1000px breed, bij meer ruimte staat het geheel gecentreerd
Compacter dan t7, ~50% ruimtebesparing bij folded reacties, ~33% meer nieuwsitems op de FP in dezelfde ruimte
Lagere paginaheader, meteen meer info, zonder onderdelen te verliezen
Nesting beter zichtbaar en duidelijkere reactie headers
Minder lichte actergrond, licht grijze achtergrond maakt het geheel rustiger om naar te kijken
Met de standaard css al weer wat kleur terug op het forum (mijn userscript kan gebruikt worden voor gekleurde icoontjes)
Forumknoppen meer in t7 stijl (reageer, bookmark, etc...)
Getest op IE9 en chrome (geen storende bugs gezien).
De CSS is gegroepeerd geschreven dus makkelijk tweakbaar, dat moet tweakers toch aanspreken

edit:
Ik vind nog steeds zo af en toe bugs/dingen waarmee ik niet tevreden ben. Wijzigingen zal ik aan het einde van de css code hierboven toevoegen. Mocht je de css gebruiken en een bug tegenkomen, stuur mij dan aub een dm zodat ik kan kijken of ik er wat aan kan doen.

[ Voor 6% gewijzigd door Zartok op 28-10-2012 21:55 ]

zondag 28 oktober 2012 23:52

Acties:

0 Henk 'm!

Electrowolf

Mod met Liefde!

Topicstarter

<knip> was onzin </knip>

Ondertussen halverwegen, laat die inzendingen maar lekker doorstromen!

[ Voor 76% gewijzigd door Electrowolf op 29-10-2012 10:03 ]

Het stoplicht staat op rood, het stoplicht staat op groen, in #TMF is altijd wat te doen. || http://quotes.negotiator.nl/7270 || /16 at work

woensdag 31 oktober 2012 22:40

Acties:

0 Henk 'm!

F.West98

Alweer 16 jaar hier

Bijna af met mijn deel, coming dit weekend (responsive layout (mobiele versie dus) erin

)

[ Voor 15% gewijzigd door F.West98 op 31-10-2012 22:41 ]

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

vrijdag 2 november 2012 17:02

Acties:

0 Henk 'm!

Hooglander1

Zot intellegent

Topicstarter

Wat een rust hier. Iedereen druk met zijn custom CSS te perfectioneren voor de deadline?

Lid van de Tweakers Kenwood TTM-312 club.

vrijdag 2 november 2012 17:13

Acties:

0 Henk 'm!

F.West98

Alweer 16 jaar hier

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

vrijdag 2 november 2012 18:48

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

Geen tijd

Vanavond en morgen maar eens goed voor zitten en tijd maken, want ik heb begrepen dat mensen wel nieuwsgierig zijn wat ik heb gemaakt. Heb nog een paar bugs in zitten die ik moet oplossen.

Commandline FTW | Tweakt met mate

zaterdag 3 november 2012 18:38

Acties:

0 Henk 'm!

F.West98

Alweer 16 jaar hier

Mijn inzending is ook af!

FMod 1.0 voor TWK7

Er zitten een heleboel features in mijn alles omvattende mod, hieronder een klein overzichtje van alle features:
• Donkere achtergrond (tekst en de rest)
• Fixed header, klapt in bij lage-verticale-resolutie (niet in Chrome wegens compatibiliteitsprobleem, JS-fix onderaan) en lage-breedte schermen, de header is non-fixed in PW en userpages wegens codeproblemen
• Zoekbar IN de header geplaatst, weg bij kleine schermen (andere opties mogelijk)
• IT Banen en Whitepapers uit de header weg
• Mooie knopjes bij pagenav
• Alles full-width (980px max.)
• Bookmarks: Mappen ding links ingeklapt, geopend bij hover
• COMPLEET MOBILE LAYOUT
• FP reacties kleiner
• Jij laatst gereageerd in topic, schuingedrukt
• Usericons zonder witte achtergrond
• Forumlijst kleurtjes
• Postheaders kleiner, vaste hoogte en kleurtjes (oranje voor TS, blauwig voor jezelf en blauwe naam voor abo's)
• Veeeel meer

Er is één belangrijk puntje: de PW- en de profielpagina's werken niet goed in Chrome (zie Tampermonkey script onderaan de post) en IE (Geen greasemonkey, geen oplossing). FF werkt wel vanwege support voor @(-moz)-document tag. Als IE en Chrome het gaan ondersteunen werkt het daar ook goed, zonder code.

Screenshots

Nieuwsbericht, tracker, achtergrond, zoekfunctie & header:

Bookmarks & pagenav mod:

Header op mobile:

Bookmarks op mobile:

Categoriekiezer (PW & V&A) op mobile

Forum op mobile:

Nieuws mobile:

Modden op mobile:

My tnet:

Zoeken op forum

Code

Voor de username highlight als jij als laatste hebt gereageerd:

Cascading Stylesheet:

.listing .topic a[title~="JOUW USERNAME"] { 
    color: #AAAAAA !important; 
    font-style: italic; 
}

De rest: 550 620 regels code

Import of (om de inzending geldig te maken) dit in je CSS plakken.
Import:

Cascading Stylesheet:

1	@import url('http://www.fwest98.nl/tnet_mod/tnet7.css');

Gewone code: zie hier en volgende posts icm max post length (of download het van deze link)

Cascading Stylesheet:

/* TNET7 Inzending */

/* Algemeen */
    #layout, #top .galleryHeadingContainer, #top .pageTabsContainer, #top #tweakbase, #top #tabs { background-color: #3F3F3F; }
    #bottom { 
        background: -webkit-gradient(linear, top left, bottom left, color-stop(#3F3F3F 0px), color-stop(#262628 40px), color-stop(#1C1E1E 100%));
        background: -webkit-linear-gradient(#3F3F3F, #262628 40px, #1C1E1E);
        background: -moz-linear-gradient(#3F3F3F, #262628 40px, #1C1E1E);
        background: -ms-linear-gradient(#3F3F3F, #262628 40px, #1C1E1E);
        background: -o-linear-gradient(#3F3F3F, #262628 40px, #1C1E1E);
        background: linear-gradient(#3F3F3F, #262628 40px, #1C1E1E);
        position: relative;
        height: auto;
    }
    #contentArea {
        padding-bottom: 20px;
        border-radius: 0 0 5px 5px;
    }
    #bottom .hr { background-color: transparent !important; }
    #bottom #ticker { height: auto; overflow: visible; padding-bottom: 10px; }
    #bottom #ticker p, #bottom #about { white-space: normal; width: 100%; max-width: 980px; }
    
    /* Header fixed */
        #top { /* Top ding vastzetten */
            height: 85px;
            position: fixed;
            width: 100%;
            z-index: 111;
            border-bottom: none;
        }
        #menubar { border-top-left-radius: 5px; border-top-right-radius: 5px; } /* Ronde hoeken */  
        #top .galleryHeadingContainer > div, #top .pageTabs, #top #tweakbase > div {
            max-width: 980px;
            min-width: 0;
            width: 96%;
            padding-left: 2%;
            padding-right: 2%;
            background-color: #EDEEEE;
        }
        #top .galleryHeadingContainer, #tweakbase { margin-top: 51px; }
        .popup.notificationsPopup { position: fixed; }
        /* Content omlaag */
            #contentArea { padding-top: 95px; }
            .trackerPopup { position: fixed; }
            .trackerPopup.fixed { margin-top: 85px; margin-left: -35px; position: absolute; }

        
        /* Lage hoogte schermen/minder dan 1000px breed, rode deel van top hiden */
        @media screen and (max-width: 1000px),
            screen and (max-device-width: 1000px),
            screen and (max-height: 600px),
            screen and (max-device-height: 600px),
            not screen and (-webkit-device-pixel-ratio: 1.5, max-device-width:1000px),
            not screen and (-webkit-device-pixel-ratio: 1.5, max-width:1000px) {
            #top { height: 33px; }
            #menubar { margin-top: -51px; border-radius: 0; width: 100%; }
            #contentArea { padding-top: 43px; }
            .trackerPopup.fixed { margin-top: 43px; }
        }
        /* Searchbar andere positie OF hiden bij kleine schermen */
            @media screen and (min-width: 1500px) {
                #searchbar {
                    position: absolute;
                    background: transparent;
                    width: 15%;
                    height: 30px;
                    margin-top: 20px;
                    margin-left: 6%;
                    -moz-transition: 0.15s linear all;
                    -webkit-transition: 0.15s linear all;
                    -o-transition: 0.15s linear all;
                    -ms-transition: 0.15s linear all;
                    transition: 0.15s linear all;
                }
                #search { width: 100%; padding-top: 0; }
                #search .keywordSearch, #search input.text { width: 95% !important; }
                #search input.text {  padding: 4px 10px 4px 4px; }
                #search input.submit { position: absolute; margin-left: -35px; }
                #true { display: none; }
                .mainSearchSuggest { z-index: 112; }
                /* Forum search fix */
                    #search #detailedSearchListing ul { z-index: 130; }
                    #search #detailedSearchListing { position: absolute; width: 120px; margin-left: -120px; }
                    #search #detailedSearchListing  > div > span { display: block; text-indent: -9999px; }
                    #search #detailedSearchListing + div + .text { padding-left: 20px; width: 89% !important; }
            }
            @media screen and (max-width: 1800px) { #searchbar { width: 12%; } } /* En kleinere schermen */
            @media screen and (max-width: 1650px) { #searchbar { width: 10%; } }
            @media screen and (max-width: 1499px) { #searchbar { display: none; } }
        /* PW en userpages niet-fixed */
        @-moz-document url-prefix("https://secure.tweakers.net/my.tnet/preferences"),
                    url-prefix("https://secure.tweakers.net/my.tnet/profile"),
                    url-prefix("http://tweakers.net/pricewatch"),
                    url-prefix("http://tweakers.net/categorie"),
                    url-prefix("http://tweakers.net/gallery"),
                    url-prefix("http://tweakers.net/merk"),
                    url-prefix("http://tweakers.net/serie"),
                    url-prefix("http://tweakers.net/product"),
                    url("http://gathering.tweakers.net/forum/preferences") {
            #top {
                height: auto;
                position: static;
                width: 100%;
            }
            #tweakbase, #top .galleryHeadingContainer { margin-top: 51px; }
            #top .pageTabs, #top .galleryHeading { max-width: 980px; width: 96%; }
            #top .memberInfo { max-width: 850px; width: 80%; }
            #contentArea { padding-top: 20px; }
            .trackerPopup.fixed { margin-top: -120px; }
        }
        @-webkit-document url-prefix("https://secure.tweakers.net/my.tnet/preferences"),
                    url-prefix("https://secure.tweakers.net/my.tnet/profile"),
                    url-prefix("http://tweakers.net/pricewatch"),
                    url-prefix("http://tweakers.net/categorie"),
                    url-prefix("http://tweakers.net/gallery"),
                    url-prefix("http://tweakers.net/merk"),
                    url-prefix("http://tweakers.net/serie"),
                    url-prefix("http://tweakers.net/product"),
                    url("http://gathering.tweakers.net/forum/preferences") {
            #top {
                height: auto;
                position: static;
                width: 100%;
            }
            #tweakbase, #top .galleryHeadingContainer { margin-top: 51px; }
            #top .pageTabs, #top .galleryHeading { max-width: 980px; width: 96%; }
            #top .memberInfo { max-width: 850px; width: 80%; }
            #contentArea { padding-top: 20px; }
            .trackerPopup.fixed { margin-top: -120px; }
        }
        @-moz-document url("http://tweakers.net/pricewatch/") {
            #top { /* Top ding vastzetten */
                height: 85px;
                position: fixed;
                width: 100%;
                z-index: 111;
                border-bottom: none;
            }
            #contentArea { padding-top: 95px; }
            .trackerPopup.fixed { margin-top: 85px; }
        }
        @-moz-document url("https://secure.tweakers.net/my.tnet/karmastore") {
            .mainColumn { margin-right: 0 !important; }
        }
        @-webkit-document url("http://tweakers.net/pricewatch/") {
            #top { /* Top ding vastzetten */
                height: 85px;
                position: fixed;
                width: 100%;
                z-index: 111;
                border-bottom: none;
            }
            #contentArea { padding-top: 95px; }
            .trackerPopup.fixed { margin-top: 85px; }
        }
        @-webkit-document url("https://secure.tweakers.net/my.tnet/karmastore") {
            .mainColumn { margin-right: 0 !important; }
        }
        /* Chrome ed scripts */
        .special #top {
            height: auto;
            position: static;
            width: 100%;
        }
        .special #tweakbase, .special #top .galleryHeadingContainer { margin-top: 51px; }
        .special #top .pageTabs, .special #top .galleryHeading { max-width: 980px; width: 96%; }
        .special #top .memberInfo { max-width: 850px; width: 80%; }
        .special #contentArea { padding-top: 20px; }
        .special .trackerPopup.fixed { margin-top: -120px; }


/* Jobs weg */
    #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; }      

/* Knopjes mooi maken */
    /* Algemeen */
        .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;
            -o-transition: all 0.15s linear;
            -ms-transition: all 0.15s linear;
            transition: all 0.15s linear;
            margin-left: 0 !important;
        }
        .pageDistribution a { padding: 2px 3px; margin-left: 0 !important; padding-bottom: 0;}
        p.pagecounter a { padding: 2px 3px; }
        p.pagecounter b { margin-left: 0 !important; }
        p.pagecounter { margin-top: 1px !important; }
        
    /* Hover */
        .topic > small a:hover, .pageDistribution a:hover, p.pagecounter a:hover {
            background-color: rgb(10, 142, 196);
            text-decoration: none !important;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            color: white !important;
            font-weight: bold;
        }
        .topic > small a:hover[rel=nofollow], p.pagecounter a:hover[rel=nofollow] { 
            font-weight: normal;
        }
    
    /* Active */
        .topic > small a:active, .pageDistribution a:active, p.pagecounter a:active {
            box-shadow: 0px 0px 3px 0px #0A8FC4;
            -moz-box-shadow: 0px 0px 3px 0 #0A8FC4;
            -webkit-box-shadow: 0 0 3px 0 #0A8FC4;
            border-collapse: seperate; /* IE9 fix */
        }

Verder heb ik nog wat extra's:

Extended forum menu-optie

Cascading Stylesheet:

1
2
3

/* Forum uitklap */
.more.active.forumidenty > span { color: #D9FF26 !important; }
.more.active.forumidenty.dropdown > span { color: #000000 !important; }

Greasemonkey/Tampermonkey

JavaScript:

// ==UserScript==
// @name        Add tabs to Forum
// @namespace   userscripts
// @include     http://*tweakers.net/*
// @include     https://*tweakers.net/*
// @version     1
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @grant       none 
// ==/UserScript==
var menu = $('#menu > ul:first > li:nth-child(6)');
menu.addClass('more').addClass('last').addClass('forumidenty');
menu.find('a').remove();
menu.append('<span>Forum</span><div><ul><li><a href="http://gathering.tweakers.net/forum">Forumlijst</a></li><li><a href="http://gathering.tweakers.net/forum/list_activetopics">Active topics</a></li><li><a href="http://gathering.tweakers.net/forum/list_bookmarks">Bookmarks</a></li><li><a href="http://gathering.tweakers.net/forum/myreact">Myreact</a></li><li><a href="http://gathering.tweakers.net/forum/faq">Faq</a></li><li><a href="http://gathering.tweakers.net/forum/find/poster/306933/topics">Posthistorie</li></ul></div>');
menu.on("hover", this, function() {
    $(this).toggleClass('dropdown');
});

Chrome profiel/pw-fix

Omdat Chrome, in tegenstelling tot firefox geen @-document of @-webkit-document code ondersteunt, moet het met JS:
Tampermonkey

JavaScript:

// ==UserScript==
// @name       TWK7 voor webkit
// @match      https://secure.tweakers.net/my.tnet/preferences*
// @match      http://tweakers.net/pricewatch/*
// @match      http://tweakers.net/categorie*
// @match      http://tweakers.net/gallery*
// @match      http://tweakers.net/merk*
// @match      http://tweakers.net/serie*
// @match      http://tweakers.net/product*
// @match      http://gathering.tweakers.net/forum/preferences*
// @version    0.1
// @description  LALALA
// @copyright  2012+, You
// ==/UserScript==

if(window.location != 'http://tweakers.net/pricewatch/') {
    document.getElementById('layout').className += ' special';
}

[ Voor 57% gewijzigd door F.West98 op 04-11-2012 00:43 ]

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

zaterdag 3 november 2012 18:40

Acties:

0 Henk 'm!

F.West98

Alweer 16 jaar hier

Code:

Cascading Stylesheet:

/* Volledige breedte benutten */
    #layout { min-width: 0; } /* Anders blockt ie ineens */
    #contentArea {
        background-color: #F5F6F6;
        left: 0px;
        padding-left: 2%;
        padding-right: 2%;
        width: 96% !important;
        max-width: 980px; /* Maximaal voor grote schermen */
    }
    table.listing.dm td, .reactie { background-color: #F5F6F6; /* Fix DM */ }
    #menu { width: 100%; max-width: 980px; }
    #menubar { min-width: 0; }
    #menu ul#userbar { float: right; position: relative; }
    #bottom { min-width: 0; }
    /* FP */
        /* PW ding naar rechts */
        #filterContainer {
            float: right !important;
            margin: 0 0 0 30px;
        }
        
    /* PW */
        /* Contentbrowser */
            #categoryBrowser { width: auto; }
            #categoryBrowser .mainlist { width: 30%; }
            #categoryBrowser.compact .mainlist, #categoryBrowser.compact .sublist { height: 220px; }
            #categoryBrowser li { height: auto; }
            #categoryBrowser li.more { background-position: 97% 7px !important; }
            #categoryBrowser .sublist { left: 32%; width: 30%; }
            #categoryBrowser .sublist + .sublist { left: 64%; width: 34%; }
            #categoryBrowser .large { width: 67%; }
            #categoryBrowser .sublist ul { overflow: auto; width: auto; }
            #categoryBrowser .sublist li { height: 50%; }
    /* MyTnet */
        .tab_active  .sidebar, .tab .sidebar { display: none; }
        .tab_active .tabContent.galleryBody, .tab .tabContent.galleryBody { width: 100%; }
    /* GoT */
        /* Posts kleiner maken */
            #sidebar { display: none !important; }
            #messages, .topic_actions { width: 100% !important; }
            .messagecontent { width: auto !important; padding-right: 15px; padding-bottom: 5px; }
            div.post { padding: 6px 0 6px 10px !important; }

        /* Posts dicher op elkaar */
            div.message { margin-bottom: 5px !important; }
        
        /* Lagere messageheader, even hoog bij mods e.d. */
            .message .messageheader { height: 25px; }
            div.message div.poster div.title { margin-top: -4px; }
        
        /* Bredere QR */
            #quickreply_form dl dd {
                width: 100%;
                padding-right: 15px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
            #quickreply_form dl dd textarea, #quickreply_form dl dd .modbreak { width: 100%; margin-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
        
        /* Bookmarks folder ingeklapt */
            .folders #folders {
                background: none repeat scroll 0 0 #0A93CA;
                background-image: linear-gradient(#0A93CA, #0A8ABD);
                background-image: -o-linear-gradient(#0A93CA, #0A8ABD);
                background-image: -ms-linear-gradient(#0A93CA, #0A8ABD);
                background-image: -moz-linear-gradient(#0A93CA, #0A8ABD);
                background-image: -webkit-linear-gradient(#0A93CA, #0A8ABD);
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0A93CA), color-stop(1, #0A8ABD));
                border: 1px solid #0987B8;
                border-radius: 1px;
                box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
                -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
                border-collapse: seperate; /* IE9 fix */
                color: #FFFFFF;
                cursor: pointer;
                font-size: 12px !important;
                height: 26px;
                padding: 0 10px;
                width: 80px;
                text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
                -moz-transition: all 0.15s linear;
                -webkit-transition: all 0.15s linear;
                -o-transition: all 0.15s linear;
                -ms-transition: all 0.15s linear;
                transition: all 0.15s linear;
            }
            .folders #folders h4 { padding-top: 5px; }
            .folders #folders ul, .folders #folders p { display: none; }
            .folders form .listing,
            .folders #pmessages,
            .folders .listing.dm { 
                width: 100% !important; 
            }
            
            .folders #folders:hover {
                background-image: -moz-linear-gradient(center top, #F5F5F6 0, #EDEEEE 40px);
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F6F6), color-stop(40px, #EDEEEE));
                background-image: -webkit-linear-gradient(center top, #F5F6F6 0, #EDEEEE 40px);
                background-image: -o-linear-gradient(center top, #F5F6F6 0, #EDEEEE 40px);
                background-image: -ms-linear-gradient(center top, #F5F6F6 0, #EDEEEE 40px);
                background-image: linear-gradient(center top, #F5F6F6 0, #EDEEEE 40px);
                background-color: #EDEEEE;
                border: 1px solid #DDDEDE;
                border-radius: 1px;
                box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.33) inset;
                -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.33) inset;
                -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.33) inset;
                border-collapse: seperate; /* IE9 fix */
                color: #000000;
                cursor: auto;
                height: auto;
                padding: 0 0 10px 0;
                width: 178px;
                text-shadow: none;
            }
            .folders #folders:hover h4 { padding-top: 10px; }
            .folders #folders:hover ul,
            .folders #folders:hover p { display: block; }
            .folders #folders:hover + p + form .listing,
            .folders #folders:hover + #pmessages,
            .folders #folders:hover + a + p + .listing.dm{
                width: 780px !important;
            }
        

    /* Andere pagina's en dingen */
        .mainColumn { width: 65% !important; margin-right: 5%;}
        .secondColumn { width: 30% !important; }
        #pricewatch input.text, #newsletter input.text, .filterOption input.text { width: 70% !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: 100% !important; }
        
        .pageTabs { width: auto; }
        .pageTabs li.active { background-color: #F5F6F6; }
        .fpaItem { height: auto !important; }
        .fpaItem .textContainer { height: auto !important; }
        
    /* Kleinere schermen */
    @media screen and (max-width: 1225px),
        screen and (max-device-width: 1225px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-device-width:1225px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-width:1225px) {
        .fpaItem { width: 25%; }
    }
    @media screen and (max-width: 1010px),
        screen and (max-device-width: 1010px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-device-width:1010px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-width:1010px) {
        .fpaItem { width: 33%; }
        .fpaItem.last { display: none; }
        #menu #logo + .sitename + ul { margin-left: 115px; }
        .listing tr th.time, .listing tr td.time { display: none; }
        .listing th.topic, .listing td.topic { width: 100%; }
    }
    @media screen and (max-width: 850px),
        screen and (max-device-width: 850px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-device-width:850px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-width:850px) {
        #menu #logo { margin-left: -15px; }
        #menu #logo + .sitename + ul { margin-left: 75px; }
    }
    @media screen and (max-width: 807px),
        screen and (max-device-width: 807px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-device-width:807px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-width:807px) {
        #menu #userbar .more.last span { text-indent: -9999px; padding-right: 42px; }
    }
    @media screen and (max-width: 748px),
        screen and (max-device-width: 748px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-device-width:748px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-width:748px) {
        #menu #userbar .icon.tracker { display: none; }
        #listing .listing td.views, #listing .listing td.replies { display: none; }
        .listing tr th.poster, .listing tr td.poster { display: none; }
        #quickreply_form dl dd { padding-left: 10px; }
        .galleryHeading .karma { display: none; }
    }
    @media screen and (max-width: 716px),
        screen and (max-device-width: 716px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-device-width:716px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-width:716px) {
        #menu #userbar .icon.messages, #menu #userbar .icon.notifications { display: none; }
        #menu #userbar .dropdown > div { left: -58px; }
        #fp_tabs_container { height: 68px; }
    }
    @media screen and (max-width: 655px),
        screen and (max-device-width: 655px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-device-width:655px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-width:655px) {
        .fpaItem { display: none; }
        #menubar { height: 68px; }
        #contentArea { padding-top: 77px; }
        .mainColumn { width: 100% !important; }
        .secondColumn { display: none; }
        #listing .listing td.video-image { display: none; }
        .reactie .reactieHeader > a.scoreButton{ visibility: hidden; }
        .reactie .reactieFooter .modButtons { visibility: visible; }
        .modFilter { width: auto; }
        .modFilter .reactionCount { display: none; }
        .userdetails { display: none; }
        .messagecontent, .signature { margin-left: 0 !important; }
    }
    @media screen and (max-width: 545px),
        screen and (max-device-width: 545px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-device-width:545px),
        not screen and (-webkit-device-pixel-ratio: 1.5, max-width:545px) {
        #filterContainer { width: 30%; }
        .listing tr th.replies, .listing tr td.replies, .listing tr th.ind2, .listing tr td.ind2 { display: none; }
    }

[ Voor 31% gewijzigd door F.West98 op 04-11-2012 00:37 ]

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

zaterdag 3 november 2012 18:40

Acties:

0 Henk 'm!

F.West98

Alweer 16 jaar hier

En de rest:

Cascading Stylesheet:

/* Reacties fix */
    #reacties { width: 100%; max-width: 980px; }
    .reactieContent        { padding: 5px 15px 5px 0px; }
    .reactieBody.hidden .reactieHeader         { padding: 4px 10px; opacity: 0.35; }
    .reactie .topBorder {
        border-bottom: 1px solid #C5C6C6;
        background: #F5F6F6;
        margin-left: -39px;
    }
    .reactie .topBorder:before {
        border: 5px solid #C5C6C6;
        content: "";
        position: absolute;
        margin-left: 40px;
        margin-top: -1px;
        border-top-color: transparent;
        border-right-color: transparent;
    }
    .reactie .reactieHeader, .reactie .reactieBody.hidden {
        background-image: linear-gradient(#E5E6E6, #F5F6F6);
        background-image: -moz-linear-gradient(#E5E6E6, #F5F6F6);
        background-image: -webkit-linear-gradient(#E5E6E6, #F5F6F6);
        background-image: -o-linear-gradient(#E5E6E6, #F5F6F6);
        background-image: -ms-linear-gradient(#E5E6E6, #F5F6F6);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E5E6E6), color-stop(1, #F5F6F6));
    }
    .reactieBody.informative    { background-color: #EFFFE2; border-left: 1px solid #CFD4C9; }
    .reactieBody.informative .reactieHeader { 
        background-image: linear-gradient(#CFDFC2, #EFFFE2);
        background-image: -moz-linear-gradient(#CFDFC2, #EFFFE2);
        background-image: -webkit-linear-gradient(#CFDFC2, #EFFFE2);
        background-image: -o-linear-gradient(#CFDFC2, #EFFFE2);
        background-image: -ms-linear-gradient(#CFDFC2, #EFFFE2);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CFDFC2), color-stop(1, #EFFFE2));
    }
    .reactieBody.spotlight      { background-color: #D8FFC2; border-left: 1px solid #BECFBE; }
    .reactieBody.spotlight .reactieHeader {
        background-image: linear-gradient(#B8DFA2, #D8FFC2);
        background-image: -moz-linear-gradient(#B8DFA2, #D8FFC2);
        background-image: -webkit-linear-gradient(#B8DFA2, #D8FFC2);
        background-image: -o-linear-gradient(#B8DFA2, #D8FFC2);
        background-image: -ms-linear-gradient(#B8DFA2, #D8FFC2);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B8DFA2), color-stop(1, #D8FFC2));
    }
    .reactie .reactieHeader br { display: none; }
    .reactie .reachteHeader br + a { padding-left: 10px; }
    .eenReactie { margin-top: 5px; max-width: 700px; width: 100%; }
    .eenReactie .reactieHeader {
        margin-left: -19px;
        padding-left: 19px;
        padding-top: 8px;
        padding-bottom: 5px;
    }
    .eenReactie .reactieBody.hidden .reactieHeader {
        margin-left: 0;
        padding-left: 0;
    }
    .reactie.last > .reactieContainer { border-left-color: #DBDEDE; }
    .reactieHeader .usericonsmall, .reactieHeader .usericonsmall.empty { width: 23px; height: 23px; margin-top: -4px; }
    .articleColumn .nextPrevLinks + #reacties + script + .nextPrevLinks { display: none; }
    #toggleButtonTxt { background-color: transparent; }
    #pollListing               { overflow: visible; }
    
    
/* Forum */
    
    /* Usericons upgraded */
        img.usericon {
            background-color : transparent;
            border : 0;
            border-radius : 3px 3px 3px 3px;
            margin : 4px 8px;
            padding : 0;
        }
    /* Main kleurtjes */
        .forumList:nth-child(2) table.listing tr th { /* Mededelingen */
            background: rgba(156, 158, 158,0.9);
            background-image: -moz-linear-gradient(#9C9E9E,#626363);
            background-image: linear-gradient(#9C9E9E,#626363);
            background-image: -o-linear-gradient(#9C9E9E,#626363);
            background-image: -ms-linear-gradient(#9C9E9E,#626363);
            background-image: -webkit-linear-gradient(#9C9E9E,#626363);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9C9E9E), color-stop(1, #626363));
        }
        .forumList:nth-child(3) table.listing tr th { /* Computers */
            background: rgba(180, 17, 60,0.9);
            background-image: -moz-linear-gradient(#B4113C,#760D29);
            background-image: linear-gradient(#B4113C,#760D29);
            background-image: -o-linear-gradient(#B4113C,#760D29);
            background-image: -ms-linear-gradient(#B4113C,#760D29);
            background-image: -webkit-linear-gradient(#B4113C,#760D29);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4113C), color-stop(1, #760D29));
        }
        .forumList:nth-child(4) table.listing tr th { /* Pro */
            background: rgba(69, 37, 96,0.9);
            background-image: -moz-linear-gradient(#573077,#2B0A46);
            background-image: linear-gradient(#573077,#2B0A46);
            background-image: -o-linear-gradient(#573077,#2B0A46);
            background-image: -ms-linear-gradient(#573077,#2B0A46);
            background-image: -webkit-linear-gradient(#573077,#2B0A46);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #573077), color-stop(1, #2B0A46));
        }
        .forumList:nth-child(5) table.listing tr th { /* Games */
            background: rgba(27, 165, 60,0.9);
            background-image: -moz-linear-gradient(#1BA53C,#074416);
            background-image: linear-gradient(#1BA53C,#074416);
            background-image: -o-linear-gradient(#1BA53C,#074416);
            background-image: -ms-linear-gradient(#1BA53C,#074416);
            background-image: -webkit-linear-gradient(#1BA53C,#074416);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1BA53C), color-stop(1, #074416));
        }
        .forumList:nth-child(6) table.listing tr th { /* Elektronica */
            background: rgba(255, 90, 0,0.8);
            background-image: -moz-linear-gradient(#FF5A00,#9E3B06);
            background-image: linear-gradient(#FF5A00,#9E3B06);
            background-image: -o-linear-gradient(#FF5A00,#9E3B06);
            background-image: -ms-linear-gradient(#FF5A00,#9E3B06);
            background-image: -webkit-linear-gradient(#FF5A00,#9E3B06);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF5A00), color-stop(1, #9E3B06));
        }
        .forumList:nth-child(7) table.listing tr th { /* Mobile */
            background: rgba(80, 215, 250,0.9);
            background-image: -moz-linear-gradient(#50D7FA,#14505F);
            background-image: linear-gradient(#50D7FA,#14505F);
            background-image: -o-linear-gradient(#50D7FA,#14505F);
            background-image: -ms-linear-gradient(#50D7FA,#14505F);
            background-image: -webkit-linear-gradient(#50D7FA,#14505F);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #50D7FA), color-stop(1, #14505F));
        }
        .forumList:nth-child(8) table.listing tr th { /* General Chat */
            background: rgba(255, 90, 0,0.8);
            background-image: -moz-linear-gradient(#FFD100, #826003);
            background-image: linear-gradient(#FFD100, #826003);
            background-image: -o-linear-gradient(#FFD100, #826003);
            background-image: -ms-linear-gradient(#FFD100, #826003);
            background-image: -webkit-linear-gradient(#FFD100, #826003);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFD100), color-stop(1, #826003));
        }
        .forumList:nth-child(9) table.listing tr th { /* Feedback */
            background: rgba(255, 90, 0,0.8);
            background-image: -moz-linear-gradient(#FFD100, #826003);
            background-image: linear-gradient(#FFD100, #826003);
            background-image: -o-linear-gradient(#FFD100, #826003);
            background-image: -ms-linear-gradient(#FFD100, #826003);
            background-image: -webkit-linear-gradient(#FFD100, #826003);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFD100), color-stop(1, #826003));
        }
    
    /* Forumheaders */
        /* Username highlights */
            .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), rgb(217, 218, 218)) !important;
                background-image: -webkit-linear-gradient(center top, rgb(234, 235, 235), rgb(217, 218, 218)) !important;
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.42, rgb(233,235,235)), color-stop(0.71, rgb(217,218,218))) !important;
                border-bottom: 1px solid rgb(207, 208, 208);
            } 
        
        /* Highlight gebruikersnaam bij normale users */
            div.messageheader div.poster a:hover {
                color: #666;
                text-decoration: none !important;
            }

        /* Highlight gebruikersnaam bij crew */
            div.messageheader div.poster a.crew:hover {
                color: #d9004c;
            }

        /* Kleurtjes voor speciale users */ 
            a.abonnee { color: #024368 !important; } 
            div.message div.ownpost {
                background: -moz-linear-gradient(#D9ECFF, #C5D9EB) !important;
            }
            div.topicstarter div.messageheader {
                background-image: -moz-linear-gradient(center top, #E59347, #C57327) !important;
                background-image: -ms-linear-gradient(center top, #E59347, #C57327) !important;
                background-image: -o-linear-gradient(center top, #E59347, #C57327) !important;
                background-image: -webkit-linear-gradient(center top, #E59347, #C57327) !important;
                background-image: linear-gradient(center top, #E59347, #C57327) !important;
                background-image: -webkit-gradient(linear, center top, #E59347, #C57327) !important;
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.42, #E59347), color-stop(0.71, #C57327)) !important;
            }
            div.topicstarter div.messageheader div.poster a {
                color: #024368 !important;
            }

[ Voor 17% gewijzigd door F.West98 op 03-11-2012 22:35 ]

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

zaterdag 3 november 2012 20:40

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

F.West, beetje onleesbaar met alles op 1 regel. Misschien even een paar enters gebruiken?

Commandline FTW | Tweakt met mate

zaterdag 3 november 2012 22:24

Acties:

0 Henk 'm!

F.West98

Alweer 16 jaar hier

Hero Of Time schreef op zaterdag 03 november 2012 @ 20:40:
F.West, beetje onleesbaar met alles op 1 regel. Misschien even een paar enters gebruiken?

Sorry, was vanwege minify. Ik zal de grote versie erin zetten in twee delen

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

zondag 4 november 2012 15:21

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

Inzending!

Hero of Time

Dark T7

FP:

Meuk:

GoT:

Topic open:

Cascading Stylesheet:

/*******
 General
 ********/
/** Overall background */
#layout {
    background-color: #0E0E0E !important;
    padding-top: 85px !important;
}
/* Top header */
#top {
    position: fixed !important;
    border: none !important;
    height: 85px !important;
    background: #B41039 !important;
    width: 100% !important;
    z-index: 1000 !important;
    top: 0 !important;
}
/* Search form */
#search {
    position: relative !important;
    top: -53px;
}
/* True hosting logo */
#true {
    position: relative !important;
    top: 42px;
    left: 50px;
    z-index: 88;
    
}
/* 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;
    padding: 0px !important;
}
#menubar {
    width: 100% !important;
}
#logo {
    position: absolute !important;
    left: -250px !important;
    top: -52px !important;
}

#logo + .sitename {
    position: absolute !important;
    left: -205px !important;
}

/* Set the width of various elements placed in #contentArea */
#menu, #search, #contentArea, #ticker p, #about, .content .tab, .content .tab_active { 
    width: 1130px !important;
}


/** Give the actual content a different background colour */
#contentArea {
    background: #323434 !important;
    padding-top: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 125px !important;
    position: relative !important;
    margin-left: 360px !important;
}

/* Gallery */
.galleryHeadingContainer {
    margin-top: 51px;
}
.content .tab, .content .tab_active {
    margin-top: 130px;
}
ul.galleryProfile li.checked {
    color: #EDEEEE !important;
}

/* Voorkeuren */
#mytnet .sidebar {
    margin-top: 125px;
}
.bar.ok {
    color: #E5EFCC !important;
}


/** Bottom */
#bottom {
    position: relative !important;
}
#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 li.active a {
    color: #D9FF26 !important;
}
#menu .dropdown > span, .dropdown li, .dropdown li a, #menu .dropdown ul a {
    color: #000000 !important;
}

.notificationsPopup {
    position: fixed !important;
    top: 85px !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: 5px !important; 
    top: 90px !important;
    position: fixed !important;
    height: 92% !important;
    z-index: 1001 !important;
    overflow-y: auto !important;
}

/* Background color of tabs */
.pageTabs li {
    background: #212323 !important;
}
.pageTabs li.active {
    background: #323434 !important;
}

/* Hyperlinks */
a {
    color: #008FFF !important;
}
a:visited {
    color #FF8F00 !important;
}
/* Fix anchor location due to fixed heaader */
a[name] {
    display: block;
    padding-top: 85px;
    margin-top: -85px;
}

Deel 1/3

Commandline FTW | Tweakt met mate

zondag 4 november 2012 15:21

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

Vervolg

Cascading Stylesheet:

/*******
   FP
 *******/
/** Maint content */
/* Tabs */
#fp_tabs li a {
    color: #ABAAAA !important;
}
#fp_tabs li.active a {
    color: #FFFFFF !important;
}
/* Picture items */
#fpaItems {
    background: #1C1E1E !important;
    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: 65px !important;
    padding: 2px 2px !important;
}
.fpaItem img, .fpaItem .imageContainer {
    width: 167px !important;
    height: auto !important;
}
/** About Tweakers page */
#contentArea .articleColumn .article #fpaItems {
    width: 620px !important;
}
#contentArea .articleColumn .article .fpaItem {
    width: 310px !important;
}
#contentArea .articleColumn .article .fpaItem div.textContainer {
    border: none !important;
    width: 310px !important;
    height: 150px !important;
    padding: 2px 2px !important;
}
#contentArea .articleColumn .article .fpaItem img, #contentArea .articleColumn .article .fpaItem .imageContainer {
    width: 310px !important;
    height: 155px !important;
}

/* Whitepapers */
.itknowledgebasewrapper {
    background: #212323 !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;
}
table.highlights .publicationTime span.new {
    color: #A9CC0B !important;
}
/* More items popup */
.moreItems .popupContent {
    background: #2E2F2F !important;
}

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


/** Articles */
.article, .content, #reacties {
    width: 780px !important;
}
.article, .content {
    color: #EDEEEE !important;
    width: 780px !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;
}
.meukDetail .sidebar .section {
    background: #323434 !important;
    color: #EDEEEE;
}

/** Comments */
/* Bar top of comment */
.reactie .topBorder {
    height: 0 !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;
}

/** Userreacties search */
.searchTable {
    background: #323434 !important;
    width: 100% !important;
}
/** User tab V&A */
div.pwLinks ul li, div.pwLinks ul li a {
    color: #EDEEEE !important;
}
.pwLinks {
    background: #323434 !important;
}
/* Wishlist */
.tabContent .article table {
    background: #2E2F2F !important;
}
div.inventory h3.title, div.inventory h3.titleShow {
    color: #0067A2 !important;
}


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

/** Tweakblog admin table */
form table.tweakblog {
    background: #2E2F2F !important;
}

/** Karmastore */
.mainColumn table.itemList {
    background: #2E2F2F !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;
}

/** Jobs */
#jobDescription {
    background: #323434 !important;
}
#vacatureContent, #jobrequirements, #companyInfo {
    color: #EDEEEE;
}
#columnSizer .content {
    width: 1000px !important;
}
.vacatureInfo {
    background: #323434 !important;
    color: #EDEEEE !important;
}


/** Pricewatch */
#categoryBrowser div, #categoryBrowser .sublist {
    background: #323434 !important;
    border: 1px solid #171818 !important;
}
#categoryBrowser .large li {
    border-bottom: 1px solid #171818 !important;
    border-right: 1px solid #171818 !important;
}
#categoryBrowser {
    background: #282929 !important;
    border: 1px solid #171818 !important;
}

.popularProductListing table.listing tr td, .popularProductListing table.listing tr td a, .articleColumn table.listing tr td, .articleColumn table.listing a {
    background: #323434 !important;
}
#tweakbase {
    margin-top: 51px;
}
.productCompare, .itemFilter, .overzicht {
    margin-top: 125px !important;
}
.listOptions .pageIndex {
    color: #EDEEEE;
}
.productCompare table.listing tr td, .productCompare table.listing tr td a, .productCompare table.listing th, .itemFilter table.listing tr td, .itemFilter table.listing tr td a {
    background: #323434 !important;
}
.productCompare table.listing tr th.compare {
    background-position: 14px 19px !important;
}
.productCompare table.listing tr td.compare {
    background-position: 14px -1px !important;
    border: none !important;
}
.productCompare table.listing .compare { 
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAABUAQMAAABnUf89AAAABlBMVEUAGAXDxsa+Z6rqAAAAAXRSTlMAQObYZgAAABZJREFUCFtjXMXAwMDA0DBAJFZBepEAjDwVLKcRyjUAAAAASUVORK5CYII=") no-repeat transparent !important;
}

.relatedBlock table.listing tr td, .relatedBlock table.listing a, .relatedBlock {
    background: #2D2E2E !important;
}
.relevancyColumn .relationboxBlock .thumb a, .relatedBox .thumb a {
    background: #484848 !important
    border: 1px solid #595959 !important;
}

Deel 2/3

Commandline FTW | Tweakt met mate

zondag 4 november 2012 15:23

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

Eind:

Cascading Stylesheet:

/*******
   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: #FFFFFF !important;
}

/** DM/PM */
#pmessages {
    width: 925px !important;
}
#pmessages div.message div.post div.messagecontent {
    width: 780px !important;
}
#pmessages form dl dd textarea#messageBox {
    width: 750px !important;
}


/** Colourize headers */
.channelHeader h2 {
    color: #FFFFFF !important;
}
.forumList:nth-child(2) table.listing th  {
    background-color: #0044EE !important;
}
/* Computers */
.forumList:nth-child(3) .channelHeader, .thumb.category.core {
    background-color: #A30028 !important;
}
/* IT Pro */
.forumList:nth-child(4) .channelHeader, .thumb.category.pro {
    background-color: #400072 !important;
}
/* Games */
.forumList:nth-child(5) .channelHeader, .thumb.category.games {
    background-color: #0E8F1D !important;
}
/* Beeld en Geluid */
.forumList:nth-child(6) .channelHeader, .thumb.category.electronics {
    background-color: #BD3500 !important;
}
/* Tablets en Telefoons */
.forumList:nth-child(7) .channelHeader, .thumb.category.mobile {
    background-color: #04926C !important;
}
/* General Chat */
.forumList:nth-child(8) .channelHeader, .thumb.category.chat {
    background-color: #8A33CC !important;
}
/* Tweakers Feedback */
.forumList:nth-child(9) .channelHeader, .thumb.category.feedback {
    background-color: #A57D00 !important;
}
/* A51 */
.forumList:nth-child(10) .channelHeader, .thumb.category.area51 {
    background-color: #99FF00 !important;
}
/* Topic listing heading colour */
table.listing th a {
    color: #FEFEFE !important;
}
/* Border around image */
.channelHeader .thumb {
    border: none !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;
}
/** 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;
}
table.listing td.topic a[title="Laatste reactie geplaatst door Hero Of Time"] {
    font-style: italic;
}


/** Forum replies */
/* Onderwerpen, put it outside main view */
#content #sidebar {
    position: absolute;
    top: -110px;
    right: -170px;
    background: #181919;
    border: 1px solid #323434;
}
#content #sidebar #tweakbase_relations {
    margin: 0px 5px;
}
/* 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: 975px !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 more visible */
div.message div.ownpost {
    background-color: #404040 !important;
}
/* Give the header of the TS a different colour */
div.topicstarter div.messageheader {
    background-color: #323434 !important;
}
/* And the date a different colour */
div.topicstarter div.messageheader div.date 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;
}
fieldset.modbreak a {
    color: #09FF26 !important
}

/* Quick Reply box */
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);
}
/* Reply dropdown for page selection */
#footer div.buttonnav select, #quotemessages div.buttonnav select {
    color: #EDEEEE !important;
}
/* Make sure Reageer has correct text colour */
.fancyButton {
    color: #FFFFFF !important;
}


/* Relationeditor (Onderwerpen koppelen) */
.relationManager dd ul.bulletSeparatedList {
    color: #EDEEEE !important;
}
#relationeditor table tr td {
    background: #2F3131 !important;
}
#relationeditor h3 {
    color: #327398 !important;
}

Toelichting

Ik houd wel van donker. M'n OS heeft een donker thema, dus waarom Tweakers niet? Na veel tijd, hoofdpijn en moeite is dit het resultaat. Hier en daar is het nog niet 100%, maar dat is op pagina's waar ik niet tot nauwelijks kom. Zo veel mogelijk geprobeerd om de originele stijl te bewaren, maar de informatiedichtheid optimaal te maken. Het resultaat is dit 734 lijnen tellende CSS. Ik heb wel een aantal ideeën van anderen overgenomen, zoals Uitgelicht aan de rechterkant, ipv groot bovenaan. Geeft overigens wel een leuk effect bij "Over Tweakers" pagina

. Dat heb ik ondervangen.

Hotfix:

code:

/* Reply dropdown for page selection */
#footer div.buttonnav select, #quotemessages div.buttonnav select {
    color: #EDEEEE !important;
}

Zodat de dropdown bij het reageren goed is. Bij mij is de achtergrond zwart, met zwarte tekst is het niet fijn.

[ Voor 2% gewijzigd door Hero of Time op 05-11-2012 11:22 . Reden: Hotfix for dropdown menu onder reageren/edit. ]

Commandline FTW | Tweakt met mate

zondag 4 november 2012 23:23

Acties:

0 Henk 'm!

cpt.skydiver

Inzending!

Cpt.Skydiver

Tweakers 7 refined

Afbeeldingslocatie: http://i50.tinypic.com/5trxhj.png

Frontpage

Afbeeldingslocatie: http://i46.tinypic.com/ejzs02.png

Gathering of Tweakers

Cascading Stylesheet:

   /* FP items naar sidebar */
   #fp_tabs_container~#fpaItems {
        float:right;
        width:336px!important;
    }

    #fp_tabs_container~#fpaItems .fpaItem {
        height:auto!important;
        width:168px!important;
    }
    
    #fp_tabs_container~#fpaItems .fpaItem .imageContainer {
        width:167px!important;
    }
    
    #fp_tabs_container~#fpaItems .fpaItem img {
        height:84px!important;
        width:168px!important;
    }
    
    #fp_tabs_container~#fpaItems .fpaItem div.textContainer {
        font-size:12px!important;
        line-height:15px!important;
        padding:5px 10px!important;
        border-right:1px solid #FFF!important;
        border-bottom:1px solid #FFF;
    }

    /* forumkleuren */
    .forumList:nth-child(3) table.listing th {
        background:#C91444!important;
        background:-webkit-linear-gradient(#C91444, #B1113A)!important;
        background:linear-gradient(#C91444, #B1113A)!important;
    }
    
    .forumList:nth-child(4) table.listing th {
        background:#6D5C7A!important;
        background:-webkit-linear-gradient(#6D5C7A, #5B4C68)!important;
        background:linear-gradient(#6D5C7A, #5B4C68)!important;
    }
    
    .forumList:nth-child(5) table.listing th {
        background:#68A62D!important;
        background:-webkit-linear-gradient(#68A62D, #5C9526)!important;
        background:linear-gradient(#68A62D, #5C9526)!important;
    }
    
    .forumList:nth-child(6) table.listing th {
        background:#E76718!important;
        background:-webkit-linear-gradient(#E76718, #CB530A)!important;
        background:linear-gradient(#E76718, #CB530A)!important;
    }
    
    .forumList:nth-child(7) table.listing th {
        background:#2EAE95!important;
        background:-webkit-linear-gradient(#2EAE95, #2EAE95)!important;
        background:linear-gradient(#2EAE95, #2EAE95)!important;
    }

    /* tags forum op één regel */
    table.listing td.tags {
        font-size:9px!important;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }


    /* line-height artikelen/reacties verkleinen */
    .articleColumn, .reactie {
        line-height:1.5!important;
    }

    /* grijze bezochte links op de frontpage */
    .frontPageLink:visited {
        color:#616464!important;
    }

    /* gradient weg uit footer */
    #bottom {
        background:#212323!important;
    }
    
    /* uitgelicht verbergen */
    #highlights {
        display:none!important;
    }
    
    /* spacing aanpassen */
    table.highlights td {
        padding:6px 0 !important;
    }
    
    table.listing td, table.listing th {
        padding:5px!important;
    }

    /* achtergrond volledig renderen als viewport kleiner dan 1020px is */    
    #top, #bottom {
        min-width:1020px!important;
    }
    
    /* witte achtergrond + padding op de content */
    #contentArea {
        padding-left:20px;
        padding-right:20px;
        background:#FFF;
    }
    
    /* menu kortwieken en afronden */
    #menubar {
        width:1020px!important;
        border-radius:6px 6px 0 0 !important;
    }
    
    /* popup uitlijnen en schaduw weghalen */
    .popup.trackerPopup.fixed {
        margin-left:20px;
        box-shadow:none!important;
        top:0!important;
    }

    /* grijze achtergrond op de body */
    body {
        background: #313232;
    }
    
    #searchbar {
        border-radius:0;
    }
    
    #searchbar, .galleryHeadingContainer, .pageTabsContainer, #tweakbase, #tabs, .notificationsContainer {
        width:1020px;
        margin-left: auto;
        margin-right: auto;
    }

    /* breedte tabel sidebar karmastore */
    .mainColumn~div table.itemList {
        width:100%!important
    }
    
    /* onderste witte balk kortwieken en afronden */
    #bottom div.hr {
        background-color: #FFFFFF;
        border-radius: 0 0 6px 6px;
        height: 6px;
        width:1020px;
        margin-left: auto;
        margin-right: auto;
    }

Toelichting

In mijn css heb ik geprobeerd zoveel mogelijk van de nieuwe Tweakers 7 layout intact te laten. Mijn grootste ergernissen waren de grote spacing, de paarse links op de frontpage, de witte achtergrond en het verlies van de kleuren van de forumcategorieën. Zoals te zien in de screenshots is dit aangepast.

De achtergrond heeft de kleur van de tracker gekregen, welke nu ook 'blend' met de rest van de website. De forum kleuren zijn de originele kleuren uit Tweakers 6 met uitzondering van het rood (welke gebaseerd is op het nieuwe rood uit de header). Als laatste is ook de 'Uitgelicht' sectie op de frontpage verborgen, daar ik deze overbodig vond.

maandag 5 november 2012 11:12

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

cpt.skydiver, open eens http://tweakers.net/over_tweakers/ met je stylesheet aan. Kan je weer uitzoeken hoe je dat fixt

_{of van mij afkijken}

Commandline FTW | Tweakt met mate

maandag 5 november 2012 11:44

Acties:

0 Henk 'm!

cpt.skydiver

Hero Of Time schreef op maandag 05 november 2012 @ 11:12:
cpt.skydiver, open eens http://tweakers.net/over_tweakers/ met je stylesheet aan. Kan je weer uitzoeken hoe je dat fixt _{of van mij afkijken}

Ah, die had ik al een keer gezien. Toentertijd dacht ik dat het zo hoorde

. Ik zal er wel even naar kijken.

edit: en gefixed (ik hoop dat dit nog toegestaan is?). Wel een andere fix gebruikt dan jij omdat ook de reviews pagina stuk ging!

[ Voor 13% gewijzigd door cpt.skydiver op 05-11-2012 11:45 ]

maandag 5 november 2012 11:47

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

Ik heb er ruim een half uur of langer over gedaan om dat te fixen, zat flink te klooien met de elementen. Maar toch gelukt, zonder die van de FP om zeep te helpen.

cpt.skydiver schreef op maandag 05 november 2012 @ 11:44:
edit: en gefixed (ik hoop dat dit nog toegestaan is?). Wel een andere fix gebruikt dan jij omdat ook de reviews pagina stuk ging!

Ik zie geen problemen met reviews met mijn stijlsheet. Alleen de specs tabellen zijn niet goed gekleurd (witte achtergrond). Of doel je dat de plaatjes te klein zijn, danwel te groot? Had bij 't testen niet naar elke pagina gekeken, wel zo veel mogelijk.

[ Voor 60% gewijzigd door Hero of Time op 05-11-2012 12:36 ]

Commandline FTW | Tweakt met mate

maandag 5 november 2012 12:41

Acties:

0 Henk 'm!

cpt.skydiver

Hero Of Time schreef op maandag 05 november 2012 @ 11:47:
[..]

Ik zie geen problemen met reviews met mijn stijlsheet. Alleen de specs tabellen zijn niet goed gekleurd (witte achtergrond). Of doel je dat de plaatjes te klein zijn, danwel te groot? Had bij 't testen niet naar elke pagina gekeken, wel zo veel mogelijk.

Bij de reviews horen normaal Populaire redactionele reviews en Populaire gebruikersreviews naast elkaar te staan (wat net past). Als de fpaItems dan rechts hoveren floaten drukt dat Populaire gebruikersreviews naar onderen.

Verder geen heel groot probleem, maar ik vond het er wat vreemd uit zien.

maandag 5 november 2012 13:35

Acties:

0 Henk 'm!

MueR

Admin Tweakers Discord

is niet lief

Waarom gebruikt iedereen op nagenoeg elke regel !important? Doe dat eens alleen wanneer het echt nodig is. Importants overal maken het alleen maar lastiger om dingen te resetten.

Anyone who gets in between me and my morning coffee should be insecure.

maandag 5 november 2012 13:43

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

MueR schreef op maandag 05 november 2012 @ 13:35:
Waarom gebruikt iedereen op nagenoeg elke regel !important? Doe dat eens alleen wanneer het echt nodig is. Importants overal maken het alleen maar lastiger om dingen te resetten.

Dat heb ik ook gedaan, zo veel mogelijk, maar er zijn nou eenmaal elementen die al benoemd zijn, dus is 't nodig om ze te overrulen. Misschien dat er 1 of 2 items zonder kunnen, maar dat boeit mij niet.

Commandline FTW | Tweakt met mate

maandag 5 november 2012 13:43

Acties:

0 Henk 'm!

cpt.skydiver

MueR schreef op maandag 05 november 2012 @ 13:35:
Waarom gebruikt iedereen op nagenoeg elke regel !important? Doe dat eens alleen wanneer het echt nodig is. Importants overal maken het alleen maar lastiger om dingen te resetten.

Ik omdat ik de style voor stylish heb geschreven, en het daar nogal vaak nodig blijkt te zijn. Wat opzich gek is omdat (ik) zou verwachten dat het gewoon overschreven wordt als het later gedefineerd is.

maandag 5 november 2012 14:10

Acties:

0 Henk 'm!

MueR

Admin Tweakers Discord

is niet lief

Dan weten een hoop van jullie duidelijk niet hoe het "cascading" deel werkt. Hoe specifieker de selectors, hoe hoger de prio. Pas wanneer het allemaal exact hetzelfde is, gaat de browser nog eens kijken wanneer de stylesheet geladen is. Dan wordt regel voor regel de boel overschreven. Al die !importants zijn onnodig, tenzij in de originele CSS ook een !important staat. Ik heb in mijn CSS een stuk of 5 !importants staan, allen om inline-styles te kunnen overrulen. Verder heb je ze niet nodig.

[ Voor 14% gewijzigd door MueR op 05-11-2012 14:12 ]

Anyone who gets in between me and my morning coffee should be insecure.

maandag 5 november 2012 14:23

Acties:

0 Henk 'm!

cpt.skydiver

Hoe verklaar je dan dat de achtergrondkleur van #bottom hier op tweakers niet verandert als ik exact hetzelfde of specifieker (#bottom of div#bottom) dezelfde property aanpas? Let wel: dit gebeurd alleen met Stylish.

maandag 5 november 2012 15:04

Acties:

0 Henk 'm!

Hero of Time

Moderator LNX

There is only one Legend

cpt.skydiver schreef op maandag 05 november 2012 @ 14:23:
Hoe verklaar je dan dat de achtergrondkleur van #bottom hier op tweakers niet verandert als ik exact hetzelfde of specifieker (#bottom of div#bottom) dezelfde property aanpas? Let wel: dit gebeurd alleen met Stylish.

Kan je beter zeggen dat 't met browser overriden CSS is, want Stylish heb ik niet. Opera heeft het als ingebakken functie om CSS te overrulen. Dat is ook waar ik 't voor heb geschreven. Als ik 't allemaal in de karmastore functie dump, dan zou het zo maar eens kunnen dat een deel !important weg kan. Maar ik weet iig hiermee wel zeker dat 't werkt voor mij.

Commandline FTW | Tweakt met mate

maandag 5 november 2012 18:48

Acties:

0 Henk 'm!

F.West98

Alweer 16 jaar hier

MueR schreef op maandag 05 november 2012 @ 14:10:
Dan weten een hoop van jullie duidelijk niet hoe het "cascading" deel werkt. Hoe specifieker de selectors, hoe hoger de prio. Pas wanneer het allemaal exact hetzelfde is, gaat de browser nog eens kijken wanneer de stylesheet geladen is. Dan wordt regel voor regel de boel overschreven. Al die !importants zijn onnodig, tenzij in de originele CSS ook een !important staat. Ik heb in mijn CSS een stuk of 5 !importants staan, allen om inline-styles te kunnen overrulen. Verder heb je ze niet nodig.

Ik gebruik ze ook weinig

(enkel in het geval hieronder)

@Stylish, deze plaatst de CSS BOVENIN de header, waardoor (bijna) alles overruled wordt door Tnet stylesheet. Verder kan je de selectors beter langer maken inderdaad, OF hetzelfde omdat customcss.dsp later wordt ingeladen waardoor het alsnog wordt overschreven. De !importants in mijn CSS zijn enkel bij ECHT nodig (rare gevallen) of deel wat ik al had gemaakt in Stylish

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

dinsdag 6 november 2012 00:35

Acties:

0 Henk 'm!

Electrowolf

Mod met Liefde!

Topicstarter

Zo, eindelijk terug in de bewoonde wereld (lees: een plek waar fatsoenlijk internet te krijgen is).

Morgen (dinsdag) zullen we waarschijnlijk de stempoll online slingeren zodat we voor eens en altijd (of iig tot t.net 8.0) wie de beste inzending heeft gestuurd en deze persoon mooi t.net medewerkers neer kan gaan maaien in de compo (of met de nerfgun ;-)).

Het stoplicht staat op rood, het stoplicht staat op groen, in #TMF is altijd wat te doen. || http://quotes.negotiator.nl/7270 || /16 at work

dinsdag 6 november 2012 12:17

Acties:

0 Henk 'm!

naaitsab

Electrowolf schreef op dinsdag 06 november 2012 @ 00:35:
Zo, eindelijk terug in de bewoonde wereld (lees: een plek waar fatsoenlijk internet te krijgen is).

Morgen (dinsdag) zullen we waarschijnlijk de stempoll online slingeren zodat we voor eens en altijd (of iig tot t.net 8.0) wie de beste inzending heeft gestuurd en deze persoon mooi t.net medewerkers neer kan gaan maaien in de compo (of met de nerfgun ;-)).

Wordt de beste keuze ook bruikbaar als (extra) thema voor de gebruikers? Of moet je zoals nu met custom css aan de gang (karma-store of tooltjes)
Misschien goed idee voor Lieve Adjes

[ Voor 5% gewijzigd door naaitsab op 06-11-2012 12:19 ]

if (!coffee) {
Work = false; }

dinsdag 6 november 2012 12:30

Acties:

0 Henk 'm!

QwaftZefoni

^ idd, snel kunnen switchen van stijl/thema direct in je voorkeuren of als dropdown bij custom css zou super zijn

waarissie, waarissie de poll, zodat ik kan stemmen op Zartok

dinsdag 6 november 2012 17:09

Acties:

0 Henk 'm!

Electrowolf

Mod met Liefde!

Topicstarter

En toen hadden we een poll!

Tweakers 7 Ultimate CSS Competition - Stem- en uitslagtopic

Wat de redactie er verder mee gaat doen kan ik je helaas niet vertellen, maar de winnaar krijgt iig een goede meet & greet en zal zeker een kans hebben mensen te overtuigen ;-).

[ Voor 8% gewijzigd door Electrowolf op 06-11-2012 17:10 ]

Het stoplicht staat op rood, het stoplicht staat op groen, in #TMF is altijd wat te doen. || http://quotes.negotiator.nl/7270 || /16 at work

zaterdag 10 november 2012 22:01

Acties:

0 Henk 'm!

nero355

ph34r my [WCG] Cows :P

WouterKvG schreef op vrijdag 26 oktober 2012 @ 19:04:

Inzending!

WouterKvG

Tweakers 7 to 6

[afbeelding]
Check voor meer screenshots deze flickr set: Tweakers 7 - Custom CSS by WouterKvG

Cascading Stylesheet:

body{background-color:#313232;}h2{margin-bottom:5px!important;}td{padding:4px!important;}#layout{width:1270px;margin-left:auto;margin-right:auto;background:none repeat scroll 0 0 #262828!important;box-shadow:0 0 5px #888!important;-moz-box-shadow:0 0 5px #888!important;-o-box-shadow:0 0 5px #888!important;-webkit-box-shadow:0 0 5px #888!important;}#top{border-bottom:1px solid #262828!important;}#menubar{background:none repeat scroll 0 0 #262828!important;border-radius:6px 6px 1px 1px!important;box-shadow:none!important;-moz-box-shadow:none!important;-o-box-shadow:none!important;-webkit-box-shadow:none!important;width:100%!important;z-index:1!important;position:relative!important;bottom:-50px!important;border-color:#262828!important;}#menu{width:auto!important;margin:0 50px!important;}#logo{left:-20px!important;}#logo + .sitename{left:29px!important;}#menu .sitename + ul{margin-left:231px!important;}#userbar{z-index:100!important;}#searchbar{background:none repeat scroll 0 0 transparent!important;height:50px!important;position:relative;top:-50px;margin:0!important;}#search{height:24px;padding-top:0!important;position:relative;top:31px;width:100%!important;}#search > a{background:0 repeat scroll 0 0 #EDEEEE;box-shadow:inset 0 0 3px 3px #B41039;-moz-box-shadow:inset 0 0 3px 3px #B41039;-o-box-shadow:inset 0 0 3px 3px #B41039;-webkit-box-shadow:inset 0 0 3px 3px #B41039;border-radius:2px;}#search #true{margin:-7px 15px 0 2px !important;padding:7px;}#search #streamone{margin:-7px 2px 0!important;padding:7px 7px 2px;}.galleryHeadingContainer,#tweakbase{background:#262828!important;padding:0 0 0 270px !important;}.galleryHeadingContainer > div,#tweakbase > div{background:0 repeat scroll 0 0 #EDEEEE;border-top:1px solid #EDEEEE!important;border-top-left-radius:6px;border-top-right-radius:6px;position:relative;top:1px;padding:6px 0 6px 20px !important;}.galleryHeadingContainer .galleryHeading .karma{margin-right:6px;}.pageTabsContainer,#top #tabs{background:#262828!important;padding-left:270px;}.pageTabsContainer .pageTabs,#top #tabs .pageTabs{background:none repeat scroll 0 0 #EDEEEE;width:1000px!important;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}.pageTabsContainer .pageTabs ul,#top #tabs .pageTabs ul{background:none repeat scroll 0 0 #EDEEEE;border-bottom:1px solid #C3C6C6;border-bottom-left-radius:6px;border-bottom-right-radius:6px;position:relative;top:2px;padding:0 20px!important;}#b_tb.takeover{border-bottom:1px solid #E8EAEA;border-radius:6px 6px 0 0;left:280px;position:relative;margin:0!important;}#contentArea{background-color:#fff;border-radius:6px;margin-right:0!important;position:inherit!important;width:980px!important;padding:10px!important;}#contentArea h1{margin-bottom:10px!important;}.producttoggle{padding-left:10px!important;}.article h3{margin-bottom:3px!important;}.reactie,.articleColumn{line-height:1.2!important;}#reacties{margin-left:10px;}#reacties .modFilter{width:auto!important;}#reacties .eenReactie{margin-top:5px!important;}#reacties .reactieHeader{padding:7px 0 5px!important;}#reacties .reactieHeader a[href=http://tweakers.net/gallery/324184]{background-color:#0A93CA;border:1px solid #0A8ABD;border-radius:2px;color:#fff!important;position:relative;top:3px;padding:1px;}#reacties .commentLink{background-color:#EBF3F5;border:1px solid #D9DDDF;border-radius:2px 2px 2px 2px;color:#616464!important;display:block;font-size:11px;width:42px;padding:0 5px;}#reacties .commentLink:hover{background:#0CA3D4;border:1px solid #0B94BF;color:#fff!important;text-decoration:none!important;}.popup.trackerPopup.fixed{background-color:#262828!important;position:absolute!important;left:auto!important;width:270px!important;margin-left:-280px;min-width:270px;top:84px!important;bottom:auto!important;}.trackerPopup .trackeritem ul{margin:3px 0 0!important;}.trackerPopup .trackeritem li{padding:3px 0 3px 3px !important;}.trackerPopup .trackeritem li .caption{color:#898886!important;}.popup.trackerPopup.fixed #trackerFixateLink{display:none!important;}.popup.trackerPopup #trackerFixateLink{float:right;white-space:pre;width:47px;}#bottom{background:none repeat scroll 0 0 #262828!important;position:relative!important;}#bottom .hr{display:none;}#fpaItems{background:0 repeat scroll 0 0 #EDEEEE;border:1px solid #DDDEDE;border-radius:1px;box-shadow:0 0 0 1px rgba(255,255,255,0.33) inset;-moz-box-shadow:0 0 0 1px rgba(255,255,255,0.33) inset;-o-box-shadow:0 0 0 1px rgba(255,255,255,0.33) inset;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,0.33) inset;margin-bottom:15px!important;width:100%;}#fpaItems .fpaItem{height:auto!important;}#fpaItems .fpaItem a{border-radius:2px;display:block;overflow:hidden;text-decoration:none;}#fpaItems .fpaItem div.textContainer{background-color:#444!important;}#fpaItems .fpaItem:hover .imageContainer{opacity:0.85!important;}div#fp_tabs_container ~ #fpaItems{float:right;width:334px;}div#fp_tabs_container ~ #fpaItems .fpaItem{width:163px!important;padding:2px!important;}div#fp_tabs_container ~ #fpaItems .fpaItem a{width:163px;}div#fp_tabs_container ~ #fpaItems .fpaItem img{width:163px!important;height:81px!important;}div#fp_tabs_container ~ #fpaItems .fpaItem div.textContainer{font-size:13px!important;line-height:15.5px!important;height:60px!important;padding:5px 9px!important;}h2 ~ #fpaItems{width:100%;}h2 ~ #fpaItems .fpaItem{width:118px!important;padding:4px 2px!important;}h2 ~ #fpaItems .fpaItem:first-of-type{padding-left:4px!important;}h2 ~ #fpaItems .fpaItem a{width:118px;}h2 ~ #fpaItems .fpaItem img{width:118px!important;height:59px!important;}h2 ~ #fpaItems .fpaItem div.textContainer{font-size:12px!important;line-height:14px!important;padding:9px 9px 18px!important;}.article > p ~ #fpaItems .fpaItem,.article > p ~ #fpaItems .fpaItem .textContainer{height:auto!important;}#categoryBrowser{margin-bottom:15px!important;}.secondColumn > div.fpItem{margin-bottom:15px!important;}#pricewatch h3,#sponsored h3{margin-bottom:5px!important;}#pricewatch > ul > li{border-top:1px solid #DDDEDE;margin:0!important;}#pricewatch > ul > li:last-of-type{border-bottom:1px solid #DDDEDE;margin-bottom:7px!important;}#pricewatch li .thumb.product,#pricewatch li .thumb img,#sponsored li .thumb.product,#sponsored li .thumb img{width:48px!important;height:40px!important;}#pricewatch li .thumb.product,#sponsored li .thumb.product{margin:5px 5px 5px 0 !important;padding:3px!important;}#pricewatch p.title,#sponsored p.title{margin:9px 0!important;}#sponsored li{padding-top:0!important;}#community li{padding:5px 0!important;}#contentArea > div#header h1{margin-bottom:0!important;}#contentArea > a[href=/productreview/manager/add/]{height:22px!important;line-height:22px!important;position:relative;top:185px;}.popularEditorialReviewsBlock td,.popularUserReviewsBlock td{height:87px!important;}.popularEditorialReviewsBlock p,.popularUserReviewsBlock p{margin:0!important;}.popularEditorialReviewsBlock .image a{margin-top:4px!important;}.popularEditorialReviewsBlock p{line-height:14px!important;padding:4px 0;}.popularUserReviewsBlock .title{margin-top:10px!important;}.popularUserReviewsBlock .image a{margin-bottom:11px!important;margin-top:12px!important;}.relatedBlock{padding-top:5px!important;}#makeuserreview #relationbox{margin:0!important;}.tdWithLine .score{margin-top:10px!important;}.formTable td p{line-height:10px!important;}#bestBuyGuideBlock{overflow:hidden;width:344px;}#bestBuyGuideBlock .BBGImageDiv{background:0 repeat scroll 0 0 #EDEEEE;border:1px solid #DDDEDE;width:164px!important;float:left;margin-bottom:10px!important;padding:2px;}#bestBuyGuideBlock div.BBGImageDiv:first-of-type{border-left-width:1px!important;border-right:0;}#bestBuyGuideBlock div.BBGImageDiv:last-of-type{border-left-width:0;}#bestBuyGuideBlock .BBGImageDiv img{height:94px!important;width:164px!important;}#productEditionPriceData tr{display:block;float:left;height:73px!important;width:300px!important;}#productEditionPriceData tr td.image{float:left;}#productEditionPriceData tr td{border-top:1px solid #E8EAEA!important;border-bottom:none!important;display:block;}[id=tab:aanbod] table.listing p{line-height:normal!important;}#henk{height:63px!important;top:-63px!important;}#content.folders .faux p[style=margin-top:5px]{float:left;margin-bottom:5px!important;}#content.folders .faux form[onsubmit="return checkDelete(this,'bookmarks')"]{float:left;}.channelHeader{margin-bottom:0!important;}.topic_actions p.pagecounter{margin:0!important;}.forumList table.listing{margin-bottom:10px!important;}div.message{margin-bottom:5px!important;}div.message div.messageheader{padding-bottom:0!important;}#jobs_relations .fixedLayout{width:100%;}#jobs_relations td.jobInfo.nowrap{white-space:normal!important;}div#content div#messages div.topicstarter div.date p:before{content:url('http://tweakers.net/ext/f/hAu719Tf0b0HB0Yue9PMiZRS/full.gif');}div#content div#messages div.topicstarter div.date p a{margin-left:5px;}div.message,div.faq{line-height:normal!important;}#mynotepad textarea{height:auto!important;}.message .messageheader .date a{text-transform:lowercase;}.message .messageheader .date a:before{content:'Geplaatst op ';text-transform:none;}#pmessages .date a:before{content:'Verzonden op ';}div.message div.post div.userdetails div.extra{display:block!important;}.meuktracker .meukTable table.highlights td{line-height:17px!important;}#jobOverview h4,#jobOverview h4 a{margin:3px 0;}.galleryHeading .thumb{float:left;margin-right:8px;}.galleryHeading .registered{clear:both;margin:0;}.galleryHeading .karma p{margin-bottom:0!important;}.columnwrapper.normal table.itemList[style=width:330px;]{width:100%!important;}

Toelichting

Jouw CSS is zoals de site (vooral FP) had moeten zijn

Bij deze heb je mijn stem

|| Stem op mooiere Topic Search linkjes! :) " || Pi-Hole : Geen advertenties meer voor je hele netwerk! >:) ||

maandag 12 november 2012 00:17

Acties:

0 Henk 'm!

WouterKvG

nero355 schreef op zaterdag 10 november 2012 @ 22:01:
[...]

Jouw CSS is zoals de site (vooral FP) had moeten zijn Bij deze heb je mijn stem

Bedankt!

- Somnox, 's werelds eerste slaaprobot

maandag 12 november 2012 17:33

Acties:

0 Henk 'm!

F.West98

Alweer 16 jaar hier

Bedankt allemaal voor de stemmen

Ik heb gewonnen!
Je kan op m'n Tweakblog binnenkort lezen hoe het was op Tnet HQ!

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

dinsdag 13 november 2012 20:22

Acties:

0 Henk 'm!

Anoniem: 235591

F.West98 schreef op maandag 12 november 2012 @ 17:33:
Bedankt allemaal voor de stemmen
Ik heb gewonnen!
Je kan op m'n Tweakblog binnenkort lezen hoe het was op Tnet HQ!

Fijn dat je gewonnen hebt, maar als leek heb ik geen idee hoe je deze style toepast.

Heb het al

Dank!

[ Voor 4% gewijzigd door Anoniem: 235591 op 13-11-2012 20:31 ]

zondag 18 november 2012 21:14

Acties:

0 Henk 'm!

_eXistenZ_

Tweakers 7.5 changelog: Tweakers 7.5 - v1.1.4

_{Mensen die opmerken dat ik alleen maar linkjes dump en niks qua plaatjes e.d. post: dat deed ik eerst, en dat werd óók als vervelend ervaren omdat ik het zo vaak deed. Daarom heb ik in overleg met een moderator een eigen tweakblog gestart waar ik mijn theme op kon tonen en waarover gediscussieerd kon worden.}

There is no replacement for displacement!

Pagina: Vorige 1 2 Laatste

Let op:
We zien graag inzendingen, maar dan wel volgens het formaat zoals in de topicstart uitgelegd.
Gebabbel over styles mag in [verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'

Reageer