Sivujen muokkaaminen vaatii nykyään kirjautumisen. Jos sinulla ei vielä ole tunnuksia, luo sellaiset.

Ero sivun ”Ohje:Kuinka sivuja muokataan” versioiden välillä

Primayk
Loikkaa: valikkoon, hakuun
(→‎Tekstin muotoilu)
(→‎Muuta sälää: ohjeet uusiksi)
 
(18 välissä olevaa versiota 3 käyttäjän tekeminä ei näytetä)
Rivi 27: Rivi 27:
  
 
|-
 
|-
−
|<code><nowiki><span style="color:red;">Punainen teksti</span></nowiki></code>
+
|<code><nowiki>{{CSS|color:red;|Punainen teksti}}</nowiki></code>
−
|<span style="color:red;">Punainen teksti</span>
+
|{{CSS|color:red;|Punainen teksti}}
  
 
|-
 
|-
−
|<code><nowiki><span style="color:#11AD4D;">Kummallisen värinen teksti</span></nowiki></code>
+
|<code><nowiki>{{CSS|color:#11AD4D;|Kummallisen värinen teksti}}</nowiki></code>
−
|<span style="color:#11AD4D;">Kummallisen värinen teksti</span> ([http://www.colorpicker.com/ värinvalintatyökalu])
+
|{{CSS|color:#11AD4D;|Kummallisen värinen teksti}} ([http://www.colorpicker.com/ värinvalintatyökalu])
  
 
|-
 
|-
Rivi 51: Rivi 51:
  
 
|-
 
|-
−
|<code><nowiki><span class="plainlinks">[http://www.google.fi Ulkoinen sivu]</span></nowiki></code>
+
|<code><nowiki><span class="plainlinks">[http://www.google.fi Ulkoinen linkki ilman rumaa kuviota]</span></nowiki></code>
−
|<span class="plainlinks">[http://www.google.fi Ulkoinen sivu]</span> (linkki ilman rumaa kuviota)
+
|<span class="plainlinks">[http://www.google.fi Ulkoinen linkki ilman rumaa kuviota]</span>
  
 
|-
 
|-
Rivi 109: Rivi 109:
  
 
|-
 
|-
−
|<code><nowiki>[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]</nowiki><br />Höpöti löpöti...<br /><br />Commonsiin tallennettu kuva:<br /><nowiki>[[Tiedosto:50 лет победы кубинской революции.jpg | 200px]]</nowiki></code>
+
|<code><nowiki>[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]</nowiki><br />Höpöti löpöti...<br /><br />Commonsiin tallennettu kuva:<br /><br /><nowiki>[[Tiedosto:CheHigh.jpg | 200px]]</nowiki></code>
 
|[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]
 
|[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]
 
Höpöti löpöti...
 
Höpöti löpöti...
  
 
Commonsiin tallennettu kuva:
 
Commonsiin tallennettu kuva:
−
[[Tiedosto:50 лет победы кубинской революции.jpg | 200px]]
+
 
 +
[[Tiedosto:CheHigh.jpg | 200px]]
  
 
|}
 
|}
Rivi 126: Rivi 127:
  
 
|-
 
|-
−
|<pre style="background:transparent; border:0;"><nowiki>{| class="wikitable"
+
|<pre style="background:transparent; border:0;"><nowiki>{|{{prettytable}}
 
|-
 
|-
 
|(1,1)
 
|(1,1)
Rivi 138: Rivi 139:
  
 
|
 
|
−
{| class="wikitable"
+
{|{{prettytable}}
 
|-
 
|-
 
|(1,1)
 
|(1,1)
Rivi 150: Rivi 151:
  
 
|-
 
|-
−
|<pre style="background:transparent; border:0;"><nowiki>{| class="wikitable" style="width:400px; background:lightgreen;"
+
|<pre style="background:transparent; border:0;"><nowiki>{|{{prettytable}} style="width:400px; background:lightpink;"
 
|-
 
|-
−
| colspan="3" | '''Otsikko!'''
+
! colspan="3" style="background:greenyellow;" | Otsikko!
 
|-
 
|-
 
|(1,1)
 
|(1,1)
Rivi 163: Rivi 164:
  
 
|
 
|
−
{| class="wikitable" style="width:400px; background:lightgreen;"
+
{|{{prettytable}} style="width:400px; background:lightpink;"
 
|-
 
|-
−
| colspan="3" | '''Otsikko!'''
+
! colspan="3" style="background:greenyellow;" | Otsikko!
 
|-
 
|-
 
|(1,1)
 
|(1,1)
Rivi 177: Rivi 178:
 
|}
 
|}
  
−
== Turhaa sälää ==
+
== Muuta sälää ==
 
Matemaattisten lausekkeiden lisääminen onnistuu &lt;math&gt;-tagien avulla.
 
Matemaattisten lausekkeiden lisääminen onnistuu &lt;math&gt;-tagien avulla.
 
* [http://fi.wikipedia.org/wiki/Ohje:Kaavat Syntaksiopas]
 
* [http://fi.wikipedia.org/wiki/Ohje:Kaavat Syntaksiopas]
Rivi 197: Rivi 198:
 
|}
 
|}
  
 +
'''Karttalaajennusta on vaihdettu. Katso alta muunnosohjeet.'''
  
−
Sivulle voi lisätä Google Maps -palvelun tuottamia karttoja. Karttojen latautuminen on hidasta, eikä niitä kannata lisätä kovin monta samalle sivulle.
+
Sivulle voi lisätä karttoja. Karttojen latautuminen on hidasta, eikä niitä kannata lisätä kovin monta samalle sivulle.
−
* [http://www.mediawiki.org/wiki/Extension:Google_Maps/Syntax Syntaksiopas]
+
* [http://www.semantic-mediawiki.org/wiki/Category:Maps_examples Syntaksiesimerkkejä]
  
 
{| class="wikitable" style="width:100%;"
 
{| class="wikitable" style="width:100%;"
Rivi 206: Rivi 208:
 
|style="background:black; color:white; width:50%;"|'''Koodi'''
 
|style="background:black; color:white; width:50%;"|'''Koodi'''
 
|style="background:black; color:white;"|'''Tuotos'''
 
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<code><nowiki><display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map></nowiki></code>
 +
|<display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map>
 +
|}
 +
 +
'''Vanhan kartan korvaaminen uudella:'''
 +
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Vanha koodi'''
 +
|style="background:black; color:white;"|'''Uusi koodi'''
  
 
|-
 
|-
 
|<code><nowiki><googlemap lat="60.229936" lon="24.925393" zoom="8" controls="small" type="hybrid">
 
|<code><nowiki><googlemap lat="60.229936" lon="24.925393" zoom="8" controls="small" type="hybrid">
 
60.229936,24.925393, Helsingin matematiikkalukio</googlemap></nowiki></code>
 
60.229936,24.925393, Helsingin matematiikkalukio</googlemap></nowiki></code>
−
|<googlemap lat="60.229936" lon="24.925393" zoom="8" controls="small" type="hybrid">
+
|<code><nowiki><display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map></nowiki></code>
−
60.229936,24.925393, Helsingin matematiikkalukio</googlemap>
+
 
|}
 
|}
−
 
  
 
&lt;pre&gt;-tagien sisään voi kirjoittaa esimerkiksi ohjelmakoodia, jolloin merkit näkyvät tasalevyisinä ja välilyönnit sekä rivinvaihdot oikein.
 
&lt;pre&gt;-tagien sisään voi kirjoittaa esimerkiksi ohjelmakoodia, jolloin merkit näkyvät tasalevyisinä ja välilyönnit sekä rivinvaihdot oikein.
Rivi 237: Rivi 250:
 
}
 
}
 
</pre>
 
</pre>
 +
 +
|-
 +
|<pre style="background:transparent; border:0;">Höpölöpö...
 +
Välilyönnin laittaminen rivin eteen
 +
tuottaa samanlaisen vaikutuksen kuin pre-tagi,
 +
kuten huomaat. :'3</pre>
 +
|
 +
Höpölöpö...
 +
Välilyönnin laittaminen rivin eteen
 +
tuottaa samanlaisen vaikutuksen kuin pre-tagi,
 +
kuten huomaat. :'3
  
 
|-
 
|-
Rivi 265: Rivi 289:
 
|{{Viitteet}}
 
|{{Viitteet}}
  
 +
|}
 +
 +
=== Yhtäsuuruusmerkki mallineiden parametreissä ===
 +
Yhtäsuuruusmerkkiä (=) ei pääsääntöisesti saa kirjoittaa mallineiden parametreihin, vaan täytyy käyttää merkintää: <code><nowiki>{{-}}</nowiki></code>
 +
 +
Vertaa:
 +
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<pre>{|
 +
{{Palkki1 | Ots=ikko | Sisäl=tö }}
 +
|}</pre>
 +
|
 +
{|
 +
{{Palkki1 | Ots=ikko | Sisäl=tö }}
 +
|}
 +
|-
 +
|<pre>{|
 +
{{Palkki1 | Ots{{-}}ikko | Sisäl{{-}}tö }}
 +
|}</pre>
 +
|
 +
{|
 +
{{Palkki1 | Ots{{-}}ikko | Sisäl{{-}}tö }}
 +
|}
 
|}
 
|}

Nykyinen versio 1. toukokuuta 2015 kello 17.06

Jos et opettele wikin muotoilukeinoja, saat pupun itkemään.

Primaykin sivuja voi muokata napsauttamalla "muokkaa"-linkkiä sivun ylälaidassa. Muotoiluun voi käyttää useimpia HTML-tageja sekä MediaWikin sisäänrakennettuja muotoilukeinoja. Tällä sivulla on esitelty joitakin tarpeellisimpia. Muokkaamista voi harjoitella hiekkalaatikossa.


Tekstin muotoilu

Koodi Tuotos
'''Lihavoitu teksti''' Lihavoitu teksti
''Kursivoitu teksti'' Kursivoitu teksti
'''''Lihavoitu ja kursivoitu teksti''''' Lihavoitu ja kursivoitu teksti
<u>Alleviivattu teksti</u> Alleviivattu teksti
{{CSS|color:red;|Punainen teksti}} Punainen teksti
{{CSS|color:#11AD4D;|Kummallisen värinen teksti}} Kummallisen värinen teksti (värinvalintatyökalu)
<code>Tasalevyinen teksti koodinpätkiä varten</code> Tasalevyinen teksti koodinpätkiä varten
[[Etusivu]] Etusivu (näin voi linkittää vain Primaykissa oleviin sivuihin)
[[Etusivu|Höpöteksti ja linkki etusivulle]] Höpöteksti ja linkki etusivulle
[http://www.google.fi Ulkoinen sivu] Ulkoinen sivu
<span class="plainlinks">[http://www.google.fi Ulkoinen linkki ilman rumaa kuviota]</span> Ulkoinen linkki ilman rumaa kuviota
== Otsikko ==
Tekstiä...

=== Alaotsikko ===
Lisää tekstiä...

Otsikko

Tekstiä...

Alaotsikko

Lisää tekstiä...

Luettelo:

* Tomaatteja
* Paprikoita
** Punaisia paprikoita
** Sinisiä paprikoita
* Pupunruokaa :33

Luettelo:

  • Tomaatteja
  • Paprikoita
    • Punaisia paprikoita
    • Sinisiä paprikoita
  • Pupunruokaa :33


Numeroitu luettelo:

# Yksi
# Kaksi
# Viisitoista

Numeroitu luettelo:

  1. Yksi
  2. Kaksi
  3. Viisitoista

Kuvat

Sivuille voi laittaa Primaykiin tallennettuja (luettelo) tai Wikimedia Commonsiin tallennettuja kuvia.

Koodi Tuotos
[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]
Höpöti löpöti...

Commonsiin tallennettu kuva:

[[Tiedosto:CheHigh.jpg | 200px]]
Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.

Höpöti löpöti...

Commonsiin tallennettu kuva:

CheHigh.jpg

Taulukot

Koodi Tuotos 
{|{{prettytable}}
|-
|(1,1)
|(2,1)
|(3,1)
|-
|(1,2)
|(2,2)
|(3,2)
|}
(1,1) (2,1) (3,1)
(1,2) (2,2) (3,2) 
{|{{prettytable}} style="width:400px; background:lightpink;"
|-
! colspan="3" style="background:greenyellow;" | Otsikko!
|-
|(1,1)
| rowspan="2" | korkea solu
|(3,1)
|-
|(1,2)
|(3,2)
|}
Otsikko!
(1,1) korkea solu (3,1)
(1,2) (3,2)

Muuta sälää

Matemaattisten lausekkeiden lisääminen onnistuu <math>-tagien avulla.

Koodi Tuotos
<math> \sqrt{2} \approx 1.4 </math> $ \sqrt{2} \approx 1.4 $
<math>D[e^{x^2}] = e^{x^2} \cdot 2x + \int \limits_{0}^{\infty} \exp{(-x)} dx - 1</math> $ D[e^{x^2}] = e^{x^2} \cdot 2x + \int \limits_{0}^{\infty} \exp{(-x)} dx - 1 $

Karttalaajennusta on vaihdettu. Katso alta muunnosohjeet.

Sivulle voi lisätä karttoja. Karttojen latautuminen on hidasta, eikä niitä kannata lisätä kovin monta samalle sivulle.

Koodi Tuotos
<display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map>
Ladataan karttaa...

Vanhan kartan korvaaminen uudella:

Vanha koodi Uusi koodi
<googlemap lat="60.229936" lon="24.925393" zoom="8" controls="small" type="hybrid"> 60.229936,24.925393, Helsingin matematiikkalukio</googlemap> <display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map>

<pre>-tagien sisään voi kirjoittaa esimerkiksi ohjelmakoodia, jolloin merkit näkyvät tasalevyisinä ja välilyönnit sekä rivinvaihdot oikein.

<nowiki>-tagien väliin kirjoitettava teksti tulostuu sivulle sellaisenaan, eli wiki- tai HTML-tageja ei huomioida.

Koodi Tuotos 
<pre>
function haisuli() {
  echo "haisuli lömyää";
  echo "haisuli ja pikkumyy ovat sukulaissieluja";
}
</pre>
 
function haisuli() {
  echo "haisuli lömyää";
  echo "haisuli ja pikkumyy ovat sukulaissieluja";
}

Höpölöpö...
 Välilyönnin laittaminen rivin eteen
 tuottaa samanlaisen vaikutuksen kuin pre-tagi,
kuten huomaat. :'3

Höpölöpö... 

Välilyönnin laittaminen rivin eteen
tuottaa samanlaisen vaikutuksen kuin pre-tagi,

kuten huomaat. :'3

<nowiki>'''Tämä teksti lihavoitaisiin, jos nowiki-tageja ei olisi'''</nowiki> '''Tämä teksti lihavoitaisiin, jos nowiki-tageja ei olisi'''


Tekstin sekaan voi lisätä viitteitä <ref>-tagilla. Viiteluettelon saa aikaan koodilla {{Viitteet}}. Samaa viitettä voi käyttää monessa paikassa, jos sen nimeää name-attribuutissa.

Koodi Tuotos
Tekstiä...<ref>Viite yksi</ref> lisää tekstiä<ref>Viite kaksi</ref><ref>Viite kolme</ref> Tekstiä...[1] ja seassa hassuja numeroita[2][3]
Saman viitteen voi lisätä moneen paikkaan... :3<ref name="haisuli">Nimetty viite :)</ref> ...nimeämällä sen<ref name="haisuli" /> Saman viitteen voi lisätä moneen paikkaan... :3[4] ...nimeämällä sen[4]
{{Viitteet}}
  1. ↑ Viite yksi
  2. ↑ Viite kaksi
  3. ↑ Viite kolme
  4. ↑ 4,0 4,1 Nimetty viite :)

Yhtäsuuruusmerkki mallineiden parametreissä

Yhtäsuuruusmerkkiä (=) ei pääsääntöisesti saa kirjoittaa mallineiden parametreihin, vaan täytyy käyttää merkintää: {{-}}

Vertaa:

Koodi Tuotos 
{|
{{Palkki1 | Ots=ikko | Sisäl=tö }}
|}

{{{1}}}

{{{2}}} 
{|
{{Palkki1 | Ots{{-}}ikko | Sisäl{{-}}tö }}
|}

Ots=ikko

Sisäl=tö
Haettu osoitteesta https://primayk.mayk.fi/w/index.php?title=Ohje:Kuinka_sivuja_muokataan&oldid=8691