Wikipedia:Malstiler

Fra Wikipedia, den frie encyklopedi

Denne siden er kun for tips om lokal bruk, retningslinjer knyttet til malstiler, og henvisninger til hvor malstiler er i bruk.

Felles hjelpeside er på mw:Special:MyLanguage/Help:TemplateStyles.

Lokal bruk[rediger kilde]

Eksempel på tabellstil[rediger kilde]

Jeg har hentet en tabell fra Hestesport under Sommer-OL 1912 som eksempel. Nedenfor er det gitt en variant som er strippet for styling i tabellen.

De olympiske ringer Hestesport under Sommer-OL 1912 – Stockholm Hestesport
Nr. Land Gull Sølv Bronse Totalt
1.  Sverige (SWE) 4 1 1 6
2.  Frankrike (FRA) 1 1 1 3
3.  Tyskland (GER) 0 3 1 4
4.  Belgia (BEL) 0 0 1 1
 USA (USA) 0 0 1 1
Totalt 5 5 5 15
Eksempelkode 
{{medaljer}}
{| class="wikitable medaljer"
|-
! colspan=6 | [[Fil:Olympic rings.svg|50px|De olympiske ringer]]  Hestesport under Sommer-OL 1912 – Stockholm [[Fil:Olympic pictogram Equestrian.png|50px|Hestesport]] 
|-
!Nr.
!Land
!Gull
!Sølv
!Bronse
!Totalt
|-
|1.|| {{flaggIOClag|SWE|Sommer-OL 1912}} || 4 || 1 || 1 || 6
|-
|2.|| {{flaggIOClag|FRA|Sommer-OL 1912}} || 1 || 1 || 1 || 3
|-
|3.|| {{flaggIOClag|GER|Sommer-OL 1912}} || 0 || 3 || 1 || 4
|-
| rowspan=2 |4.|| {{flaggIOClag|BEL|Sommer-OL 1912}} || 0 || 0 || 1 || 1
|-
| {{flaggIOClag|USA|Sommer-OL 1912}} || 0 || 0 || 1 || 1
|- 
!colspan=2| Totalt|| 5 || 5 || 5 || 15 
|}

Legg merke til malen {{medaljer}} som står foran tabellen hvis du åpner eksempelkoden og som henter inn Mal:Medaljer/styles.css. Malstilen bruker en klasse medaljer som også er satt som klasse i tabellen. Dette er kun nødvendig hvis det brukes andre tabeller på siden, men er sterkt å anbefale for å unngå at malstiler slår gjennom der de ikke skal. De aktuelle stilene skrives automatisk om for å unngå at de slår gjennom utenfor innholdet («content») så du trenger ikke være redd for at noe plutselig får en annen farge.

En slik form for styling vil slå gjennom selv om en redigerer tabellene i VisualEditor uten at en trenger å tukle med wikikoden. Det er litt tuklete å sette inn de ekstra malene i tabellcellene, de som kalles {{flaggIOClag}}, men de kan også erstattes av avansert styling. Jeg har ikke gjort det i dette eksempelet for det vil gjøre det vanskelig å se hvordan en erstatter styling av selve tabellen. — Jeblad 14. mai 2018 kl. 13:47 (CEST)[svar]

Eksempel på listestil[rediger kilde]

Et problem som dukker opp i litt forskjellig utgave er at noe skal pakkes sammen litt mer kompakt når det er flere elementer i en liste. Hvis en godtar en ikke helt patent versjon med mye inline styles, så kan en lage noe som blir noe ala det som er vist nedenfor

Foo: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bar: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Eksempelkode 
<dl style="margin-top:1em;margin-bottom:1em;">
<dd style="padding:0.5em;padding-left:1em;margin-left:0;margin-top:0;margin-bottom:0;border-top:1px solid silver;border-right:1px solid silver;border-left:0.4em solid green;">'''Foo''': {{lipsum}}</dd>
<dd style="padding:0.5em;padding-left:1em;padding-top:0;margin-left:0;margin-top:0;margin-bottom:0;border-bottom:1px solid silver;border-right:1px solid silver;border-left:0.4em solid green;">'''Bar''': {{lipsum}}</dd>
</dl>

Skal dette fungere i en mal så må stilen for dl-elementet enten settes i en separat mal, eller så må stilen defineres i Mediawiki:Common.css. Det er selve dd-elementet som plasseres i en mal og som er det skribenten ser på en artikkelside. Den ekstra innpakningen med dl-elementet og dennes styling er imidlertid uønsket, og skaper noe av samme problemet som start- og sluttmaler. Fra skribentens side er de vanskelig å få korrekt, og fra programvarens side utløser de problemer med å få caching til å fungere som den skal. (Omtales som uhygieniske maler)

Den skarpe leser har sikkert observert at det er mulig å flytte en del styling fra dd-elementene og til dl-elementet. Dette løser imidlertid ikke problemet, det bare flytter problemet. Det er også mulig å lage en mal som lager et antall interne bokser, men selv om dette gir et visuelt likt resultat så er det ikke dette problemet som illustreres. Problemet er å få to maler til å fremstå som én boks.

Med litt triksing er det mulig å gjøre om dette til en mal som bruker malstiler og litt fancy styling

Foo: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Bar: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Eksempelkode 
{{tekstboks|'''Foo''': {{lipsum}}}}
{{tekstboks|'''Bar''': {{lipsum}}}}
Merk at det er juksa ørlite for at malene skal tro at de står på toppen av siden.

Hvis du sjekker kildekoden til {{tekstboks}} så vil du se et par interessante ting. Det første du kan legge merke til er at malen bruker kun et innrykk (:) slik vi kjenner det fra diskusjonssidene, og dette er dd-elementet. Når parseren ser et dd-element så pakkes det inn i et dl-element. Det gjør at vi kan identifisere første og siste element i lista, og gi disse litt annen utforming, eller som i dette tilfellet at vi kan sette på en border over og under. Det andre som du bør legge merke til er at templatestyles-taggen er satt inne i dd-elementet, eller innrykk-merket (:) i dette tilfellet. Det er fordi at står dette utenfor så vil det skapes dl-element inneholdende ett enkelt dd-element, og mellom disse vil det stå et link-element. Pass på hvor dette link-elementet havner, for det påvirker hva som er «adjacent sieblings».

Denne boksen sin malstil vil slik den er nå formatere alle forekomster av dd-elementer på siden, og det er sjeldent ønskelig. Det er imidlertid mulig å legge på en ekstra føring slik at malstilen kun brukes hvis dl-elementet er først barn av .mw-parser-output, og denne er første barn av #mw-content-text, eller det vi omtaler som «topp-maler». — Jeblad 14. mai 2018 kl. 22:12 (CEST)[svar]

Retningslinjer for lokal bruk[rediger kilde]

Ingen kjente

Tilpassinger for lokal bruk[rediger kilde]

Utvidelsen lokaliseres til Bokmål på Translatewiki.net (oversett, korrektur).

Eksisterende malstiler[rediger kilde]

Se også[rediger kilde]