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
Bidragsydere:
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
