Betere pagina-navigatie op GoT

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

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 Tweakers user 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 Tweakers user 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 Tweakers user 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 Tweakers user Rhapsody, donderdag 25 november 2010 13:38

Daarom doe ik een beroep op je :P 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 Tweakers user jmxd, donderdag 25 november 2010 13:41

Rhapsody schreef op donderdag 25 november 2010 @ 13:38:
Daarom doe ik een beroep op je :P 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 :P

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


Door Tweakers user kipusoep, 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 Tweakers user 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 Tweakers user 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 Tweakers user 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 Tweakers user jmxd, donderdag 25 november 2010 14:43

of gewoon

Cascading Stylesheet:
1
html, body { display: none; }



:+

Door Tweakers user 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 Tweakers user 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 Tweakers user 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 :P

Door Tweakers user 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 Tweakers user 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 Tweakers user Xghost, donderdag 25 november 2010 15:27

Super man! Bedankt!

Door Tweakers user jmxd, donderdag 25 november 2010 16:02

De tag en product koppel buttons zijn gefixt :D

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

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


Door Tweakers user Rhapsody, donderdag 25 november 2010 16:04

In IE9 lijkt het allemaal prima te werken :D

Door Tweakers user TerraGuy, donderdag 25 november 2010 16:06

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

Door Tweakers user lexi, donderdag 25 november 2010 16:31

toppie, mooier dan de basic versie!

Door Tweakers user HyperBart, donderdag 25 november 2010 16:46

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


Door Tweakers user scorchnl, donderdag 25 november 2010 17:59

heel erg mooi :) 10 punten voor jou

Door Tweakers user __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 Tweakers user PixelShooter, donderdag 25 november 2010 23:53

Ben ik blij dat ik deze feature heb unlockt in de karmastore :D
Hij doet het purrrfect! :9

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 Tweakers user 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 :D
Hij doet het purrrfect! :9

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 Tweakers user PixelShooter, 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 :D
Super!

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


Door Tweakers user 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 :D
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 Tweakers user 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 Tweakers user 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 Tweakers user 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 Tweakers user 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 Tweakers user 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 Tweakers user 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