Verbeterde paginanavigatie op (Gathering of) Tweakers.net

Door Wiethoofd op maandag 17 oktober 2011 21:21 - Reacties (19)
CategorieŽn: Custom stylesheet, Tweakers, Views: 5.312

We schrijven november 2010: Twylight post een blog met link naar een CSS file die in de Custom CSS van Tweakers.net gebruikt kan worden om de paginanavigatie op GoT te verbeteren.

Omdat ik vond dat de CSS onnodig ingewikkeld was en niet op het complete forum werkte heb ik contact met hem opgenomen. En van het een komt het ander...

I present to you...
Een aantal weken later heb ik in samenwerking met Twylight een herwerkte versie (met ondersteuning voor paginanavigatie op de frontpage) op mijn eigen domein online gezet. De oude versie van Twilight ging daarna niet op zwart maar deed een @import van mijn herwerkte versie.

En omdat ik te lui druk eigenwijs inspiratieloos was om te bloggen stelde ik deze post steeds uit, maar genoot ik wel elke dag van de verbeterde navigatie. Deze is juist op touchscreen telefoons een welkome oplossing voor de kleine paginanummers in je myReact en navigatie in topics/threads.

Show me the magic
Natuurlijk moet ik even laten zien wat de CSS onder andere aanpast, naast de actieknoppen bij een aantal invoervelden ook het volgende:
GoT Topic
GoT Topic + verbeterde navigatie
Paginanavigatie en actieknoppen boven topics

MyReact MyReact + verbeterde navigatie
Paginanavigatie in myReact

Reageerknoppen (zonder) Reageerknoppen met verbeterde navigatie
Actieknoppen voor reageren (standaard vs. aangepast)

T.net Review T.net Review + verbeterde navigatie
Paginanavigatie in Tweakers.net Reviews

Pricewatch Pricewatch + verbeterde navigatie
Paginanavigatie in de Pricewatch

Hoe kan ik hier ook gebruik van maken!?
Simpel, zet de volgende code bovenin je Custom CSS veld:

Cascading Stylesheet: Verbeterde paginanavigatie op (Gathering of) Tweakers.net
1
@import url('http://wiethoofd.info/css/pagenav.css');


Nawoord
• Originele code en sprite voor de knoppen is afkomstig van Twylight, ik heb puur de bestaande code herschreven en uitgebreid.
• CSS is 'as is', foutjes zal ik proberen te fixen.

Volgende: Loze Gouden Steeksleutelnominatietopics 10-'11 Loze Gouden Steeksleutelnominatietopics
Volgende: EZRSS Alternative 08-'11 EZRSS Alternative

Reacties


Door Tweakers user Rob, maandag 17 oktober 2011 19:12

Ziet er ok uit, ik laat 'm eens een tijdje meedraaien!

[Reactie gewijzigd op maandag 17 oktober 2011 19:13]


Door Tweakers user Shadoxfix, maandag 17 oktober 2011 19:27

Meteen effe custom css gekocht in de karma store :P
Het werkt geweldig op m'n mobiel :D (En ik vind het er beter uit zien)

Door Tweakers user Ryan_, maandag 17 oktober 2011 19:29

Ik gebruik jou versie al een hele tijd, ben eigenlijk niet anders gewend. Toppie en ga zo door! :) _/-\o_

[Reactie gewijzigd op maandag 17 oktober 2011 19:29]


Door Tweakers user Xesxen, maandag 17 oktober 2011 19:35

Geweldig! _/-\o_ Dan heb ik gelijk iets nuttigs te doen met mijn karma.

[Reactie gewijzigd op maandag 17 oktober 2011 19:35]


Door Tweakers user KaptKoek, maandag 17 oktober 2011 20:09

Ik weet niet in welk jaar deze blogpost gemaakt is, maar bij mij ziet het forum er dus echt al lang niet meer zo uit..

Door Tweakers user ZpAz, maandag 17 oktober 2011 20:51

KaptKoek schreef op maandag 17 oktober 2011 @ 20:09:
Ik weet niet in welk jaar deze blogpost gemaakt is, maar bij mij ziet het forum er dus echt al lang niet meer zo uit..
Volgens mij kan je ergens instellen dat je de 'klassieke' weergave wil oid.

Door Tweakers user Wiethoofd, maandag 17 oktober 2011 21:18

@KaptKoek en ZpAz, dat is eveneens custom CSS, om de mapjes voor de topics in 1 kleur of de oude stijl te doen, komt ook nog een blogpost over ;)

Door Tweakers user Xaero, maandag 17 oktober 2011 22:08

Net als de header ga ik dze ook gebruiken :+. Thanks! :)

Door Tweakers user Tsurany, maandag 17 oktober 2011 22:33

Ziet er goed uit! Goed dat ik dit tegen kwam, gelijk even de nieuwste versie van je custom CSS voor die topbalk opnieuw ingesteld. Had nog een oude versie waar toch twee vlakken normale kleur doorheen kwamen, nu ook opgelost :D

Door Tweakers user Xesxen, dinsdag 18 oktober 2011 09:36

Helaas zie ik nu dat je in de topicnavigatie een knop 'last' mist. Misschien is het iets om zo'n knop te maken? '>>'

Door Tweakers user Tsurany, dinsdag 18 oktober 2011 11:16

Die knop heb ik hier wel, zit keurig in alle topics.


Door Tweakers user Knutselwout, dinsdag 18 oktober 2011 19:14

Hallooooooooooooo aarde aan Sander. Dit zijn nou de dingen waar we op wachten en die we waarderen en niet die pisvlekken waar jij over blogt.

Door Tweakers user Phyxion, woensdag 19 oktober 2011 00:19

Netjes, werkt een stuk beter!

Door Tweakers user MartijnAbel, maandag 24 oktober 2011 01:46

kben er weer superblij mee! thx! :D

Door Tweakers user jmxd, donderdag 3 november 2011 03:26

Had ik nou maar genoeg karma om mijn custom css weer opnieuw te activeren :')

^O^

Door Tweakers user TecHHeaD, zaterdag 10 december 2011 02:05

ziet er super uit!
alleen ligt het nou aan mij of aan mijn macbook dat ik geen custom-CSS veld zie/niet heb/niet zichtbaar is op mac??

DM plz

Door Tweakers user jmxd, dinsdag 27 december 2011 18:02

Ik gebruik ook Mac.

Je kan natuurlijk alleen de custom-CSS gebruiken als je dat hebt gekocht van je karmapunten.

Door Tweakers user Paradox, donderdag 20 september 2012 21:52

oei, moet je wel eerst Karmapunten hebben.. hier een start naar meer ;)

Reageren is niet meer mogelijk