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

Pagina: 1 ... 8 ... 22 Laatste
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

Verwijderd

Caelorum schreef op zaterdag 20 oktober 2012 @ 15:35:
[...]

ctrl+f5? Hij werkt hier in ieder geval de laatste versies van IE, FF, Opera en Chrome. Kan zijn dat die in IE9 of 8 niet goed werkt hoor, maar hij zou op zijn minst iets moeten verplaatsen en de balk zou weg moeten gaan.

@boven. Van de jouwe wordt de hele site rood hier :) Maar het zoekveld wordt wel veprlaatst ja :D
Wat doen deze twee stukjes code?
Cascading Stylesheet:
1
2
.mainSearchSuggest { z-index: 1000; }
div.trackerPopup { margin-top: 28px; }

Acties:
  • 0 Henk 'm!

  • ScSi
  • Registratie: Oktober 2003
  • Laatst online: 08-09 22:42

ScSi

Belg.

_eXistenZ_ schreef op zaterdag 20 oktober 2012 @ 13:38:
@ ScSI, het bugje met de menubalk is opgelost in versie 1.0.3, daar kun je dus de CSS uit plukken.
Werkt perfect, thanks!

Acties:
  • 0 Henk 'm!

  • Yorinn
  • Registratie: Februari 2009
  • Niet online

Yorinn

Moderator General Chat

XOPIUM

Verwijderd schreef op zaterdag 20 oktober 2012 @ 15:34:
Ik gebruik deze:
Kleuren moet je naar eigen smaak inrichten. Zoekbalk kleiner maken is een optie en met 190px verander je de positie.
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/*searchbar omhoog*/

#search{position:absolute;top:-10px;right:190px;}

/*Forum en website dichter naar menu*/

#searchbar {height: 10px !important;}

body{background-color:#B30F39; padding-left:0px; padding-top: 0; top: 6px;}

#searchbar {background:#B30F39 !important;}

#top {border-bottom: 0px solid #B30F39 !important;}

div.hr {background:#B4B4B4 !important;}

#search #true {
    display: none !important;}

#menubar {width: 100% !important;}

/*kleinere zoekbar*/
#search input.text {
    width: 245px !important;
}

#search .keywordSearch {
    width: 300px !important;}
Top, ik heb deze code overgenomen om hem rechtsboven te krijgen:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/*searchbar omhoog*/ 

#search{position:absolute;top:-10px;right:105px;} 

/*kleinere zoekbar*/ 
#search input.text { 
    width: 250px !important; 
} 

#search .keywordSearch { 
    width: 305px !important;}

#search #true { 
    display: none !important;}

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


Acties:
  • 0 Henk 'm!

  • Caelorum
  • Registratie: April 2005
  • Laatst online: 16:02
Verwijderd schreef op zaterdag 20 oktober 2012 @ 15:38:
[...]

Wat doen deze twee stukjes code?
Cascading Stylesheet:
1
2
.mainSearchSuggest { z-index: 1000; }
div.trackerPopup { margin-top: 28px; }
De eerste regel zorgt ervoor dat de popup die je krijgt als je zoekt altijd over de rest van de content heen komt te liggen (tenzij die een hogere z-index heeft, maar deze is al extreem hoog)
De tweede zorgt ervoor dat de tracker iets naar beneden wordt geplaatst zodat er ruimte is voor het zoekveld.

Acties:
  • 0 Henk 'm!

  • Madrox
  • Registratie: Mei 2002
  • Laatst online: 23-08 22:42

Madrox

Oh, Pharaoh!

Iemand nog een idee hoe ik die bug oplos ?

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

Het gaat mis bij de pricewatch, help!

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


Acties:
  • 0 Henk 'm!

  • Caelorum
  • Registratie: April 2005
  • Laatst online: 16:02
Madrox schreef op zaterdag 20 oktober 2012 @ 15:43:
Iemand nog een idee hoe ik die bug oplos ?

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

Het gaat mis bij de pricewatch, help!
Moeilijk te zeggen. Bedoel je de kleur of dat de filter te ver naar rechts staat?
Dat laatste had ik ook, bij mij was het omdat ik de padding aan de bovenkant van de contentarea te ver had verkleind. Dat gaf nogal wat bugs. Maar ik kan niet zeggen dat dezelfde oorzaak is als bij jouw geval.

Acties:
  • 0 Henk 'm!

  • QwaftZefoni
  • Registratie: Februari 2009
  • Laatst online: 07:56
Verwijderd schreef op zaterdag 20 oktober 2012 @ 13:27:
Marktplaats. Huh. Bij mij nog hetzelfde gele uiterlijk.
Off-topic maar 't moet toch even

Aanschouw en vrees
http://vernieuwd.marktplaats.nl/i/welkom/

Afbeeldingslocatie: http://img818.imageshack.us/img818/5528/mpsucks.png

Acties:
  • 0 Henk 'm!

Verwijderd

De lagere informatiedichtheids-goeroe heeft ook bij MP toegeslagen :')

Acties:
  • 0 Henk 'm!

Verwijderd

Ik krijg nog gewoon de oude layout.

Het kan mij sowieso weinig schelen. Als mijn crawler het maar blijft doen :+

Acties:
  • 0 Henk 'm!

  • Standeman
  • Registratie: November 2000
  • Laatst online: 18:43

Standeman

Prutser 1e klasse

Standeman schreef op vrijdag 19 oktober 2012 @ 20:14:
Ik ben even in overleg wat er moet gaan gebeuren in dit topic, want:

a) het is zonde om dit HK-only te houden
b) pas beter in SG of zelfs /13
c) wordt misscien gemerged met [verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?' ofzoiets...

Ik zal later even een update geven (of jullie merken het wel :P)
Het is optie c geworden :) het Het Grote Custom CSS-topic uit de HK is gemerged met dit topic.

[ Voor 6% gewijzigd door Standeman op 20-10-2012 16:14 ]

The ships hung in the sky in much the same way that bricks don’t.


Acties:
  • 0 Henk 'm!

  • Zeror
  • Registratie: September 2003
  • Laatst online: 18:36

Zeror

Ik Henk 'm!

Verwijderd schreef op zaterdag 20 oktober 2012 @ 16:10:
[...]

De lagere informatiedichtheids-goeroe heeft ook bij MP toegeslagen :')
Goeroe? Het is eerder een virus geloof ik.

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


Acties:
  • 0 Henk 'm!

  • QwaftZefoni
  • Registratie: Februari 2009
  • Laatst online: 07:56
^ idd

Maar geweldig:
ik heb dankzij de laatste code discussie de searchbar nu ook netjes bovenin staan, rechts uitgelijnd.
daartoe moest ik trouwens nog wel de menubar fixed zetten zodat ie netjes op ditke bleef

Cascading Stylesheet:
1
#menubar { height: 40px !important;}


Kan de searchbar ook in een grijstint oid?

Acties:
  • 0 Henk 'm!

Verwijderd

code:
1
2
3
#search input.text {
    background-color: red;
}

Ja hoor.

Acties:
  • 0 Henk 'm!

  • jmxd
  • Registratie: September 2005
  • Niet online
Afbeeldingslocatie: http://i.imgur.com/qjmDf.png

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
#top {
    background:                 url('http://tweakers.net/ext/f/rLVIMUZtaqY5QshQzkVgj88o/full.png') repeat-x;
    }

#menubar {
    width:                       100% !important;
    }

#menu {
    width:                       1040px;
    }

#userbar .usericonsmall {
    margin:                     3px 5px 0 0;
    width:                       21px;
    height:                     21px;
    border:                     2px solid #5298d4;
    border-radius:               2px;
    }

#searchbar {
    background:                 -webkit-linear-gradient(#f1f2f4,#ffffff);
    border-radius:               0;
    }

#search {
    width:                       1040px;
    }

#mainSearch, #true {
    margin:                     0 30px !important;
    }

Acties:
  • 0 Henk 'm!

  • WoBaDijk
  • Registratie: December 2004
  • Laatst online: 08-01 21:20

WoBaDijk

Aapje

Heb ook een eigen scriptje in elkaar gedraaid. Werkt nog niet perfect, maar het begin is er :)

Het script is hier te vinden.

Alle features zijn individueel aan/uit te zetten middels boolean. Alleen getest in Google Chrome.

Features
- Achtergrondkleur Tweakers veranderen middels een RGB-code
- myReact in je profiel links tonen
- Verbergen balk uitgelicht met plaatsje op FP
- Verbergen tabs op FP
- Verbergen notificatie counter
- Forum breedte bijstellen naar breedte website
- Fixeren header van de website, terwijl de zoekbalk wel scrollbaar blijft
- Fixeren tracker aan de linker of rechterkant van de website
- Geïntegreerde topicsearch op in forumtopics

Bekende bugs:
- Bij het openen van de laatste pagina op het forum verdwijnt de zoekbalk
- Bij het fixeren van de tracker dient eerst een keer gerefreshed te worden om de achtergrond van de 'oude' tracker weg te halen
- De lijn onder de header reageert op scrollen ipv op hoogte van de pagina. Daardoor blijft deze staan na een keer scrollen.

Als basis voor het script het ik het script van sanderev66 (Verwijderd in "Poll: Tweakers 7 verbetering of achteruitgang") gebruikt, de topicsearch is gebaseerd op code van Ramon (Ramon in "Poll: Tweakers 7 verbetering of achteruitgang").

De topicsearch ziet eruit als op het onderstaande plaatje. Door op "Zoeken in dit topic" te klikken verandert de standaard zoekbalk in een zoekbalk voor het topic waar je op dat moment inzit.
Afbeeldingslocatie: http://test.woutervandijk.net/topicsearch.png

Apple MacBook Pro 13" 2,53Ghz | 4Gb | GeForce 9400M | 250Gb HDD |


Acties:
  • 0 Henk 'm!

  • Wiethoofd
  • Registratie: Juli 2007
  • Laatst online: 14-08 12:22

Wiethoofd

Broadcast TOM

Heeft het überhaupt nut nu Custom CSS te gaan/willen schrijven? Tweakers komt hopelijk volgende week met een grote rij bug/layout fixes, dus dan is je custom CSS sowieso overbodig en zal zelfs veel weer in de war schoppen.

* Wiethoofd wacht wel tot volgende week en gaat even uitzieken.

Volg me op Twitter/X & Bluesky


Acties:
  • 0 Henk 'm!

  • Zeror
  • Registratie: September 2003
  • Laatst online: 18:36

Zeror

Ik Henk 'm!

Wiethoofd schreef op zaterdag 20 oktober 2012 @ 17:15:
Heeft het überhaupt nut nu Custom CSS te gaan/willen schrijven? Tweakers komt hopelijk volgende week met een grote rij bug/layout fixes, dus dan is je custom CSS sowieso overbodig en zal zelfs veel weer in de war schoppen.

* Wiethoofd wacht wel tot volgende week en gaat even uitzieken.
Nah, zie het als een tijdelijke oplossing totdat die fixes er zijn.

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


Acties:
  • 0 Henk 'm!

  • Wiethoofd
  • Registratie: Juli 2007
  • Laatst online: 14-08 12:22

Wiethoofd

Broadcast TOM

Zeror schreef op zaterdag 20 oktober 2012 @ 17:19:
Nah, zie het als een tijdelijke oplossing totdat die fixes er zijn.
Het stomme is dat 75% van de huidige CSS bugs/stylefouten in de beta al aangekaart zijn maar compleet genegeerd zijn in het beta-to-live proces. En een (of meerdere) designer(s) die te weinig op het forum zit(ten) kunnen de boel prima stylen dat het op een iPad zou werken, maar desktop is drama en heeft ontzettend veel kansloze dingen die fout gaan.

Ik kan een hele lijst maken, maar in LD staan er tig en ik hoop dat er komende week gewoon genoeg gefixt wordt dat er niet nogmaals custom CSS nodig is.

De grootste faal is trouwens de berichtbreedte van 600 (tweakers) naar 652px (_ng) terug naar 642px. En dan ook in de berichtpreview een unlimited breedte (of iig de max breedte van de content met loze witruimte rechts) (verspringende content ffs :X :N :'))

Volg me op Twitter/X & Bluesky


Acties:
  • 0 Henk 'm!

  • jmxd
  • Registratie: September 2005
  • Niet online
Wiethoofd schreef op zaterdag 20 oktober 2012 @ 17:24:
[...]

De grootste faal is trouwens de berichtbreedte van 600 (tweakers) naar 652px (_ng) terug naar 642px. En dan ook in de berichtpreview een unlimited breedte (of iig de max breedte van de content met loze witruimte rechts) (verspringende content ffs :X :N :'))
Zeer irritant inderdaad. Vooral in "luxe" topics met tabellen etc die in de preview totaal verspringen zodat je geen idee hebt hoe het er uit komt te zien zonder het te submitten. :F

Acties:
  • 0 Henk 'm!

  • Madrox
  • Registratie: Mei 2002
  • Laatst online: 23-08 22:42

Madrox

Oh, Pharaoh!

Caelorum schreef op zaterdag 20 oktober 2012 @ 15:47:
[...]

Moeilijk te zeggen. Bedoel je de kleur of dat de filter te ver naar rechts staat?
Dat laatste had ik ook, bij mij was het omdat ik de padding aan de bovenkant van de contentarea te ver had verkleind. Dat gaf nogal wat bugs. Maar ik kan niet zeggen dat dezelfde oorzaak is als bij jouw geval.
Nou, zoals je op plaatje negen kan zien (paar pages terug) verdwijnt de prijslijst helemaal naar beneden!

Heb net ff een fiks gedaan en nu ben ik helemaal de sjaak, op de Mijn voorkeuren pagina is nu ook alle content naar rechts verschoven en ik zie nu mijn code niet meer en ook geen enkele knop meer; kortom; ik kan nu niets meer wijzingen en heb het aardig verkloot :'(

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


Acties:
  • 0 Henk 'm!

Verwijderd

Nieuw: 900px breed layout. Geen scrollbaklen bij browserwidth >= 900px in de gedeelten die ik heb getest. Tevens hogere informatiedichtheid op de fontpage. Weinig veranderingen aan het forum. Al moet ik daar ook eens wat padding uitslopen..

frontpage 900px

Verder nog wat kleine tweaks: forumlisting wordt italic als jij als laatste hebt gereageerd. Knoppen krijgen een rood randje als hij active is (blauw knopje met extra blauwe omlijn als hij active is = fail. Gejat van google, en het werkt zo slecht..). En 300 regels CSS om bugs uit allerlei delen van t.net te slopen omdat er bij 900px gewoon minder past (wat niet zo moeilijk is. Gewoon de padding er uitslopen en het flowt goed :9 )

Download: https://dl.dropbox.com/u/.../CSS/900px%20CSS%20v1.css. Aangezien ik hier geen CSS van 350 regels ga posten..

Edit: link even weggegooid. Ik ben hem opnieuw aan het herstructureren en ben zo dom geweest om geen backup te maken...

[ Voor 8% gewijzigd door Verwijderd op 21-10-2012 00:14 ]


Acties:
  • 0 Henk 'm!

  • jmxd
  • Registratie: September 2005
  • Niet online
Maar dat is (imo) niet de grootste faal. Tweakers is altijd een van de beste (en daarmee bedoel ik snelste, meest gebruiksvriendelijkste, etc) websites geweest die ik dagelijks bezocht en met deze versie is juist alles minder gebruiksvriendelijk geworden. Het forum voelt aan alsof ze nog snel op het laatste moment de stijl van de frontpage ook nog even over het forum hebben gegoten.

Qua backend is er misschien een hele hoop verbeterd maar wat betreft wat de user te zien krijgt denk ik echt bij mijzelf: welke stagaire is hier mee bezig geweest?

- Zaken waar veel geld mee verdiend wordt zijn wel prima geregeld trouwens. Pricewatch ziet er goed uit bijvoorbeeld.

[ Voor 9% gewijzigd door jmxd op 20-10-2012 17:35 ]


Acties:
  • 0 Henk 'm!

Verwijderd

@Darkstone je kun die plaatjes ook nog kleiner maken als dat nodig is :).

Acties:
  • 0 Henk 'm!

Verwijderd

Dat is niet nodig. Het past al @ 900px. En er is toch geen nuttige content die je er onder kan/wil tonen.

[ Voor 47% gewijzigd door Verwijderd op 20-10-2012 17:34 ]


Acties:
  • 0 Henk 'm!

  • jmxd
  • Registratie: September 2005
  • Niet online
Verwijderd schreef op zaterdag 20 oktober 2012 @ 17:33:
Dat is niet nodig. Het past al @ 900px. En er is toch geen nuttige content die je er onder kan/wil tonen.
Hij bedoeld dat je de afbeeldingen kan verkleinen. Jij hebt alleen de blokjes verkleind waardoor nu een stuk van de afbeeldingen af wordt gesneden

Acties:
  • 0 Henk 'm!

Verwijderd

Scherp gezien. Ik fix het eventjes. edit: done. Bijsnijden van de afbeeldingen was niet eens nodig :P

[ Voor 48% gewijzigd door Verwijderd op 20-10-2012 17:41 ]


Acties:
  • 0 Henk 'm!

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 08:13

F.West98

Alweer 16 jaar hier

Topicstarter
Twylight schreef op zaterdag 20 oktober 2012 @ 16:39:
[afbeelding]

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
#top {
    background:                 url('http://tweakers.net/ext/f/rLVIMUZtaqY5QshQzkVgj88o/full.png') repeat-x;
    }

#menubar {
    width:                       100% !important;
    }

#menu {
    width:                       1040px;
    }

#userbar .usericonsmall {
    margin:                     3px 5px 0 0;
    width:                       21px;
    height:                     21px;
    border:                     2px solid #5298d4;
    border-radius:               2px;
    }

#searchbar {
    background:                 -webkit-linear-gradient(#f1f2f4,#ffffff);
    border-radius:               0;
    }

#search {
    width:                       1040px;
    }

#mainSearch, #true {
    margin:                     0 30px !important;
    }
Wauw! Geweldig!

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


Acties:
  • 0 Henk 'm!

Verwijderd

Wat doet dat dan?

Acties:
  • 0 Henk 'm!

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 08:13

F.West98

Alweer 16 jaar hier

Topicstarter
Ik quote een ander, staat een afbeelding linkje bij ;)

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


Acties:
  • 0 Henk 'm!

Verwijderd

Misschien heeft iemand hier ook iets aan. Uitvullen van artikelen op de FP.
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
/*Uitvullen FP*/
h1, h2, h3, p {
text-align:justify !important;
text-justify:inter-word !important;
}

/*Forum nummering topic bladzijdes*/
p.pagecounter {
    text-align: right !important;
}


Op FP werkt het volgens mij goed alleen op GoT verspringt hierdoor aan de onderkant het aantal pagina's van rechts naar links :?. Opgelost.
Afbeeldingslocatie: http://i.imgur.com/cKk9m.png

[ Voor 49% gewijzigd door Verwijderd op 20-10-2012 18:41 ]


Acties:
  • 0 Henk 'm!

  • Metian
  • Registratie: Januari 2010
  • Laatst online: 10-09 19:44

Metian

Snert is vies

Twylight schreef op zaterdag 20 oktober 2012 @ 16:39:
[afbeelding]

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
#top {
    background:                 url('http://tweakers.net/ext/f/rLVIMUZtaqY5QshQzkVgj88o/full.png') repeat-x;
    }

#menubar {
    width:                       100% !important;
    }

#menu {
    width:                       1040px;
    }

#userbar .usericonsmall {
    margin:                     3px 5px 0 0;
    width:                       21px;
    height:                     21px;
    border:                     2px solid #5298d4;
    border-radius:               2px;
    }

#searchbar {
    background:                 -webkit-linear-gradient(#f1f2f4,#ffffff);
    border-radius:               0;
    }

#search {
    width:                       1040px;
    }

#mainSearch, #true {
    margin:                     0 30px !important;
    }
Ziet er goed uit, alleen wat is de reden van de blauwe border om de user-avatar ? :+

Rupsen, Rapsen.


Acties:
  • 0 Henk 'm!

  • jmxd
  • Registratie: September 2005
  • Niet online
Metian schreef op zaterdag 20 oktober 2012 @ 18:24:
[...]

Ziet er goed uit, alleen wat is de reden van de blauwe border om de user-avatar ? :+
:P

In de rest van mijn eigen stylesheet heb ik nog meer blauwe elementen zitten, maar het is inderdaad niet heel logisch als dat het enige blauwe in de hele layout is. Maar is makkelijk zat aan te passen, toch ;)

Acties:
  • 0 Henk 'm!

  • _eXistenZ_
  • Registratie: Februari 2004
  • Laatst online: 10-09 09:17
Inmiddels is versie 1.0.5 van Tweakers 7.5 geland, met als wijzigingen:

- Fix voor spacing bij de paginator onderaan GoT
- Nieuwe onderkant van de witte content-div, die er een stuk beter uitziet dan de content-div aan de footer vastplakken.
- Gelijk de content div maar voorzien van een mooie CSS3-shadow :)

Afbeeldingslocatie: http://exhost.nl/etc/tweakers.net/tweakers7_style_topic/tweakers-ex-7.jpg

Again, mensen die via GreaseMonkey gaan (de aanbevolen weg) krijgen em zelf denk ik binnen, anderen:
get it while it's hot!

/edit

Eerste user bug al binnen: op bijv. je profielpagina zit de shadow ook bovenaan. Ik ga er naar kijken! :)

[ Voor 9% gewijzigd door _eXistenZ_ op 20-10-2012 18:35 ]

There is no replacement for displacement!


Acties:
  • 0 Henk 'm!

  • Metian
  • Registratie: Januari 2010
  • Laatst online: 10-09 19:44

Metian

Snert is vies

Twylight schreef op zaterdag 20 oktober 2012 @ 18:28:
[...]
:P

In de rest van mijn eigen stylesheet heb ik nog meer blauwe elementen zitten, maar het is inderdaad niet heel logisch als dat het enige blauwe in de hele layout is. Maar is makkelijk zat aan te passen, toch ;)
Dat is sowieso geen probleem, was ook in paar seconden opgelost :9 Was alleen benieuwd waarom, en moest meteen aan Battlelog denken :+

Rupsen, Rapsen.


Acties:
  • 0 Henk 'm!

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 08:13

F.West98

Alweer 16 jaar hier

Topicstarter
Ik ben een beetje aan het prutsen om de tracker een vaste hoogte te maken (lukt) en daarna scrollable te maken, maar dan op tnet category browser manier. Dat lukt me nog niet helemaal. Het scrollable maken wil niet.
Iemand die kan helpen?

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


Acties:
  • 0 Henk 'm!

Verwijderd

Het position attribuut in CSS?

Acties:
  • 0 Henk 'm!

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 08:13

F.West98

Alweer 16 jaar hier

Topicstarter
Nope, het is een JS feature ;)

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


Acties:
  • 0 Henk 'm!

  • Rostvertol-Mil
  • Registratie: Januari 2002
  • Laatst online: 13:41
_eXistenZ_ schreef op zaterdag 20 oktober 2012 @ 18:29:
Inmiddels is versie 1.0.5 van Tweakers 7.5 geland, met als wijzigingen:

- Fix voor spacing bij de paginator onderaan GoT
- Nieuwe onderkant van de witte content-div, die er een stuk beter uitziet dan de content-div aan de footer vastplakken.
- Gelijk de content div maar voorzien van een mooie CSS3-shadow :)

[afbeelding]

Again, mensen die via GreaseMonkey gaan (de aanbevolen weg) krijgen em zelf denk ik binnen, anderen:
get it while it's hot!

/edit

Eerste user bug al binnen: op bijv. je profielpagina zit de shadow ook bovenaan. Ik ga er naar kijken! :)
Officieel goed werk ouwe!

dot.blaat


Acties:
  • 0 Henk 'm!

  • Hero of Time
  • Registratie: Oktober 2004
  • Nu online

Hero of Time

Moderator LNX

There is only one Legend

Nieuwe versie van m'n dark theme: Hero Of Time in "[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'"
Tweakers is nu breder, 1100 pixels. GoT is ook breder. Heb nog wel wat te fixen, maar het grootste werk is gedaan. Op de FP moet ik nog wel de rechter kolom doen. Comments zijn iig gekleurd.
Op GoT zie je de message header heel lichtjes verschil, TS is duidelijk lichter, en je eigen posts zijn nog een tintje lichter.

Todo: rechter kolom op FP doen. QR box vergroten. Quote box ietsjes donkerder. FP content verbreden, is nu stukje loze ruimte door het algemeen verbreden. Topic warning ook nog doen :9
Totaal aantal regels CSS, inclusief comments en wit-regels: 351.

Commandline FTW | Tweakt met mate


Acties:
  • 0 Henk 'm!

Verwijderd

Ik heb eindelijk reply_top.png kunnen vervangen. Blijkbaar werkt benaderen vanaf je eigen harde schijf niet want nu ik het bij imgur.com heb geupload pakt die het wel :).

Acties:
  • 0 Henk 'm!

  • jmxd
  • Registratie: September 2005
  • Niet online
Verwijderd schreef op zaterdag 20 oktober 2012 @ 20:29:
Ik heb eindelijk reply_top.png kunnen vervangen. Blijkbaar werkt benaderen vanaf je eigen harde schijf niet want nu ik het bij imgur.com heb geupload pakt die het wel :).
_O-

Acties:
  • 0 Henk 'm!

Verwijderd


Acties:
  • 0 Henk 'm!

  • jmxd
  • Registratie: September 2005
  • Niet online

Acties:
  • 0 Henk 'm!

Verwijderd

Je kunt namelijk wel bestanden direct vanaf je eigen harde schijf laden in CSS. Waarom het hierbij niet lukt is me dus ook een raadsel. Ik gebruikte gewoon url("file:///V:/reply_top.png")

Cascading Stylesheet:
1
2
3
4
5
6
.reactie .topBorder {
    background: url("http://i.imgur.com/9s53A.png") no-repeat scroll 0 0 transparent !important;
    height: 8px;
    margin-left: -40px;
    width: auto;
}

Acties:
  • 0 Henk 'm!

  • jmxd
  • Registratie: September 2005
  • Niet online
Komt volgens mij omdat tweakers een base url in heeft gesteld. Maar dan nog, als je het op die manier doet ben jij de enige die de css kan gebruiken en als je dan op een andere computer naar tweakers gaat werkt het ook niet.

Acties:
  • 0 Henk 'm!

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 08:13

F.West98

Alweer 16 jaar hier

Topicstarter
Twylight schreef op zaterdag 20 oktober 2012 @ 20:58:
Komt volgens mij omdat tweakers een base url in heeft gesteld. Maar dan nog, als je het op die manier doet ben jij de enige die de css kan gebruiken en als je dan op een andere computer naar tweakers gaat werkt het ook niet.
Nee daardoor komt het niet ;)
Een base url wordt overschreven op het moment dat je ftp://, http://, https://, file://, enz ervoor zet. Bij een domein ook. Als je enkel een mapnaam doet wordt de base url ervoor gezet.
microsoft.com -> http://www.microsoft.com/
file://V:/naam.ext -> file://V:/naam.ext
pricewatch/index.php -> http://www.tweakers.net/pricewatch/index.php/

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


Acties:
  • 0 Henk 'm!

  • Phyxion
  • Registratie: April 2004
  • Niet online

Phyxion

_/-\o_

Verwijderd schreef op zaterdag 20 oktober 2012 @ 18:24:
Misschien heeft iemand hier ook iets aan. Uitvullen van artikelen op de FP.
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
/*Uitvullen FP*/
h1, h2, h3, p {
text-align:justify !important;
text-justify:inter-word !important;
}

/*Forum nummering topic bladzijdes*/
p.pagecounter {
    text-align: right !important;
}


Op FP werkt het volgens mij goed alleen op GoT verspringt hierdoor aan de onderkant het aantal pagina's van rechts naar links :?. Opgelost.
[afbeelding]
Dat heb ik inderdaad ook ingesteld, waarom er geen justified gebruikt wordt met Tweakers 7 is mij een compleet raadsel.

'You like a gay cowboy and you look like a gay terrorist.' - James May


Acties:
  • 0 Henk 'm!

Verwijderd

Als het inderdaad een beveiligingsprobleem is dan is het sowieso beter dat het gewoon online staat :).

@pedorus
Mooie oplossing van reacties met elkaar verbinden. Die moet ik nog eens bekijken :).

[ Voor 32% gewijzigd door Verwijderd op 20-10-2012 21:39 ]


Acties:
  • 0 Henk 'm!

  • Wiethoofd
  • Registratie: Juli 2007
  • Laatst online: 14-08 12:22

Wiethoofd

Broadcast TOM

Om niet geheel nutteloos te zijn even een verzameling CSS gemaakt die niet kut met de layout maar gewoon het algehele forumgebeuren wat verbeterd: Must-have forum Custom CSS tweaks (non-layout related) /spam

Volg me op Twitter/X & Bluesky


Acties:
  • 0 Henk 'm!

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 08:13

F.West98

Alweer 16 jaar hier

Topicstarter
Goed bezig! Ik zal delen ervan ook in de TS zetten

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


Acties:
  • 0 Henk 'm!

  • Jo...
  • Registratie: Augustus 2010
  • Laatst online: 14:47
Hoe mijn Tweakers eruit ziet:

Afbeeldingslocatie: http://tweakers.net/ext/f/gxvKhLfFwKJZVi3sQitS15EI/medium.png

Er is eigenlijk weinig veranderd, gewoon een donkerdere achtergrond en een scheiding tussen de content en die achtergrond.
Ik vond Tweakers 7 eigenlijk niet zo verschrikkelijk, buiten de witte achtergrond. Met deze aanpassing is het voor mij dus prima.

De CSS: (Die ik i.c.m. Stylish gebruik)

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
div#contentArea {   
    background-color: #FFF;   
    border: 20px solid #FFF;  
    box-shadow: 0 5px 12px black;   
}   

#layout { 
    background-color: #444;       
}  

#bottom div.hr {  
    height:0px;  
}  


h1, h2 { 
    color: #C50000; 
} 

.fancyButton { 
    border-radius: 2px; 
} 

.imageContainer img {opacity: 0.8;} 
.imageContainer:hover img {opacity: 1.0;} 

}


Ik heb het niet helemaal zelf geschreven (Ik heb me al lang niet meer beziggehouden met CSS), ik had het gevonden op het forum, en heb dan zelf nog wat aanpassingen gemaakt. (Vooral wat zaken verwijderd, om Tweakers 7 zo weinig mogelijk te veranderen)

Acties:
  • 0 Henk 'm!

  • Blue-eagle
  • Registratie: September 2000
  • Niet online
Heb nu de FP zo aangepast dat de uitgelichte nieuwsitems ook de introtekst terug krijgen, zoals op de oude site :) Kan alleen niet vinden waar de kleine thumbnails zijn gebleven van deze artikelen. Die zullen vast niet meer bestaan... en niet alle artikelen hebben een plaatje om ervoor te zetten, helaas.

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

[ Voor 36% gewijzigd door Blue-eagle op 20-10-2012 22:22 ]


Acties:
  • 0 Henk 'm!

  • Pompi
  • Registratie: November 2009
  • Nu online
Blue-eagle schreef op zaterdag 20 oktober 2012 @ 22:22:
Heb nu de FP zo aangepast dat de uitgelichte nieuwsitems ook de introtekst terug krijgen, zoals op de oude site :) Kan alleen niet vinden waar de kleine thumbnails zijn gebleven van deze artikelen. Die zullen vast niet meer bestaan... en niet alle artikelen hebben een plaatje om ervoor te zetten, helaas.

[afbeelding]
Intressant, zou je de CSS-code daarvan willen delen?

Acties:
  • 0 Henk 'm!

  • Madrox
  • Registratie: Mei 2002
  • Laatst online: 23-08 22:42

Madrox

Oh, Pharaoh!

Iemand nog een idee hoe ik mijn css weer aan de praat krijg ? (zie nu dus bijna niets meer op die mjn voorkeurne pagina, kan niet wijzigen/klikken).

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


Acties:
  • 0 Henk 'm!

  • pedorus
  • Registratie: Januari 2008
  • Niet online
Madrox schreef op zaterdag 20 oktober 2012 @ 22:33:
Iemand nog een idee hoe ik mijn css weer aan de praat krijg ? (zie nu dus bijna niets meer op die mjn voorkeurne pagina, kan niet wijzigen/klikken).
lol. In Firefox met alt het menutje laten opkomen->view->style->no style

Vitamine D tekorten in Nederland | Dodelijk coronaforum gesloten


Acties:
  • 0 Henk 'm!

Verwijderd

of shift + F7 in firefox, en dan op het juiste oogje klikken.

Acties:
  • 0 Henk 'm!

  • Madrox
  • Registratie: Mei 2002
  • Laatst online: 23-08 22:42

Madrox

Oh, Pharaoh!

Yes, bedankt. Heb maar ff alles verwijderd. MAg ik weer opnieuw beginnen :F

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


Acties:
  • 0 Henk 'm!

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 08:13

F.West98

Alweer 16 jaar hier

Topicstarter

Fixed tracker met een scrollbar 8)

Afbeeldingslocatie: http://tweakers.net/ext/f/pywvWFuMHlgCFPfRBRtjCnpJ/full.jpg
Greasemonkey:
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// ==UserScript==
// @name        Tracker
// @namespace   userscripts
// @include     http://*tweakers.net/*
// @version     1
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @grant       none 
// ==/UserScript==
var tracker = $('.trackerPopup.fixed');
tracker.attr('id', 'scrollabletracker');
tracker.find('.popupContent').attr('id', 'lalala');
var t = setTimeout(function() {
    var tracker = document.getElementById('scrollabletracker');
    var scrollable = document.getElementById('trackerContent');
    Scrollable.create(tracker, {useParent: false});
}, 400);
$(window).on("resize", this, function() {
    var height = $(window).height();
    var setheight = height-95-10;
    tracker.height(setheight);
});
$(window).trigger("resize");


En de css:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
.trackerPopup.fixed { 
    top: 95px;
    position: fixed;
    left: 5% !important;
    height: 89.1%;
    z-index: 120;
    overflow-y: hidden;
    -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;
}
.scrollable #scrollabletracker + .scroller {
    position: fixed;
    left: 22.8%;
    z-index: 121;
    margin-top: 100px;
}
@media screen and (max-width: 1845px) { .trackerPopup.fixed { left: 4% !important; } }
@media screen and (max-width: 1800px) { .trackerPopup.fixed { left: 2% !important; } }
@media screen and (max-width: 1750px) { .trackerPopup.fixed { left: 1% !important; } }

@media screen and (max-width: 1890px) { .scrollable #scrollabletracker + .scroller { left: 21.9%; } }
@media screen and (max-width: 1845px) { .scrollable #scrollabletracker + .scroller { left: 22%; } }
@media screen and (max-width: 1800px) { .scrollable #scrollabletracker + .scroller { left: 20.3%; } }
@media screen and (max-width: 1780px) { .scrollable #scrollabletracker + .scroller { left: 20.7%; } }
@media screen and (max-width: 1750px) { .scrollable #scrollabletracker + .scroller { left: 19.9%; } }
@media screen and (max-width: 1700px) { .scrollable #scrollabletracker + .scroller { left: 19.3%; } }
@media screen and (max-width: 1670px) { .scrollable #scrollabletracker + .scroller { left: 18.8%; } }
@media screen and (max-width: 1640px) { .scrollable #scrollabletracker + .scroller { left: 18.2%; } }
@media screen and (max-width: 1615px) { .scrollable #scrollabletracker + .scroller { left: 17.8%; } }
@media screen and (max-width: 1590px) { .scrollable #scrollabletracker + .scroller { left: 17.2%; } }
@media screen and (max-width: 1560px) { .scrollable #scrollabletracker + .scroller { left: 16.6%; } }

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


Acties:
  • 0 Henk 'm!

Verwijderd

Kleine handigheidje voor als je de tracker ' fixed' hebt staan en soms per ongeluk het kruisje aanklikt en 'm sluit of de RSS knop aanklikt. Soms moet je dan eerst de user CSS uitzetten voor je 'm weer kunt fixeren (rechts of links). Hierbij de code om 't kruisje te laten verdwijnen en niet meer per ongeluk eraan zit en de optie uit het menu balk rechts te halen.
.

Cascading Stylesheet:
1
2
3
4
5
6
7
#menu #userbar li.icon.tracker {
    display: none !important;
}

.popup.trackerPopup.fixed span.fancyButton.close{
    display: none !important;
}

Acties:
  • 0 Henk 'm!

  • Moi_in_actie
  • Registratie: Maart 2007
  • Laatst online: 16:07
Ik heb me ook maar eens een custom CSS aangezet, grotendeels opgebouwd uit cobinaties van bestaande CSS's die hier eerder geplaatst zijn, aangevuld met wat eigen tweaks. Het resultaat is als volgt:

Homepage
Afbeeldingslocatie: http://i169.photobucket.com/albums/u215/Moi_in_actie/tnethomepage.jpg

Forum
Afbeeldingslocatie: http://i169.photobucket.com/albums/u215/Moi_in_actie/tnetforum.jpg

Later nog eens wat verder gaan sleutelen :)

Ryzen 9 9950X3D ~~ 32GB GSkill TridentZ 6000Mhz ~~ ASRock B850M Steel Legend ~~ Powercolor Hellhound RX9070XT


Acties:
  • 0 Henk 'm!

Verwijderd

_eXistenZ_ schreef op zaterdag 20 oktober 2012 @ 18:29:
Inmiddels is versie 1.0.5 van Tweakers 7.5 geland, met als wijzigingen:

- Fix voor spacing bij de paginator onderaan GoT
- Nieuwe onderkant van de witte content-div, die er een stuk beter uitziet dan de content-div aan de footer vastplakken.
- Gelijk de content div maar voorzien van een mooie CSS3-shadow :)

[afbeelding]

Again, mensen die via GreaseMonkey gaan (de aanbevolen weg) krijgen em zelf denk ik binnen, anderen:
get it while it's hot!

/edit

Eerste user bug al binnen: op bijv. je profielpagina zit de shadow ook bovenaan. Ik ga er naar kijken! :)
_/-\o_
Tweakers zoals tweakers hoort te zijn.... HELD!

Acties:
  • 0 Henk 'm!

Verwijderd

Is het mogelijk om @import css te gebruiken op lokale of dropbox-files? Ik probeer een wat modulairder systeem te maken. Maar dat wil niet lukken omdat ik @import niet werkend krijg.

@import staat op de eerste regel van mijn CSS, en laad een lokale file of file op dropbox public folder. Met of zonder file:///, http:// of url(...). Niets werkt.

Acties:
  • 0 Henk 'm!

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 08:13

F.West98

Alweer 16 jaar hier

Topicstarter
Geen idee. Probeer eens @import van http://www.fwest98.nl/tnet_mod/tnet7.css
Die werkt hier wel

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


Acties:
  • 0 Henk 'm!

Verwijderd

code:
1
2
3
4
5
6
@import http://www.fwest98.nl/tnet_mod/tnet7.css
@import 'http://www.fwest98.nl/tnet_mod/tnet7.css'
@import "http://www.fwest98.nl/tnet_mod/tnet7.css"
@import url(http://www.fwest98.nl/tnet_mod/tnet7.css)
@import url('http://www.fwest98.nl/tnet_mod/tnet7.css')
@import url(www.fwest98.nl/tnet_mod/tnet7.css)


geen teken van leven. Nog dingen die ik heb gemist?

Acties:
  • 0 Henk 'm!

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 08:13

F.West98

Alweer 16 jaar hier

Topicstarter
Verwijderd schreef op zaterdag 20 oktober 2012 @ 23:33:
code:
1
2
3
4
5
6
@import http://www.fwest98.nl/tnet_mod/tnet7.css
@import 'http://www.fwest98.nl/tnet_mod/tnet7.css'
@import "http://www.fwest98.nl/tnet_mod/tnet7.css"
@import url(http://www.fwest98.nl/tnet_mod/tnet7.css)
@import url('http://www.fwest98.nl/tnet_mod/tnet7.css')
@import url(www.fwest98.nl/tnet_mod/tnet7.css)


geen teken van leven. Nog dingen die ik heb gemist?
de puntkomma ;)
Je moet de eennalaatste hebben

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

[ Voor 14% gewijzigd door F.West98 op 20-10-2012 23: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


Acties:
  • 0 Henk 'm!

Verwijderd

Die ; doet het hem, ja. Thanks.

Acties:
  • 0 Henk 'm!

  • Donnie
  • Registratie: Maart 2001
  • Laatst online: 21-05 07:57

Donnie

AKA DonCorleone

Verwijderd schreef op zaterdag 20 oktober 2012 @ 23:24:
[...]

_/-\o_
Tweakers zoals tweakers hoort te zijn.... HELD!
Hier ben ik het volledig mee eens, heerlijk deze CSS! Ontzettend bedankt! _/-\o_

Camera: Canon EOS 7D + Canon EF 24-70mm F/2.8 L, Canon 100mm Macro L, Canon EF 70-200mm L F/4 iS, Canon 50mm F1.8, Canon EF-S 10-22mm, Canon 580ex II, Canon 430ex II, strobist meuk


Acties:
  • +1 Henk 'm!

  • Hahn
  • Registratie: Augustus 2001
  • Laatst online: 06:56
Ook maar eens die van mij dan, combinatie van CSS (in de Custom stylesheet van T.net preferences) en een paar scripts in Tampermonkey (Greasemonkey voor Chrome):

Frontpage
Afbeeldingslocatie: http://tweakers.net/ext/f/7tcF3brjVO7mvt0dIjIbSd9q/full.png

Wat is er anders?
[list]• Witte achtergrond vervangen door donkergrijs (CSS)
• Tabbladen met Alles, Computers, Beeld en geluid, etc weggehaald (categorieën gebruik ik nooit) (CSS)
• Plaatjes van grote artikelen naar rechterkant verplaatst (en grijze balk daarvan doorzichtig gemaakt) (CSS)
• Uitgelicht weggehaald (CSS)
• Ongelezen nieuwsberichten zijn rood, gelezen zijn grijs (CSS)
• Twitter- & Facebookknop weggehaald (CSS)
• Blok van IT Banen weggehaald (CSS)
• Blok van Nieuwsbrief weggehaald (CSS)
• Uit de Community weggehaald (CSS)
• Populair: Android Tablets Pc-game, etc (helemaal onderaan, in het bovenste stukje van footer) weggehaald (CSS)

Kortom, vooral veel weggehaald :+

Forum
Afbeeldingslocatie: http://tweakers.net/ext/f/mfGIXEd383YQetU0yNIBeZIM/full.png

Wat is er anders?
[list]• Active Topics en MyReact staan in grijze balk bovenin, zodat je overal vandaan naar AT/MyReact kunt (Script)
• Tabbladen met Forum, Active Topics en MyReact overal laten zien (Script)
• Alle posts voorzien van iets donkerdere grijze balk bovenin, zodat er tenminste en balk te zien is (CSS)
• Ruimte tussen posts verkleind (CSS)
• Zoeken in topic naar zoekterm en user aan de rechterkant toegevoegd (Script)


En dat was het volgens mij wel zo'n beetje.

Mijn CSS (flink rommeltje, maar het doet alles wat ik hierboven heb beschreven :+):
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
#about
{
 top: -10px !important;
}

/* Forumberichten een kleur geven om te onderscheiden */
#messages div.message .messageheader {
background-color: #E6E6E6  !important;
}

/* Eigen bericht highlighten */
#messages div.message .ownpost{
background-color: #D9ECFF !important;
}


/*Hoeveelheid lege ruimte boven en onderin */
#contentArea{padding-top: 0px; padding-bottom: 130px }

/* Tracker iets minder breed maken en verschuiven naar links en naar boven */
.trackerPopup { 
width:316px !important; 
left: -341px !important; 
top:-10px !important;}

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

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

.fpaItem div.imageContainer {
width: 100%;
}

.fpaItem img {
    margin-left: -50px;
}

    .fpaItem div.textContainer { 
      bottom: 0 !important; 
      left: 0 !important; 
      opacity: 0.8 !important; 
      position: absolute !important; 
      font-size: 13px;
      line-height: 18px;
      padding: 4px;
      width: 100%;
      height: inherit !important; 
    }   

/* Posts iets dichterbij in een topic */ 
div.message  
    { 
    margin-bottom: 5px !important; 
}

#mynotepad textarea {
height: 100px;
}

.fpaItem:hover .imageContainer {opacity:0.7}
table.highlights td {padding: 8px}

body {
background: #252727 url('http://tweakers.net/ext/f/fUm8jfn2Uwv3GRZCQCGmhr6p/full.gif') repeat-y center;}

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

#searchbar {
border-radius:0;
z-index:1;
}

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

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

#fp_tabs_container{
    display: none;
}

#highlights {
display: none;
}

#community{
display: none;
}

#newsletter{
display: none;
}

#ticker{
display:none;
}  

div#contentArea { 
    background-color: #FFF; 
    border: 20px solid #FFF;
} 

.frontPageLink { 
color: #B00000;  
} 

.frontPageLink:visited {  
color: #333; 
}

table.listing td
{
    padding-top: 4px;
    padding-bottom: 4px;
}

.pwIndexSection H2, #pwPopularCats, .pwContent P{
display: none !important;
}

/* Frontpage: Related Jobs */ 
.relatedJobs { 
  display: none; 
}

#socialButtons{
display: none !important;
}

.twitterButton, .facebookButton {
display: none !important;
}

/* IT Banen weg */
#jobs {
display: none !important;
}

Zullen vast ook wat dingen dubbel in staan.

Active Topics & MyReact in grijze balk bovenin (Greasemonkey/Tampermonkey script):
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
// ==UserScript== 
// @name        Forum dropdown 
// @namespace   userscripts 
// @include     http://*.tweakers.net/* 
// @include     http://tweakers.net/* 
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js 
// @version     1 
// ==/UserScript== 

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

menu.append('<li><a href="http://gathering.tweakers.net/forum/list_activetopics">Active Topics</a></li><li><a href="http://gathering.tweakers.net/forum/myreact">MyReact</a></li>')

Overal tabbladen met Forum/Active Topics/MyReact op het forum (Greasemonkey/Tampermonkey script):
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// ==UserScript== 
// @name        Add tabs to Forum 
// @namespace   userscripts 
// @include     http://gathering.tweakers.net/* 
// @version     1 
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js 
// @grant       none  
// ==/UserScript== 

var forumHeading = $('div#forumheading'); 

if($('div#forum_tabs').length == 0) { 
    forumHeading.prepend('<div id="forum_tabs"><div class="pageTabs"><ul><li id="tab_forum_main" class="active"><a href="http://gathering.tweakers.net/forum">Forum</a></li><li id="tab_forum_activetopics"><a href="http://gathering.tweakers.net/forum/list_activetopics">Active Topics</a></li><li id="tab_forum_myreact"><a href="http://gathering.tweakers.net/forum/myreact">MyReact</a></li></ul></div>'); 
}


Zoeken in topic op zoekterm en user aan de rechterkant in topics (Greasemonkey/Tampermonkey script):
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// ==UserScript== 
// @name        Zoek in topic 
// @namespace   userscripts 
// @include     http://gathering.tweakers.net/forum/list_messages/* 
// @version     1 
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js 
// @grant       none  
// ==/UserScript== 

var sidebar = $('div#sidebar'); 
var topicId = $('input[name="data[topicid]"]'); 
var searchUrl = 'http://gathering.tweakers.net/forum/list_messages/'+topicId.val(); 

var keywordSearch = '<form style="margin-bottom:10px;"action="'+searchUrl+'"><label for="keyword"><strong>Zoekterm</strong></label><input type="text" class="keywordSearch" id="keyword" name="data[filter_keywords]"></form>'; 
var userSearch = '<form style="margin-bottom:10px;" action="'+searchUrl+'"><label for="user"><strong>User</strong><br /></label><input type="text" id="user" class="keywordSearch" name="data[filter_userids]"></form>'; 

sidebar.prepend('<div id="topic-search">'+keywordSearch + userSearch+'</div><br />');

The devil is in the details.


Acties:
  • 0 Henk 'm!

  • Madrox
  • Registratie: Mei 2002
  • Laatst online: 23-08 22:42

Madrox

Oh, Pharaoh!

Moi_in_actie schreef op zaterdag 20 oktober 2012 @ 23:17:
Ik heb me ook maar eens een custom CSS aangezet, grotendeels opgebouwd uit cobinaties van bestaande CSS's die hier eerder geplaatst zijn, aangevuld met wat eigen tweaks. Het resultaat is als volgt:

Homepage
[afbeelding]

Forum
[afbeelding]

Later nog eens wat verder gaan sleutelen :)
Mag ik jouw code, je hebt precies de layout die ik wens :)

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


Acties:
  • 0 Henk 'm!

  • Blue-eagle
  • Registratie: September 2000
  • Niet online
Toch grappig dat we (blijkbaar) als community binnen enkele dagen een heleboel features kunnen bouwen, stijlfixes kunnen doorvoeren en dit publiekelijk maken voor de rest, en de ontwikkelaars bij Tweakers er zelf nogal wat moeite mee lijken te hebben :) Positief bedoeld overigens, heerlijk zo'n community als dit. Cherrypick je favoriete stijlen en hang dat in je plugin, en klaar ben je.

Eigenlijk zijn mijn grootste wens zijn dat de Tweakers ontwikkelaars de HTML zodanig opzetten dat we er meer mee kunnen. Bijvoorbeeld: categorieen op de FP als class attribuut in de TR zetten, zodat je die hele rij makkelijk met CSS kan selecteren en stylen.

Persoonlijk zou ik iedereen op Tweakers een CSS en misschien zelfs een scripting optie geven. Bouw een community om stylesheets en scripts waar men heel simpel 1 of meerdere "plugins" kan kiezen. Onderverdelen in "plugins" en "restyles", per plugin/style aan kunnen geven met welke anderen hij compatible is, en klaar!

Tweakers levert de basis; de community vult het aan en in naar eigen wens :)

Acties:
  • 0 Henk 'm!

  • Moi_in_actie
  • Registratie: Maart 2007
  • Laatst online: 16:07
Madrox schreef op zaterdag 20 oktober 2012 @ 23:55:
[...]

Mag ik jouw code, je hebt precies de layout die ik wens :)
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
body { 
    background: #444; 
} 

#menubar { 
    width: 1040px;
    border-radius: 8px 8px 0 0; 
    height: 45px; 
    margin-bottom: 36px;
} 

#searchbar { 
    width: 1020px; 
    height: 0px; 
    margin: 0 auto; 
    background: none; 
    position: relative; 
} 
#layout {
    background: url(http://i.imgur.com/5WOLZ.jpg)
                fixed no-repeat top center #000 !important;
    min-height: 1000px;
}
#search { 
    position: absolute; 
    width: 286px; 
    right: 20px; 
    top: 22px; 
    padding: 0; 
} 

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

.mainSearchSuggest { 
    margin-left: -311px; 
} 

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

#search input.submit { 
    height: 24px; 
    background-position: 1px -75px; 
} 
/* High header content */ 
.galleryHeadingContainer, 
.pageTabsContainer, 
#tabs, 
#tweakbase { 
    margin: 0 auto; 
    width: 1020px; 
} 

#b_tb { 
    margin-left: 0; 
} 

#contentArea { 
    width: 1000px;
    background: #fff; 
    padding: 24px 20px 150px; 
} 

#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: 13px; 
    padding: 4px; 
    position: absolute; 
    bottom: 0; 
} 

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

#fp_tabs, 
#forum_tabs { 
    padding-top: 0; 
} 

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

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

h1, h2, h3, p { 
  margin: 0 0 10px; 
} 
table.highlights { 
    margin-bottom: 15px; 
} 

.articleColumn, 
.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; 
} 
#bottom {
background: url(http://i.imgur.com/5WOLZ.jpg)
                fixed no-repeat top center #000 !important;
}

#bottom .hr { 
    display: none;
}
#imageContainer{
    width: 150px;
}

.jobImage {
    display: none;
}

#sidebar {
     width: 190px;
}

table.fixedLayout td  {
    font-size: 11px;
}


Alstu :)


edit: heb m in de extention zo ingesteld dat ie bij de volgende 4 links altijd neemt: "applies to urls starting with"

code:
1
2
3
4
http://tweakers.net/
http://gathering.tweakers.net/
http://tweakblogs.net/
https://secure.tweakers.net/

[ Voor 3% gewijzigd door Moi_in_actie op 21-10-2012 00:23 ]

Ryzen 9 9950X3D ~~ 32GB GSkill TridentZ 6000Mhz ~~ ASRock B850M Steel Legend ~~ Powercolor Hellhound RX9070XT


Acties:
  • 0 Henk 'm!

  • Hero of Time
  • Registratie: Oktober 2004
  • Nu online

Hero of Time

Moderator LNX

There is only one Legend

Ik ben nu bezig om de quick reply wat de modden. Ik probeer 'm breder te krijgen, en net even iets hoger, maar wat ik er ook in dump, 't wil niet werken. Terwijl als ik 't in Dragonfly direct aanpas, hij wel werkt.

Dit zou de code moeten zijn:
Cascading Stylesheet:
1
2
3
4
form dl dd textarea {
    height: 200px !important;
    width: 950px !important;
}

Maar dat werkt dus niet :(. Wat doe ik fout?

Commandline FTW | Tweakt met mate


Acties:
  • 0 Henk 'm!

  • Caelorum
  • Registratie: April 2005
  • Laatst online: 16:02
Hero Of Time schreef op zondag 21 oktober 2012 @ 00:21:
Ik ben nu bezig om de quick reply wat de modden. Ik probeer 'm breder te krijgen, en net even iets hoger, maar wat ik er ook in dump, 't wil niet werken. Terwijl als ik 't in Dragonfly direct aanpas, hij wel werkt.

Dit zou de code moeten zijn:
Cascading Stylesheet:
1
2
3
4
form dl dd textarea {
    height: 200px !important;
    width: 950px !important;
}

Maar dat werkt dus niet :(. Wat doe ik fout?
Zoiets als dit?
Afbeeldingslocatie: https://dl.dropbox.com/u/230931/tweakers.net/quickreplybox_custom_css.PNG
Cascading Stylesheet:
1
2
3
4
5
6
/* quickreply box fix voor gebruik van gehele ruimte */
#topicReplyWarning p { margin-left: 0px; }
#quickreply_form fieldset dl dt { width: 0px; padding-left: 8px; }
#quickreply_form fieldset dl dd { padding-left: 8px; }
#quickreply_form fieldset .formsubmit { padding-left: 8px; }
#quickreply_form fieldset dl dd textarea { width: 758px; }

Je regels zijn denk ik nog niet specifiek genoeg btw.

[ Voor 4% gewijzigd door Caelorum op 21-10-2012 00:28 ]


Acties:
  • 0 Henk 'm!

Verwijderd

code:
1
2
3
form dl dd textarea {
    height: 420px;
}


Doet het bij mij perfect. Zeker weten dat de rest van je CSS deugt?

Acties:
  • 0 Henk 'm!

  • Hero of Time
  • Registratie: Oktober 2004
  • Nu online

Hero of Time

Moderator LNX

There is only one Legend

Die code is wat ik zie in Dragonfly, dus dan neem ik aan dat het de QR box verandert. M'n hele CSS heb ik aangepast adhv wat ik daar zie. De topic warning is wel breed.

Commandline FTW | Tweakt met mate


Acties:
  • 0 Henk 'm!

  • pedorus
  • Registratie: Januari 2008
  • Niet online
Ik vermoed ook dat je ergens daarvoor een foutje hebt, waardoor de css stopt met parsen. Zeker met !important is het meer dan specifiek genoeg. ;)

Vitamine D tekorten in Nederland | Dodelijk coronaforum gesloten


Acties:
  • 0 Henk 'm!

  • Caelorum
  • Registratie: April 2005
  • Laatst online: 16:02
pedorus schreef op zondag 21 oktober 2012 @ 00:32:
Ik vermoed ook dat je ergens daarvoor een foutje hebt, waardoor de css stopt met parsen. Zeker met !important is het meer dan specifiek genoeg. ;)
Had de !important gemist. Zelf gebruik ik die eigenlijk nooit :)

Acties:
  • 0 Henk 'm!

  • Hero of Time
  • Registratie: Oktober 2004
  • Nu online

Hero of Time

Moderator LNX

There is only one Legend

M'n CSS kan niet stoppen met parsen, want 't staat niet onderaan. Onder m'n QR aanpassing heb ik nog de Bekijk Bericht aanpassing, en die doet 't wel ;). Zelfs copy/pasten heeft geen effect.

Commandline FTW | Tweakt met mate


Acties:
  • 0 Henk 'm!

Verwijderd

Is er al een mogelijkheid om de tracker op de FP weer te geven middels Greasemonkey op een beeldscherm van 1280x?

Acties:
  • 0 Henk 'm!

  • Hero of Time
  • Registratie: Oktober 2004
  • Nu online

Hero of Time

Moderator LNX

There is only one Legend

Owkee.... vage shit, maar ik heb 't. Blijkbaar moet ik er nog #messageBox bij zetten :S. Dus dit:
Cascading Stylesheet:
1
2
3
4
5
form dl dd textarea#messageBox { 
font-size: 13px;
height: 200px !important;
width: 950px !important;
}

Font kan dus ook groter :)

Commandline FTW | Tweakt met mate


Acties:
  • 0 Henk 'm!

Verwijderd

Hoe kun je dat Let op: scherm groter maken :?.

Acties:
  • 0 Henk 'm!

Verwijderd

Verwijderd schreef op zondag 21 oktober 2012 @ 00:35:
Is er al een mogelijkheid om de tracker op de FP weer te geven middels Greasemonkey op een beeldscherm van 1280x?
Kan zelfs zonder greasemonkey:

code:
1
2
3
4
5
6
.trackerPopup {
    width: 260px !important;
    left: 1000px !important;
    top: 81px !important;
    display: block !important;
}

parmeters aanpassen naar wens. Binnen een minuutje gevonden. Heeft daar nu echt niemand anders aan gedacht.

/me laat de tracker overigens gewoon uit.

Acties:
  • 0 Henk 'm!

Verwijderd

Je kunt de tracker dan alleen aanzetten en niet meer uitzetten, maar bij aanklikken van bijvoorbeeld een nieuwsartikel (wisselen/verversen van webpagina) verdwijnt die wel. Je moet hem dan telkens handmatig aanklikken.

[ Voor 14% gewijzigd door Verwijderd op 21-10-2012 01:42 ]


Acties:
  • 0 Henk 'm!

Verwijderd

Niet bij mij hoor... Met die CSS staat hij er altijd. Ik kan hem niet eens meer uitzetten.

Acties:
  • 0 Henk 'm!

  • Pompi
  • Registratie: November 2009
  • Nu online
Verwijderd schreef op zondag 21 oktober 2012 @ 01:43:
Niet bij mij hoor... Met die CSS staat hij er altijd. Ik kan hem niet eens meer uitzetten.
Bij mij is het hetzelfde als ChicaneBT zegt, dus misschien heb jij ergens eerder in je CSS al iets staan wat betrekking heeft op de tracker of misschien heb jij wel genoeg px

Acties:
  • 0 Henk 'm!

Verwijderd

Dat betwijfel ik. Mijn browser staat op de halve breedte {903px ofzo) en op wat uitgecommente @imports en dat code snippet van 2 posts terug na is mijn custom CSS leeg.

Het kan natuurlijk zo zijn dat hij de tracker in de eerste instantie niet laad bij schermresoluties (niet broweserresolutie) < 15xx breed.

[ Voor 29% gewijzigd door Verwijderd op 21-10-2012 01:50 ]


Acties:
  • 0 Henk 'm!

  • Blue-eagle
  • Registratie: September 2000
  • Niet online
Nu heb ik de reacties op de homepage naar mijn eigen wensen ingericht qua styling en functionaliteit.Zoals je ziet heb ik ook de usericons weggehaald en de username + timestamp op 1 regel gezet, en tevens de "reageer"-knop rechts uitgelijnd. Deze is nog spuuglelijk, dus die ga ik nog fixen. De moderatie zooi staat bij mij niet aan en wil ik ook aanpakken.

Acties:
  • 0 Henk 'm!

  • Hero of Time
  • Registratie: Oktober 2004
  • Nu online

Hero of Time

Moderator LNX

There is only one Legend

Verwijderd schreef op zondag 21 oktober 2012 @ 01:17:
Hoe kun je dat Let op: scherm groter maken :?.
Groter hoe? De Topic Warning was bij mij net zo groot als de posts zelf, heb ik niets voor hoeven doen. Posts verbreden == TW verbreden.

Commandline FTW | Tweakt met mate


Acties:
  • 0 Henk 'm!

Verwijderd

Nope
code:
1
2
3
4
5
6
/* bredere topicwarning */
fieldset.modbreak {
    width: 750px;
    position: relative;
    left: -130px;
}


Werkt perfect. Maar overtreed de gouden regel van X aantal woorden per regel. Dus ik sloop hem weer uit mijn persoonlijke stylesheet.

[ Voor 28% gewijzigd door Verwijderd op 21-10-2012 02:07 ]


Acties:
  • 0 Henk 'm!

Verwijderd

Thanks met een kleine aanpassing in px werkt het perfect ;).

Acties:
  • 0 Henk 'm!

  • Pompi
  • Registratie: November 2009
  • Nu online
Omdat ik nog redelijk nieuw tot CSS, ben ik even gaan klooien en heb de Persgroep maar van de pagina afgehaald maar heb de rest van de about wel laten staan. Weet alleen niet of ze op prijs stellen dat ik neer zet wat de CSS code daarvan is :P

Acties:
  • 0 Henk 'm!

  • Blue-eagle
  • Registratie: September 2000
  • Niet online
Pompi schreef op zondag 21 oktober 2012 @ 02:07:
Omdat ik nog redelijk nieuw tot CSS, ben ik even gaan klooien en heb de Persgroep maar van de pagina afgehaald maar heb de rest van de about wel laten staan. Weet alleen niet of ze op prijs stellen dat ik neer zet wat de CSS code daarvan is :P
Bij mij is die hele footer weg :+

Cascading Stylesheet:
1
#bottom { display: none; }


O-)

Acties:
  • 0 Henk 'm!

  • Pompi
  • Registratie: November 2009
  • Nu online
Blue-eagle schreef op zondag 21 oktober 2012 @ 02:09:
[...]

Bij mij is die hele footer weg :+

Cascading Stylesheet:
1
#bottom { display: none; }


O-)
Hahah ja dat kan ook, maar het rare is dat de about first-child p is en dan er onderstaat blablabla de Persgroep en dat is gewoon about p. Dus moest even goed kijken

Acties:
  • 0 Henk 'm!

  • Hero of Time
  • Registratie: Oktober 2004
  • Nu online

Hero of Time

Moderator LNX

There is only one Legend

Verwijderd schreef op zondag 21 oktober 2012 @ 01:58:
Nope
code:
1
2
3
4
5
6
/* bredere topicwarning */
fieldset.modbreak {
    width: 750px;
    position: relative;
    left: -130px;
}


Werkt perfect. Maar overtreed de gouden regel van X aantal woorden per regel. Dus ik sloop hem weer uit mijn persoonlijke stylesheet.
Jawel, dit is mijn modbreak css:
Cascading Stylesheet:
1
2
3
4
5
6
7
/* Modbreak */
fieldset.modbreak {
    background: #800000 !important;
}
fieldset.modbreak legend {
    color: #FFE900 !important;
}

En toch is het net zo breed als m'n berichten.

Die heb ik met dit overigens gemaakt:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
/** Forum replies */
/* Message content */
div.info, div.message, div.faq, form.form1, form.form2, #folders, #myprofilecontainer, table.info {
    background-color: #212323 !important;
    color: #EDEEEE;
}
#messages, .topic_actions {
    width: 1120px !important;
    padding-left: 5px !important;
}
div.message div.post div.messagecontent {
    width: 960px !important;
    margin-right: 5px !important;
}
/* Hyperlinks in messages Tweakers green */
div.messagecontent a {
    color: #D9FF26 !important;
}
/* Remove space between messages */
div.message, div.faq {
    margin-bottom: 0px !important;
}
/* Lighten the header a bit */
div.message div.messageheader {
    background-color: #262828 !important;
}
/* Make your own post 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;
}
/* Some padding for the post */
div.message div.post {
    padding: 5px 2px 4px 10px !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;
}

Pak er maar uit wat je wilt :)

Commandline FTW | Tweakt met mate


Acties:
  • 0 Henk 'm!

Verwijderd

Pompi schreef op zondag 21 oktober 2012 @ 02:07:
Omdat ik nog redelijk nieuw tot CSS, ben ik even gaan klooien en heb de Persgroep maar van de pagina afgehaald maar heb de rest van de about wel laten staan. Weet alleen niet of ze op prijs stellen dat ik neer zet wat de CSS code daarvan is :P
Of je gaat voor politiek correct. En auto-hide het ding zonder verlies van functionaliteit.

code:
1
2
3
4
5
/* verwijder footer. Toon @ mouseover */
#bottom > #about { display: none; }
#bottom:hover > #about { display: block; }
#bottom { height: auto; }
#contentArea { padding-bottom: 30px; }


Werkt sowieso veel beter. Komop tweakers. Ik wil geen 170 pixels default aan de onderkant. Dat vernielt de functionaliteit van de end knop. Ik kan met deze tweak niet eens mijn volledige bericht lezen na het indrukken van end omdat daar ook nog de quickreply en topicwarning staan..

[ Voor 18% gewijzigd door Verwijderd op 21-10-2012 02:33 ]


Acties:
  • 0 Henk 'm!

  • Ramon
  • Registratie: Juli 2000
  • Laatst online: 18:07
Blue-eagle schreef op zondag 21 oktober 2012 @ 01:52:
Nu heb ik de reacties op de homepage naar mijn eigen wensen ingericht qua styling en functionaliteit.Zoals je ziet heb ik ook de usericons weggehaald en de username + timestamp op 1 regel gezet, en tevens de "reageer"-knop rechts uitgelijnd. Deze is nog spuuglelijk, dus die ga ik nog fixen. De moderatie zooi staat bij mij niet aan en wil ik ook aanpakken.
Die reacties zijn een stuk beter en duidelijker dan hoe het nu is! Niet met van die rare fliebel lijntjes die soms er wel staan en soms niet....

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


Acties:
  • 0 Henk 'm!

  • pedorus
  • Registratie: Januari 2008
  • Niet online
Ramon schreef op zondag 21 oktober 2012 @ 02:30:
Die reacties zijn een stuk beter en duidelijker dan hoe het nu is! Niet met van die rare fliebel lijntjes die soms er wel staan en soms niet....
lol. Die lijntjes zorgen ervoor dat je makkelijk kan zien wie er op wie reageert.. Misschien is het in de standaard css niet zo duidelijk, maar hier met mijn eigen css-geklooi is het mij vrij duidelijk. Haal je die lijntjes weg, dan zie je juist bijna niet meer wie waar op reageert in ingewikkeldere situaties. :p

Vitamine D tekorten in Nederland | Dodelijk coronaforum gesloten


Acties:
  • 0 Henk 'm!

  • Blue-eagle
  • Registratie: September 2000
  • Niet online
pedorus schreef op zondag 21 oktober 2012 @ 02:44:
[...]

lol. Die lijntjes zorgen ervoor dat je makkelijk kan zien wie er op wie reageert.. Misschien is het in de standaard css niet zo duidelijk, maar hier met mijn eigen css-geklooi is het mij vrij duidelijk. Haal je die lijntjes weg, dan zie je juist bijna niet meer wie waar op reageert in ingewikkeldere situaties. :p
Dat het überhaupt al tree-lijnen zijn was mij niet direct duidelijk bij de oorspronkelijke layout. Er zit wel logica in, maar daar moet je eerst bijzonder goed over nadenken. Ik dacht namelijk eerst dat het vlakken waren die soms opeens verdwenen (laatste reactie in een tree).

Dat terzijde, een tree-view zoals hij standaard op t.net staat is alsnog bijzonder lastig te volgen omdat de reactievlakken zelf zo ongelooflijk groot zijn. Je moet alsnog je muis bij het lijntje houden om te weten waar nou op wordt gereageerd...

Daarom heb ik een paar dingen aangepast:
  1. Minder hoogte in reactieblokken, wat dus in de hoogte veel meer reacties kan tonen per keer in je browserscherm.
  2. Alle lijntjes weg, reacties springen nu gewoon veel meer in naar rechts, waar toch meer dan genoeg ruimte voor is omdat die hele rechterkant standaard gewoon wit is.
  3. Reacties en de daarop geplaatste reacties kunnen worden ingeklapt zodra je besluit een branch aan reacties niet interessant te vinden. Je kan dus snel verder naar de volgende zonder dat je de context (main reactie) verliest.
  4. Mocht je besluiten een bepaalde tak aan reacties in zijn geheel niet interessant te vinden (weer 20 pagedowns aan gezeur over iemand die M$ typt) dan kan je die gewoon inklappen en verder gaan naar de volgende, zonder te hoeven zoeken.
Jouw design zegt toch ook al genoeg, je moet met dikke vlakken gaan werken om het geheel duidelijk te maken. Dat wat T.net standaard aan heeft staan heet in mijn werk gewoon "slecht design".




Edit: Full-page background gemaakt voor de sfeer :+ Hier drie voorbeeldjes, PM maar als iemand de code wilt.

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

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

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

[ Voor 6% gewijzigd door Blue-eagle op 21-10-2012 03:44 ]


Acties:
  • 0 Henk 'm!

  • Madrox
  • Registratie: Mei 2002
  • Laatst online: 23-08 22:42

Madrox

Oh, Pharaoh!

Kom maar op met die code :9~

ps: Hoorde btw. over die klachten dat er zoveel code werd gepost, zit ineens te denken; waarom kunnen we die code niet achter een spoiler verstoppen, zoals je wel ziet bij hints etc. van games. Gewoon een spoiler tag, die uiteraard uit en inklapbaar is ?

[ Voor 84% gewijzigd door Madrox op 21-10-2012 05:20 ]

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

Pagina: 1 ... 8 ... 22 Laatste

Let op:
Dump hier niet zomaar je hele complete stylesheet zonder enig comentaar. Zo wordt het topic erg onoverzichtelijk en zien we de door de CSS de stylesheets niet meer ;) Heb je een leuke wijziging die wat toevoegt (iets anders dan dan background-color van #FF0000 naar #FF0011) dan zien we die natuurlijk graag!