Spademanns Leksikon:Redigering for øvede/Css

CSS er værktøjskassen til skæg og ballade og når du ønsker at opnå en bestemt effekt ved at ændre den måde tingene ser ud på. F.eks ved at ændre skrifttypen og størrelsen på teksten. Det er op til forfatterne at afgøre om der er sammenhæng mellem effekt og budskab. Alle brugere har også lov til at blande sig i valg af CSS.

Cases

Da det tager lidt tid at forklare alt omkring CSS har vi valgt nogle typiske Spademanns cases ud, som du kan studere

Inden du går i gang

Tilgængelighed

Hvad betyder CSS

CSS er en forkortelse for Cascading Style Sheets. Det er et sprog som skal sørge for skabe konformitet på en webside.
Her på sitet benyttes den hen ad vejen til at formattere forskellige elementer.

Der findes en hovedregel indenfor webdesign, som hedder at al det man laver skal kunne opfattes ens på samtlige platforme dvs. browsere.

Til daglig brug er det ikke noget man behøver at tænke dybere over, da MediaWiki sørger for den tilgængelighed, hvis bare man holder sig til deres tags.
Hvis man derimod bruger CSS er der style-properties som den ene browser ikke vil anerkende eller som hedder noget andet hos den anden.

Her kan du se hvilke style properties som alle browsere vil acceptere:

Brug af styles

På Spademanns kan man kun omforme ting vha HTML-style-propertien dvs. ved brug sammen med en anden HTML/wikitekst-tag. Hvis du vil bruge din egne stylesheets kan du oprette det i dit eget navnerum Bruger:HansHannibal/monobook.css.

Eksempler på brug af style

Tag

Eksempel

Beskrivelse

Div

<div style="color:red;border:black solid 1px;">
Det der skal styles</div>

Det der skal styles

Div laver en box om din tekst/billeder. Den er som udgangspunkt 100% bred. Er perfekt til skabeloner og faktabokse.

Span

<span style="color:red;border:black solid 1px;">
Det der skal styles</span>

Det der skal styles

Span følger automatisk indholdet. Er specielt god til tekst

Table

{|
!Tabel
|-
|style="color:red;border:black solid 1px;"|
Det der skal styles
|}

Tabel
Det der skal styles

Man kan også bruge style i wikitext-tabeller. Man kan som i en HTML-table vælge at lade style-taggen gælde for cellen, rækken eller hele tabellen alt efter hvor man anbringer den.

Derudover kan du med bruge style i andre HTML-tags som sædvanligt.

Eksempler på steder hvor du ikke kan anvende styles

Da MediaWiki primært er skabt til tekst og billeder og ikke fis og ballade, findes der HTML-tags, som du ikke kan formattere uden at bruge et stylessheet.

Links

Anchor-taggen i Mediawiki har begræsninger: Disse pseudoklasser kan ikke bruges:a:link,a:active a:visited a:hover.
Hvis du alligevel vil ændre farven på dit link foregår det vha. <span>:

[[Begmand|<span style="color:magenta;text-decoration:none;">Begmand</span>]]

giver:Begmand
Derudover kan man ikke specificere target til eksterne links.

Baggrundsbillede: Du kan ikke bruge baggrundsbillede: background-image