|
|
(36 mellemliggende versioner af 2 andre brugere ikke vist) |
Linje 1: |
Linje 1: |
| {{NavboxVirkemidler}} | | {{NavboxVirkemidler}} |
|
| |
|
| Her kan du gå ind og se en oversigt over alle de CSS-prperties, du kan anvende i din tekst: | | Her kan du gå ind og se en oversigt over alle de CSS-properties, du kan anvende i din tekst: |
|
| |
|
| *[http://www.w3.org/TR/CSS2/propidx.html W3 Consortium Property Index] | | *[http://www.w3.org/TR/CSS2/propidx.html W3 Consortium Property Index] |
|
| |
| __NOTOC__
| |
|
| |
|
|
| |
|
| == Tekstformattering == | | == Tekstformattering == |
|
| |
|
| Ud over den normale formattering som du bruger i din tekst, er der også mulighed for at "lege" med teksten vha. style-taggen i <span>. | | Ud over den normale formattering som du bruger i din tekst, er der også mulighed for at "lege" med teksten vha. style-taggen i <nowiki><span></nowiki>. |
|
| |
|
| '''Eksempler:''' | | '''Eksempler:''' |
|
| |
|
| {|class="wikitable" valign="top" | | {|class="wikitable" valign="top" |
| !Format | | !valign="top"|Format |
| !Effekt | | !valign="top"|Effekt |
| !Eksempel | | !valign="top"|Eksempel |
| !Artikeleksempel | | !valign="top"|Artikel-eksempel |
| |- | | |- |
| |Tekststørrelse | | |valign="top"|Tekststørrelse |
| |Kan bruges til at tale med store bogstaver dvs. hvis man vil have opmærksomhed | | |valign="top"|Kan bruges til at tale med store bogstaver dvs. hvis man vil have opmærksomhed |
| |<pre><span style="font-size:36px;">Kolibrien har kolera</span></pre> | | |<pre><span style="font-size:36px;"> |
| | Kolibrien har kolera |
| | </span></pre> |
|
| |
|
| <span style="font-size:36px;">Kolibrien har kolera</span> | | <span style="font-size:36px;"> |
| |[[Voldtægt]] | | Kolibrien har kolera |
| | </span> |
| | |valign="top"|[[Voldtægt]] |
| |- | | |- |
| |Tekstfarve | | |valign="top"|Tekstfarve |
| |Hvis man vil skrive en hadsk artikel om økologi kan man bruge grøn skrift. Eller hvis man synes at 70'erne var hessianfarvet (orange og brun) | | |valign="top"|Hvis man vil skrive en hadsk artikel om økologi kan man bruge grøn skrift. Eller hvis man synes at 70'erne var hessianfarvet (orange og brun) |
| |<pre><span style="color:magenta">Kolibrien har kolera og aben har astma</span></pre> | | |<pre><span style="color:magenta"> |
| | Kolibrien har kolera og aben har astma |
| | </span></pre> |
|
| |
|
| <span style="color:magenta">Kolibrien har kolera og aben har astma</span> | | <span style="color:magenta"> |
| |[[70'erne]] | | Kolibrien har kolera og aben har astma |
| | </span> |
| | |valign="top"|[[1970'erne]] |
| |- | | |- |
| |Skrifttype | | |valign="top"|Skrifttype |
| |Brug af speciel skrifttype kan give artiklen en bestemt karakter. Husk hvis du vil bruge en særpræget skrifttype at du skal finde en som både Windows- , Linux- og Mac-brugere kan læse. | | |valign="top"|Brug af speciel skrifttype kan give artiklen en bestemt karakter. Husk hvis du vil bruge en særpræget skrifttype at du skal finde en som både Windows- , Linux- og Mac-brugere kan læse. |
| |<pre><span style="font-family:georgia">Kolibrien har kolera og aben har astma</span></pre> | | |<pre><span style="font-family:georgia"> |
| | Kolibrien har kolera og aben har astma |
| | </span></pre> |
|
| |
|
|
| |
|
|
| |
|
| Alvorlig: <span style="font-family:times;">Kolibrien har kolera og aben har astma</span> | | *Alvorlig: <span style="font-family:times;">Kolibrien har kolera og aben har astma</span> |
| Sjov: <span style="font-family:ComicSans MS;">Kolibrien har kolera og aben har astma</span> | | *Sjov: <span style="font-family:Comic Sans MS;">Kolibrien har kolera og aben har astma</span> |
| Gammel: <span style="font-family:georgia">Kolibrien har kolera og aben har astma</span> | | *Gammel: <span style="font-family:georgia">Kolibrien har kolera og aben har astma</span> |
| |[[Portal:James Bond]],[[Det ældgamle testamente]] | | *Skrivemaskine: <span style="font-family:courier">Kolibrien har kolera og aben har astma</span> |
| | |valign="top"|[[Portal:James Bond]],<br>[[Det ældgamle testamente]] |
| |} | | |} |
|
| |
|
| | == Den sindsygt store værktøjs kasse == |
| | |
| | I CSS3 er antallet af muligheder for at tilføre teksten noget lir blevet rigtig stor. Vha. af de såkaldte filtre er der næsten frit slag. På [http://www.tutorialspoint.com/css/css_text_effects.htm denne side] kan du se samtlige muligheder. |
| | |
| | P.S. Disse kan i første omgang kun ses med MSIE, forsættelse følger!) |
| | |
| | {|class="wikitable" style="padding:20px;"| |
| | !valign="top"|Format |
| | !valign="top"|Eksempel |
| | !MSIE |
| | !Firefox |
| | !Opera |
| | |- |
| | |Transparens: |
| | |style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: blue; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);-moz-opacity:.50;opacity:.50"|Frøen har fregner |
| | |X |
| | |X |
| | |X |
| | |- |
| | |Motion Blur: |
| | |style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: blue; Filter: Blur(Add = 1, Direction = 225, Strength = 10"|Frøen har fregner |
| | |X |
| | | |
| | |- |
| | |Chroma key: |
| | |style="width: 580; height: 50; font-size: 30pt; font-family: Arial Black; color: #3300FF; Filter: Chroma(Color = #3300FF)"|Frøen har fregner |
| | |X |
| | | |
| | |- |
| | |DropShadow |
| | |style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; text-shadow:black 3px 3px;Filter: DropShadow(Color=#000000, OffX=2, OffY=2, Positive=1)"|Frøen har fregner |
| | |X |
| | |X |
| | |X |
| | |- |
| | |Flip tekst |
| | |style="width: 300; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: FlipV"|Frøen har fregner |
| | |X |
| | | |
| | |- |
| | |Glow |
| | |style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Glow(Color=#00FF00, Strength=20)"|Frøen har fregner |
| | |X |
| | | |
| | |- |
| | |Grayscale |
| | |style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Gray"|Frøen har fregner |
| | |X |
| | | |
| | |- |
| | |Invert |
| | |style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: invert"|Frøen har fregner |
| | |X |
| | | |
| | |- |
| | |Mask Effect |
| | |style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Mask(Color=#00FF00)"|Frøen har fregner |
| | |X |
| | | |
| | |- |
| | |Shadow filter |
| | |style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Shadow(Color=#0000FF, Direction=225)"|Frøen har fregner |
| | |X |
| | | |
| | |- |
| | |Wave |
| | |style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Wave(Add=0, Freq=1, LightStrength=10, Phase=20, Strength=20)"|Frøen har fregner |
| | |X |
| | | |
| | |- |
| | |X-ray effect |
| | |style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; style="Filter: Xray"|Frøen har fregner |
| | |X |
| | | |
| | |} |
| | |
| | == Fodnoter == |
| | Fodnoter er lige som at have for meget spyt i munden når man kysser. Hvis man gav los vil man kvæle sin partner i spyt. Så for at få det hele med kommer man noget i en fod note. Fodnoten laver du mens du skriver artiklen sådan |
| | |
| | '''Eksempel 1.:''' |
| | <pre> |
| | === Eksempel === |
| | Den gamle mand som besøgte hærvejen for første gang var fordrukken og spastiker |
| | <ref>Han havde vist gået på Bjerringbro realskole</ref> |
| | |
| | === Noter === |
| | <references/> |
| | </pre> |
| | |
| | giver |
| | |
| | |
| | === Eksempel === |
| | Den gamle mand som besøgte hærvejen for første gang var fordrukken og spastiker |
| | <ref>Han havde vist gået på Bjerringbro realskole</ref> |
| | |
| | === Noter === |
| | <references/> |
| | |
| | |
| | |
| | '''Eksempel 2.:''' |
| | |
| | Hvis du derimod mener at alt kan rummes i én note navngiver du den første gang den optræder. |
| | |
| | <pre> |
| | === Eksempel === |
| | Den gamle mand <ref name="skole">Han havde vist gået på Bjerringbro realskole</ref> |
| | som besøgte hærvejen<ref name="skole" /> for første gang var fordrukken og |
| | spastiker<ref name="skole" />. |
| | |
| | |
| | === Noter === |
| | <references/> |
| | </pre> |
| | |
| | giver |
| | |
| | === Eksempel === |
| | Den gamle mand <ref name="skole">Han havde vist gået på Bjerringbro realskole</ref> |
| | som besøgte hærvejen<ref name="skole" /> for første gang var fordrukken og |
| | spastiker<ref name="skole" />. |
| | |
| | |
| | === Noter === |
| | <references/> |
| | |
| | |
| | |
| | '''Artikel''': [[Samtalekøkken]] |
| | |
| | == Citater == |
| | Der er ikke rigtig nogen som ved hvorfor vi bruger citater. Ja faktisk kan de være møgirriterende. Ved at citere folk knytter man en kærlig kommentar til den person som er nævnt i artiklen. |
| | |
| | === Eksempler === |
| | Her er de fire muligheder i henholdsvis <nowiki>{{citat}},{{citat1},{{Supercitat}}, {{Supercitat1}}</nowiki> |
| | |
| | {{citat|Nej livet er ikke værd at leve mere. Jeg vil drukne mig i Atlanterhavet, ve' jeg. Det' klart.|Anker Jørgensen|meningen med livet}} |
| | |
| | ---- |
| | |
| | {{citat1|Nej livet er ikke værd at leve mere. Jeg vil drukne mig i Atlanterhavet, ve' jeg. Det' klart.|Anker Jørgensen|meningen med livet}} |
| | |
| | ---- |
| | |
| | {{Supercitat|Nej livet er ikke værd at leve mere. Jeg vil drukne mig i Atlanterhavet, ve' jeg. Det' klart.|Anker Jørgensen|meningen med livet}} |
| | |
| | ---- |
| | |
| | {{Supercitat1|Nej livet er ikke værd at leve mere. Jeg vil drukne mig i Atlanterhavet, ve' jeg. Det' klart.|Anker Jørgensen|meningen med livet}} |
| | |
| | |
| | == Overstregninger == |
| | === Almindelig === |
| | Selvom ironi jo <s>slet ikke</s> hører naturligt hjemme på siden, er det noget <s>vi forbander langt væk</s> sætter pris på i rimelige mængder. |
| | |
| | '''Eksempel:''' |
| | <pre><s>Denne tekst ville blive overstreget</s></pre> |
| | |
| | <s>Denne tekst ville blive overstreget</s> |
| | |
| | |
| | === Tilsværtning === |
| | |
| | *<nowiki>{{c|Denne tekst vil blive tilsværtet og censurskiltet vil blive vist foroven}}</nowiki> |
|
| |
|
| {{Under konstruktion}}
| | <span style="color:black;background-color:black;">Denne tekst vil blive tilsværtet og censurskiltet vil blive vist foroven</span> |
Her kan du gå ind og se en oversigt over alle de CSS-properties, du kan anvende i din tekst:
Tekstformattering
Ud over den normale formattering som du bruger i din tekst, er der også mulighed for at "lege" med teksten vha. style-taggen i <span>.
Eksempler:
Format
|
Effekt
|
Eksempel
|
Artikel-eksempel
|
Tekststørrelse
|
Kan bruges til at tale med store bogstaver dvs. hvis man vil have opmærksomhed
|
<span style="font-size:36px;">
Kolibrien har kolera
</span>
Kolibrien har kolera
|
Voldtægt
|
Tekstfarve
|
Hvis man vil skrive en hadsk artikel om økologi kan man bruge grøn skrift. Eller hvis man synes at 70'erne var hessianfarvet (orange og brun)
|
<span style="color:magenta">
Kolibrien har kolera og aben har astma
</span>
Kolibrien har kolera og aben har astma
|
1970'erne
|
Skrifttype
|
Brug af speciel skrifttype kan give artiklen en bestemt karakter. Husk hvis du vil bruge en særpræget skrifttype at du skal finde en som både Windows- , Linux- og Mac-brugere kan læse.
|
<span style="font-family:georgia">
Kolibrien har kolera og aben har astma
</span>
- Alvorlig: Kolibrien har kolera og aben har astma
- Sjov: Kolibrien har kolera og aben har astma
- Gammel: Kolibrien har kolera og aben har astma
- Skrivemaskine: Kolibrien har kolera og aben har astma
|
Portal:James Bond, Det ældgamle testamente
|
Den sindsygt store værktøjs kasse
I CSS3 er antallet af muligheder for at tilføre teksten noget lir blevet rigtig stor. Vha. af de såkaldte filtre er der næsten frit slag. På denne side kan du se samtlige muligheder.
P.S. Disse kan i første omgang kun ses med MSIE, forsættelse følger!)
Format
|
Eksempel
|
MSIE
|
Firefox
|
Opera
|
Transparens:
|
Frøen har fregner
|
X
|
X
|
X
|
Motion Blur:
|
Frøen har fregner
|
X
|
|
Chroma key:
|
Frøen har fregner
|
X
|
|
DropShadow
|
Frøen har fregner
|
X
|
X
|
X
|
Flip tekst
|
Frøen har fregner
|
X
|
|
Glow
|
Frøen har fregner
|
X
|
|
Grayscale
|
Frøen har fregner
|
X
|
|
Invert
|
Frøen har fregner
|
X
|
|
Mask Effect
|
Frøen har fregner
|
X
|
|
Shadow filter
|
Frøen har fregner
|
X
|
|
Wave
|
Frøen har fregner
|
X
|
|
X-ray effect
|
Frøen har fregner
|
X
|
|
Fodnoter
Fodnoter er lige som at have for meget spyt i munden når man kysser. Hvis man gav los vil man kvæle sin partner i spyt. Så for at få det hele med kommer man noget i en fod note. Fodnoten laver du mens du skriver artiklen sådan
Eksempel 1.:
=== Eksempel ===
Den gamle mand som besøgte hærvejen for første gang var fordrukken og spastiker
<ref>Han havde vist gået på Bjerringbro realskole</ref>
=== Noter ===
<references/>
giver
Eksempel
Den gamle mand som besøgte hærvejen for første gang var fordrukken og spastiker
[1]
Noter
- ↑ Han havde vist gået på Bjerringbro realskole
Eksempel 2.:
Hvis du derimod mener at alt kan rummes i én note navngiver du den første gang den optræder.
=== Eksempel ===
Den gamle mand <ref name="skole">Han havde vist gået på Bjerringbro realskole</ref>
som besøgte hærvejen<ref name="skole" /> for første gang var fordrukken og
spastiker<ref name="skole" />.
=== Noter ===
<references/>
giver
Eksempel
Den gamle mand [1]
som besøgte hærvejen[1] for første gang var fordrukken og
spastiker[1].
Noter
- ↑ 1,0 1,1 1,2 Han havde vist gået på Bjerringbro realskole
Artikel: Samtalekøkken
Citater
Der er ikke rigtig nogen som ved hvorfor vi bruger citater. Ja faktisk kan de være møgirriterende. Ved at citere folk knytter man en kærlig kommentar til den person som er nævnt i artiklen.
Eksempler
Her er de fire muligheder i henholdsvis {{citat}},{{citat1},{{Supercitat}}, {{Supercitat1}}
Nej livet er ikke værd at leve mere. Jeg vil drukne mig i Atlanterhavet, ve' jeg. Det' klart.
Nej livet er ikke værd at leve mere. Jeg vil drukne mig i Atlanterhavet, ve' jeg. Det' klart.
— Anker Jørgensen om meningen med livet
|
|
|
|
Nej livet er ikke værd at leve mere. Jeg vil drukne mig i Atlanterhavet, ve' jeg. Det' klart.
|
|
|
|
|
Anker Jørgensen om meningen med livet
|
|
|
Nej livet er ikke værd at leve mere. Jeg vil drukne mig i Atlanterhavet, ve' jeg. Det' klart.
|
|
|
Anker Jørgensen om meningen med livet
|
Overstregninger
Almindelig
Selvom ironi jo slet ikke hører naturligt hjemme på siden, er det noget vi forbander langt væk sætter pris på i rimelige mængder.
Eksempel:
<s>Denne tekst ville blive overstreget</s>
Denne tekst ville blive overstreget
Tilsværtning
- {{c|Denne tekst vil blive tilsværtet og censurskiltet vil blive vist foroven}}
Denne tekst vil blive tilsværtet og censurskiltet vil blive vist foroven