Lieberkind og alle de andre rødder

Så sejrede fornuften og i det nye Slægt & Data/DIS-forum er de fleste grupper nu åbne også for ikke-medlemmer.

(Så skal vi også lige have bestyrelsen til at indse hvor fuldstændig tåbeligt det er, hvis man ikke kan forblive logget ind mellem ens besøg på siden.)

Jeg håber ikke jeg sårer hvem det nu er som har designet den nye side, hvis jeg afslører at jeg meget hurtigt blev træt af forummets fire nuancer af brunt. Jeg har de sidste dage leget med et alternativt stylesheet som jeg ikke ser grund til at holde for mig selv. Ikke at det er perfekt, det er det langt fra. Men det er nu heller ikke nemt – heller ikke fra officielt hold! – at få alting til at passe, når en mængde elementer ikke er ordentligt defineret med class eller id. F.eks. er der på “Skriv svar”-siden ingen forskel på definitionen af input-feltet til overskrift og ‘Send’- og ‘Forhåndsvisning’-knapperne. Hvis man vil have ordentligt plads til overskriften bliver knapperne grotesk lange, hvis man giver knapperne en passende længde bliver overskrift-feltet alt for kort. Man må altså indgå visse kompromiser når man som jeg ikke har mulighed for at ændre i markup’en.

Mit stylesheet er rodet og indeholder nok også fejl, men det fungerer fint selvom der stadig er et par ting der skal rettes til.

Jeg har skjult et par oplysninger som var uvæsentlige, ellers er alle elementer som i originalen, men holdt i hvidt med lidt gråt og grønt, der stadig passer til resten af sitet.

Og hvordan bruges det så?

I Firefox:
Installer udvidelsen ‘Stylish‘.
Når installationen er i orden klikkes på Stylish-ikonet i browserens statuslinje.
Vælg ‘Skriv en ny style’ og ‘Blank style’.
Skriv et navn, f.eks. “Slægt & Data“.
Kopier derefter hele denne tekst ind i det store indtastningsfelt og tryk på ‘Gem’.
Det var nemt.

I Safari (til Mac) er det en smule mere besværligt:
Download filen ‘disforum.css‘ ved at højreklikke på linket og vælge ‘Overfør arkiv, der henvises til’. Filen gemmes nu på din computer.
Installer ‘Safari Stand‘.
Når installationen er i orden klikkes på ‘Stand’ i browserens menu.
Vælg ‘SafariStand Setting…’ og derefter ‘Site Alteration’.
Klik ‘Add’
Marker ‘Use This Rule’ og ‘Regex’
I ‘Match Pattern’ skrives “http://www.slaegtogdata.dk/forum*“.
Marker ‘Alter: User StyleSheet Location’, klik på den lille trekant derunder og vælg ‘Open User CSS Dir’ – så åbnes en mappe. (~brugernavn/Bibliotek/Safari/Stand/UserStyleSheets)
Flyt det downloadede stylesheet ‘disforum.css’ ind i denne mappe og luk den.
Klik igen på den lille trekant og vælg ‘disforum.css’.
Luk herefter ‘SafariStand Settings’.
Det var heller ikke så svært.

Opdatering: Se en nemmere løsning for Safari.

Til Google Chrome findes også en ‘Stylish‘-udvidelse som jeg går ud fra virker ligesom Firefox-udvidelsen?

Til Opera er der nogle instruktioner her.

Jeg går også ud fra at der også er en måde at bruge egne stylesheets i Internet Explorer, men jeg ved ikke hvordan. Beklager.