Betere pagina-navigatie op GoT

Let op: Tweakers stopt per 2023 met Tweakblogs. In dit artikel leggen we uit waarom we hiervoor hebben gekozen.

Door jmxd op donderdag 25 november 2010 12:30 - Reacties (35)
Categorie: Custom CSS, Views: 6.265

Al een tijd erger ik me aan de pagina-navigatie op GoT, het is erg klein en een mis-klik is snel gemaakt. Daarom heb ik besloten er zelf wat aan te doen, en het wat gebruiksvriendelijker te maken.

De CSS past de pagina-knoppen aan in alle topics, de post history en de myReact. Ook geeft hij de knoppen "Nieuw Topic" en "Reageer" de zelfde stijl mee.

In topics zal het er zo uit zien:

http://tweakers.net/ext/f/GFcxZHCPYIxLRQPfERFOX3zs/full.png

http://tweakers.net/ext/f/QsQEjwxpJO6EBpX7qMX1DFlv/full.png

En in je myReact zal het er zo uit zien:

http://tweakers.net/ext/f/hzxaw3wHqiMfC9SlbhiIvvnz/full.png

Om dit ook in te stellen hoef je alleen maar de volgende code aan je persoonlijke CSS toe te voegen:

Cascading Stylesheet:

1	@import url('http://files.jamiemarciano.me/tweakers/custom.css');

Er van uit gaande dat je de Custom CSS in de Karmastore geactiveerd hebt.

Je kan ook de gehele code uit het .css bestand in je eigen CSS zetten, maar dan loop je eventuele tweaks en updates die ik maak mis.

Reacties

Door Booster, donderdag 25 november 2010 13:01

Het maakt sommige pagina's wel wat onrustiger, maar ik houd wel van *iets* grotere knopjes dan standaard. Ziet er keurig uit

Door Rhapsody, donderdag 25 november 2010 13:02

Ziet er erg goed uit! Bedankt.

In IE8 is de geselecteerde pagina wat lager gepositioneerd dan de overige knopjes trouwens.

[Reactie gewijzigd op donderdag 25 november 2010 13:02]

Door jmxd, donderdag 25 november 2010 13:06

Rhapsody schreef op donderdag 25 november 2010 @ 13:02:
Ziet er erg goed uit! Bedankt.

In IE8 is de geselecteerde pagina wat lager gepositioneerd dan de overige knopjes trouwens.

Hmm, ja ik heb het getest in de nieuwste versies van Safari en Chrome onder OS X. Heb geen IE waar ik het kan testen, en om heel eerlijk te zijn vind ik het ook niet - heel - belangrijk.

Je zou zelf de gehele code in je custom css kunnen kopieren en zelf wat aanpassingen maken, maar op die manier loop je wel updates van mijn kant mis, mochten die er komen.

Verder bedankt ;)

Door Rhapsody, donderdag 25 november 2010 13:38

Daarom doe ik een beroep op je

zal vanavond even kijken (of vanzelf wel zien) hoe het in IE9 is.

Hier op Win2k3 kan natuurlijk geen IE9 geinstalleerd worden. Die knopjes bij de myreact zie ik overigens helemaal niet?

Door jmxd, donderdag 25 november 2010 13:41

Rhapsody schreef op donderdag 25 november 2010 @ 13:38:
Daarom doe ik een beroep op je zal vanavond even kijken (of vanzelf wel zien) hoe het in IE9 is.

Hier op Win2k3 kan natuurlijk geen IE9 geinstalleerd worden. Die knopjes bij de myreact zie ik overigens helemaal niet?

Als je zin hebt om er naar te kijken / fixen in IE dan graag

misschien dat IE dit negeert (myReact)
code:

1	td small a {}

Redelijk vieze manier om het te stijlen maar het kan niet anders

[Reactie gewijzigd op donderdag 25 november 2010 13:41]

Door plofkip, donderdag 25 november 2010 13:53

Nice!

Kun je het niet ook op de frontpage e.d. laten werken? Zoals hier: http://tweakers.net/archieven/cat/1/nieuws

Door jmxd, donderdag 25 november 2010 14:11

kipusoep schreef op donderdag 25 november 2010 @ 13:53:
Nice!
Kun je het niet ook op de frontpage e.d. laten werken? Zoals hier: http://tweakers.net/archieven/cat/1/nieuws

Zal ik vanavond wel even naar kijken

Door opblaashaas, donderdag 25 november 2010 14:20

En op 1 april gooi je er een goatse.cx in?
Zou op zich wel episch zijn.

Door BioHazard, donderdag 25 november 2010 14:42

opblaashaas schreef op donderdag 25 november 2010 @ 14:20:
En op 1 april gooi je er een goatse.cx in?
Zou op zich wel episch zijn.

LOL zou vrij geniaal zijn, al dan geen goatse, maar iets met meer takt.

Door BioHazard, donderdag 25 november 2010 14:42

Tact met een C

Door jmxd, donderdag 25 november 2010 14:43

of gewoon

Cascading Stylesheet:

1	html, body { display: none; }

Door YopY, donderdag 25 november 2010 14:48

Cascading Stylesheet:

1
2
3

-webkit-transform: rotate(180deg); 
-moz-transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

[Reactie gewijzigd op donderdag 25 november 2010 14:49]

Door TerraGuy, donderdag 25 november 2010 15:23

Woei, nice!

Het is even wennen, maar ik ga het omarmen.

Nog een bugje ontdekt, op Hulp bij nieuw moederbord ter vervanging Asus M3N-WS gaat er bijvoorbeeld iets niet goed. Ik dit dit in FF3.6.6.

Door jmxd, donderdag 25 november 2010 15:24

TerraGuy schreef op donderdag 25 november 2010 @ 15:23:
Woei, nice! Het is even wennen, maar ik ga het omarmen.

Nog een bugje ontdekt, op Hulp bij nieuw moederbord ter vervanging Asus M3N-WS gaat er bijvoorbeeld iets niet goed. Ik dit dit in FF3.6.6.

Oei, dat ga ik even proberen te fixen! Ik heb zelf tags uit staan dus heb helemaal geen rekening gehouden/vergeten die buttons

Door TerraGuy, donderdag 25 november 2010 15:25

Oh, is er trouwens ook een verzameltopic voor custom css?

Heb gezocht op GoT en via Google, maar ik kon niets vinden.

Heb het sinds net geactiveerd, en kan me herinneren dat er blogs aan gewijd zijn, maar ik kan nu niets meer vinden.

Door jmxd, donderdag 25 november 2010 15:25

TerraGuy schreef op donderdag 25 november 2010 @ 15:25:
Oh, is er trouwens ook een verzameltopic voor custom css? Heb gezocht op GoT en via Google, maar ik kon niets vinden.
Heb het sinds net geactiveerd, en kan me herinneren dat er blogs aan gewijd zijn, maar ik kan nu niets meer vinden.

http://gathering.tweakers.net/forum/list_messages/1427166

Door Xghost, donderdag 25 november 2010 15:27

Super man! Bedankt!

Door jmxd, donderdag 25 november 2010 16:02

De tag en product koppel buttons zijn gefixt

http://tweakers.net/ext/f/LE2kte7lYCAioM262mA5filU/full.png

[Reactie gewijzigd op donderdag 25 november 2010 16:02]

Door Rhapsody, donderdag 25 november 2010 16:04

In IE9 lijkt het allemaal prima te werken

Door TerraGuy, donderdag 25 november 2010 16:06

Nice, ik dacht even dat je het geblocked had, maar deze is inderdaad nog beter. $_/-\o_$

Door lexi, donderdag 25 november 2010 16:31

toppie, mooier dan de basic versie!

Door HyperBart, donderdag 25 november 2010 16:46

Held! Ziet er echt goed uit en stoorde me ook al langer!

Door jmxd, donderdag 25 november 2010 17:55

kipusoep schreef op donderdag 25 november 2010 @ 13:53:
Nice!
Kun je het niet ook op de frontpage e.d. laten werken? Zoals hier: http://tweakers.net/archieven/cat/1/nieuws

done

Door scorchnl, donderdag 25 november 2010 17:59

heel erg mooi

10 punten voor jou

Door __1337__, donderdag 25 november 2010 19:12

Dat ziet er echt veel beter uit, bedankt dat je dit wilt delen en ga zo door

[Reactie gewijzigd op donderdag 25 november 2010 19:12]

Door RangedNeedles, donderdag 25 november 2010 23:53

Ben ik blij dat ik deze feature heb unlockt in de karmastore

Hij doet het purrrfect!

Alleen misschien nog dit:
Als je op 'n forumpagina de laatste pagina (last) aan het bekijken bent, is de tekst "last" gewoon tekst, er staat geen mooi 'rechthoekje' rond

Door jmxd, donderdag 25 november 2010 23:54

PixelShooter schreef op donderdag 25 november 2010 @ 23:53:
Ben ik blij dat ik deze feature heb unlockt in de karmastore
Hij doet het purrrfect!

Alleen misschien nog dit:
Als je op 'n forumpagina de laatste pagina (last) aan het bekijken bent, is de tekst "last" gewoon tekst, er staat geen mooi 'rechthoekje' rond

Ja klopt, dat komt omdat die niet te stylen valt omdat het geen elementen heeft.
Ik heb crisp (een developer op tweakers) al gevraagd of hij die tussen elementen wil zetten

Door RangedNeedles, zaterdag 27 november 2010 14:20

Twylight schreef op donderdag 25 november 2010 @ 23:54:
[...]
Ja klopt, dat komt omdat die niet te stylen valt omdat het geen elementen heeft.
Ik heb crisp (een developer op tweakers) al gevraagd of hij die tussen elementen wil zetten

Wel, ondertussen is het ook gefixt, heb ik zojuist gemerkt

Super!

[Reactie gewijzigd op zaterdag 27 november 2010 14:21]

Door jmxd, zaterdag 27 november 2010 14:42

PixelShooter schreef op zaterdag 27 november 2010 @ 14:20:
[...]

Wel, ondertussen is het ook gefixt, heb ik zojuist gemerkt
Super!

Yep

P.S.
Er komt vandaag of morgen een nieuwe versie aan, helemaal updated met nettere css en andere toevoegingen etc. Wiethoofd helpt me daarbij ^O^

Door Yorinn, zondag 28 november 2010 14:18

Hij werkt bij mij niet, wat doe ik verkeerd? Ik heb de gehele code gekopieerd en zelfs na uitloggen en daarna weer inloggen doet die het alsnog niet.

Ik gebruik Google Chrome v9.0.587.0

Ik heb het al gevonden, het werkt niet samen met andere css.

[Reactie gewijzigd op zondag 28 november 2010 14:20]

Door Yorinn, zondag 28 november 2010 15:08

Heb alleen nog wel een andere bug gevonden, als de topictitel lang is en het topic uit meerdere pagina's bestaat, dan valt de last-button op de tweede regel.

Hier een voorbeeldje.

Hopelijk valt dit op te lossen.

Door Haan, zondag 28 november 2010 16:13

Er zitten ook nog wat bugs in mbt tags en productkoppeling. Als er nog geen tags zijn, is er geen enkele knop om een tag toe te voegen. Voor het toevoegen van een product is sowieso geen knop te vinden.

Door jmxd, zondag 28 november 2010 17:50

@Yorin, dat valt niet te fixen helaas, zelfs zonder mijn css gebeurt dat soms.

@Haan sommige topics hebben gewoon geen tag en/of product koppel knoppen. dat ligt niet aan de css

Door Haan, maandag 29 november 2010 09:45

Twylight schreef op zondag 28 november 2010 @ 17:50:
@Haan sommige topics hebben gewoon geen tag en/of product koppel knoppen. dat ligt niet aan de css

jawel, want toen ik jouw CSS uitschakelde waren de knoppen er wel weer

Het ging in dit geval om een topic in 4i dat nog geen tags had.

Door Wiethoofd, woensdag 1 december 2010 15:40

Yorin schreef op zondag 28 november 2010 @ 15:08:
Heb alleen nog wel een andere bug gevonden, als de topictitel lang is en het topic uit meerdere pagina's bestaat, dan valt de last-button op de tweede regel.

Not a bug en tevens een cantfix zonder de padding te verkleinen wat weer te kleine knopjes oplevert, dan zou je het aantal posts per pagina moeten verhogen

Haan schreef op maandag 29 november 2010 @ 09:45:
jawel, want toen ik jouw CSS uitschakelde waren de knoppen er wel weer
Het ging in dit geval om een topic in 4i dat nog geen tags had.

Graag een linkje, I wanna see

Verder zou je de (voorlopige) Wiethoofd-versie moeten gebruiken, die heeft meerdere fixes en betere ondersteuning en nettere CSS

Reageren is niet meer mogelijk

Twylight

Betere pagina-navigatie op GoT

Reacties

Inloggen

Recente posts

Categorieën

Archieven

About