[feat] forum en fp custom css onderscheiden

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

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

Wiethoofd

Broadcast TOM

Topicstarter
Is het mogelijk in je custom stylesheet duidelijk aan te geven wat er voor de FP en wat voor het forum is?

In de tweakers-layout kun je een externe stylesheet inladen met de juiste imports waarmee forum en fp dus duidelijk gescheiden blijven. Maar in de _ng heb je de framework.css voor het forum en de fp en zijn de custom stylesheet wijzigingen (mbt die framework css) overal merkbaar, met een custom stylesheet kan dit soms ongewenst zijn.

Wat wel werkt in de custom stylsheet in Firefox is:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
/* Gedeelde CSS hieronder */

@-moz-document url-prefix("http://tweakers.net") {
/* CSS voor FP hieronder */
}

@-moz-document url-prefix("http://gathering.tweakers.net") {
/* CSS voor forum hieronder */
}


Bovenstaande werkt methode weer niet cross-browser. Mocht het mogelijk zijn de <body> een id mee te geven dan is in de stylesheet makkelijker forum en frontpage gescheiden te houden.

En ja, ik weet dat er bij staat dat het gebruik van zo'n stylesheet op eigen risico is

Volg me op Twitter/X & Bluesky


Acties:
  • 0 Henk 'm!

  • Stefan|IA2
  • Registratie: Mei 2008
  • Laatst online: 29-06-2021
Misschien wel de body of andere div net na de body een id mee geven op welke tab (frontpage, archieven, pricewatch, forum, community, jobs, my tnet) je op dat moment zit (bijvoorbeeld <body id="t_frontpage" class="main"> zoals Wiethoofd al zegt. Daarbij eventueel nog een class/id voor de groep waarin je op dat moment zit (core/pro/games/electronics/mobile).

Ik denk dat het voor mensen die graag custom CSS gebruiken het nog gemakkelijk wordt om een eigen style per tab te creeëren.

Acties:
  • 0 Henk 'm!

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

Wiethoofd

Broadcast TOM

Topicstarter
Stefan Keijzer schreef op zondag 28 februari 2010 @ 19:54:
Daarbij eventueel nog een class/id voor de groep waarin je op dat moment zit (core/pro/games/electronics/mobile).
Die zit er al gewoon in hoor :>

http://tweakers.net/core heeft het volgende staan: <body class="core">
mobile, games, pro, electronics hebben dat dus ook ;) (en ja, ook op het forum)

[ Voor 10% gewijzigd door Wiethoofd op 28-02-2010 20:02 ]

Volg me op Twitter/X & Bluesky


Acties:
  • 0 Henk 'm!

  • Stefan|IA2
  • Registratie: Mei 2008
  • Laatst online: 29-06-2021
Wiethoofd schreef op zondag 28 februari 2010 @ 20:02:
[...]

Die zit er al gewoon in hoor :>
Dat was me nog niet opgevallen |:( Nu zie ik dat het ook geldt voor de Pricewatch, nu alleen het id nog :P

Acties:
  • 0 Henk 'm!

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

Wiethoofd

Broadcast TOM

Topicstarter
Misschien een smerige kick, maar zou hier met de redesign die volgend jaar gepland staat rekening mee gehouden kunnen worden? :> O+

Volg me op Twitter/X & Bluesky


Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Custom CSS is niet iets waar we ueberhaupt rekening mee houden. Met de redesign hoop ik zelfs het verschil in CSS tussen frontpage en forum minimaal te houden.

Intentionally left blank


Acties:
  • 0 Henk 'm!

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

Wiethoofd

Broadcast TOM

Topicstarter
Maar een extra class in de body of html hoog in de DOM is toch niet obtrusive, hij hoeft in de CSS van t.net zelf niet eens gebruikt te worden... 8)

Dat de CSS (zoveel mogelijk) gelijk getrokken wordt snap ik, maar soms zijn er dingen die je (als user) alleen op het forum wilt kunnen targetten en dat is nu gewoon onmogelijk zonder gemisbruik van paginaspecifieke targetting te gebruiken (welke schijnbaar iets is wat alleen (nog maar) in Gecko zit).

Volg me op Twitter/X & Bluesky


Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Wiethoofd schreef op zaterdag 10 december 2011 @ 23:44:
[...] maar soms zijn er dingen die je (als user) alleen op het forum wilt kunnen targetten
Dan mag je me daar tegen die tijd eens een specifiek voorbeeld van laten zien en dan kijk ik wel verder. Op dit moment is custom CSS simpelweg niet iets waar we doelbewust rekening mee houden...

Intentionally left blank

Pagina: 1