PokéWiki:Hilfe: Unterschied zwischen den Versionen

Aus PokéWiki
Zur Navigation springen Zur Suche springen
(→‎Tabellen: ← NEU)
Zeile 150: Zeile 150:
|} ← Damit wird sie geschlossen.
|} ← Damit wird sie geschlossen.
</pre>
</pre>
Die Styleinformationen kommen nach <nowiki>{|</nowiki>. die Schriftfarbe ändert man übrigens mit color:;, also zB. color:red;.
Die Styleinformationen kommen nach <nowiki>{|</nowiki>. Die Schriftfarbe ändert man übrigens mit color:;, also zB. color:red;.
Eine Tabelle mit Styleinformationen sieht so aus:
Eine Tabelle mit Styleinformationen sieht so aus:
<pre>
<pre>
Zeile 171: Zeile 171:
|}
|}
</pre>
</pre>
Es gibt natürlich noch viel mehr Style Attribute oder Extra funtkionen für Tabellen wie |+ oder <nowiki><th></nowiki>, aber das hier ist erstmal das wichtigste.  
Es gibt natürlich noch viel mehr Style Attribute oder Extra-funktionen für Tabellen wie |+ oder <nowiki><th></nowiki>, aber das hier ist erstmal das wichtigste.  
die eben genannte Tabelle sieht so aus:
Die eben genannte Tabelle sieht so aus:
{| style="background-color:#ddddff;color:red;border-collapse:collapse;border: 1px dashed blue" border="1"
{| style="background-color:#ddddff;color:red;border-collapse:collapse;border: 1px dashed blue" border="1"
| style="color:yellow" | Spalte 1
| style="color:yellow" | Spalte 1
Zeile 182: Zeile 182:


Alles verstanden? Gut. Falls nicht, wendet euch bitte an [[Benutzer:Latias13|mich]], ich beantworte gerne jede Frage.
Alles verstanden? Gut. Falls nicht, wendet euch bitte an [[Benutzer:Latias13|mich]], ich beantworte gerne jede Frage.
Aja, es ist im Prinzip egal welche Syntax ihr verwendet, ich glaube aber die WikiSyntax ist leichter anzuwenden. Es ist euch überlassen.


= Eigene Scripts und Stylesheets einbinden=
= Eigene Scripts und Stylesheets einbinden=

Version vom 16. September 2007, 11:13 Uhr

Hilfeseiten
Allgemein:
Seitengestaltung
Community:
Spezielles:

Hier findet ihr Unterstützung, wenn ihr mit der Benutzung des PokéWiki nicht ganz zurecht kommt.

Allgemein

Bearbeiten von Seiten

Besondere Bilder einfügen

Einfügen von Pokémon-Sprites

Es muss dazu einfach die Adresse zum Bild eingegeben werden.

  • Für Sprites aus Rot: http://www.greenchu.de/sprites/rot/Nummer_des_Pokémon.png
  • Für Sprites aus Blau: http://www.greenchu.de/sprites/blau/Nummer_des_Pokémon.png
  • Für Sprites aus Gelb: http://www.greenchu.de/sprites/gelb/Nummer_des_Pokémon.png
  • Für Sprites aus R/B/G (Rückseite): http://www.greenchu.de/sprites/gruen_rueckseite/Nummer_des_Pokémon.png
  • Für Sprites aus Gold: http://www.greenchu.de/sprites/gold/Nummer_des_Pokémon.png
  • Für Sprites aus Silber: http://www.greenchu.de/sprites/silber/Nummer_des_Pokémon.png
  • Für Sprites aus Crystal: http://www.greenchu.de/sprites/crystal/Nummer_des_Pokémon.gif
  • Für Sprites aus G/S/C (Rückseite): http://www.greenchu.de/sprites/gsc_rueckseite/Nummer_des_Pokémon.png
  • Für Sprites aus Rubin/Saphir: http://www.greenchu.de/sprites/rs/Nummer_des_Pokémon.png
  • Für Sprites aus Feuerrot/Blattgrün: http://www.greenchu.de/sprites/frbg/Nummer_des_Pokémon.png
  • Für animierte Sprites aus Smaragd: http://www.greenchu.de/sprites/smaragd/Nummer_des_Pokémon.gif
  • Für Sprites aus Ru/Sa/Sm (Rückseite): http://www.greenchu.de/sprites/rs_rueckseite/Nummer_des_Pokémon.png
  • Für Sprites aus Diamant/Pearl (männlich 1): http://www.greenchu.de/sprites/dp/m/1/Nummer_des_Pokémon.png
  • Für Sprites aus Diamant/Pearl (männlich 2): http://www.greenchu.de/sprites/dp/m/2/Nummer_des_Pokémon.png
  • Für Sprites aus Diamant/Pearl (weiblich 1): http://www.greenchu.de/sprites/dp/w/1/Nummer_des_Pokémon.png
  • Für Sprites aus Diamant/Pearl (weiblich 2): http://www.greenchu.de/sprites/dp/w/2/Nummer_des_Pokémon.png
  • Für Sprites aus Diamant/Pearl (männlich, Rückseite): http://www.greenchu.de/sprites/dp_rueckseite/m/Nummer_des_Pokémon.png
  • Für Sprites aus Diamant/Pearl (weiblich, Rückseite): http://www.greenchu.de/sprites/dp_rueckseite/w/Nummer_des_Pokémon.png
  • Für Mini-Icons aus Diamant/Perl: http://www.greenchu.de/sprites/icons/Nummer_des_Pokémon.png
  • Für Mini-Icons aus Diamant/Perl (animiert): http://www.greenchu.de/sprites/icons/Nummer_des_Pokémon.gif
  • Für Sprites aus Mystery Dungeon: http://www.greenchu.de/sprites/dungeon/Nummer_des_Pokémon.png

Alle Nummern müssen 3-stellig (z.B. 001, 051, 151) eingegeben werden. Für Shiny-Pokémon muss nach dem jeweiligen Spiel-Namen ein /rare hinzugefügt werden.

Beispiele

  • http://www.greenchu.de/sprites/frbg/009.png → 009.png
  • http://www.greenchu.de/sprites/rs/380.png → 380.png
  • http://www.greenchu.de/sprites/dp/m/1/418.png → 418.png
  • http://www.greenchu.de/sprites/rs_rueckseite/258.png → 258.png
  • http://www.greenchu.de/sprites/dp_rueckseite/m/490.png → 490.png
  • http://www.greenchu.de/sprites/frbg/rare/006.png → 006.png
  • http://www.greenchu.de/sprites/dp/rare/m/2/381.png → 381.png
  • http://www.greenchu.de/sprites/silber/rare/156.png → 156.png
  • http://www.greenchu.de/sprites/icons/418.gif → 418.gif

Siehe auch: Sprites

Einfügen von Pokémon-Artwork von Ken Sugimori

  • http://www.greenchu.de/sprites/sugimori/489.jpg → 489.jpg

Einfügen von Itembildern

  • http://www.greenchu.de/sprites/items/Nummer_des_Items.png

Die Nummern der Items können in der Item-Liste eingesehen werden, indem man dort auf Bearbeiten klickt. Grundkenntnisse der Wiki-Syntax sind leider erforderlich, um sie zu finden.

Beispiele

  • http://www.greenchu.de/sprites/items/002.png → 002.png
  • http://www.greenchu.de/sprites/items/015.png → 015.png
  • http://www.greenchu.de/sprites/items/019.png → 019.png
  • http://www.greenchu.de/sprites/items/033.png → 033.png
  • http://www.greenchu.de/sprites/items/039.png → 039.png
  • http://www.greenchu.de/sprites/items/049.png → 049.png
  • http://www.greenchu.de/sprites/items/057.png → 057.png
  • http://www.greenchu.de/sprites/items/063.png → 063.png
  • http://www.greenchu.de/sprites/items/077.png → 077.png
  • http://www.greenchu.de/sprites/items/086.png → 086.png
  • http://www.greenchu.de/sprites/items/105.png → 105.png
  • http://www.greenchu.de/sprites/items/163.png → 163.png

Boxen bei Orten und Routen

siehe Projekt:Orte

Tabellen

Es gibt die Möglichkeit, Tabellen einzufügen. Das geht entweder mit der HTML-GrundSyntax:

<table>
<tr>
 <td>Spalte 1</td>
 <td>Spalte 2</td>
</tr>
<tr>
 <td>Spalte 3</td>
 <td>Spalte 4</td>
</tr>

Mit dem Tagpaar <table></table> wird die Tabelle begonnen und beendet. Mit dem Tagpaar <tr></tr> wird eine Neue Zeile begonnen und mit dem schließendem Tag auch wieder beendet. Für jede Neue Spalte wird <td></td> benutzt. Die Tags sind immer ineinander. Womit eine einzeilige Tabelle so aussehen würde:

<table> ← Damit wird die Tabelle eingeleitet.
<tr> ← Damit eine neue Zeile.
<td> ← Damit eine neue Spalte.
Inhalt ← Hier kommt der Inhalt hinein.
</td> ← Hier wird die Spalte wieder geschlossen.
</tr> ← Damit wird die Zeile geschlossen.
</table> ← Damit wird die Tabelle geschlossen.

Gar nicht so schwer, oder? Damit wird allerdings nur die Formatierung gemacht. Um Linien dazwischen zu ziehen muss man das Attribut border="" verwenden. Je nach dem wie gross der die Linien sein sollen. muss man eine Zahl dazwischen eingeben. Üblich ist allerdings border="1" bis border="2". Sieht so aus:

<table border="1">
<tr>
 <td>Spalte 1</td>
 <td>Spalte 2</td>
</tr>
<tr>
 <td>Spalte 3</td>
 <td>Spalte 4</td>
</tr>

Um den Hintergrund für die gesamte Tabelle zu übernehmen, muss man style="background-color:FARBNAME oder CODE" in <table> eingeben. Für eine Zeile muss man das in <tr> und für eine Spalte in <td> eingeben. Die Gitterfarbe wird mit border:solid 1px Farbe; gefärbt, also style="border: solid 1px #ff00ff;" zum Beispiel. solid steht für eine durchgezogene Linie. Es gibt auch dotted, dashed oder double anstatt solid. Um den 3D Effekt der Tabelle rauszunehmen, der eigentlich nicht sehr schön ist muss man noch border-collaspse:collapse einfügen. Eine Tabelle mit allem dem was erklärt wurde:

<table border="1" style="border:2px solid red;background-color:#ffdddd;border-collapse:collapse">
<tr>
<td>Spalte 1</td>
<td>Spalte 2</td>
</tr>
<tr>
<td>Spalte 3<td>
<td>Spalte 4</td>
</tr>
</table>

Das ganze sieht so aus:

Spalte 1 Spalte 2
Spalte 3 Spalte 4

So, das ist die HTML-Version. Jetzt kommt die Wiki Version. Eine Tabelle hat hier folgende Grundsyntax:

{| ← Damit wird die Tabelle eingeleitet
| ← Spalte
| ← Spalte
|- ← Damit macht man eine Neue Zeile
| ← Spalte
| ← Spalte
|} ← Damit wird sie geschlossen.

Die Styleinformationen kommen nach {|. Die Schriftfarbe ändert man übrigens mit color:;, also zB. color:red;. Eine Tabelle mit Styleinformationen sieht so aus:

{| style="background-color:#ddddff;color:red;border-collapse:collapse;border: 1px dotted blue" border="1"
|
|
|-
|
|
|}

Um Styleinformationen in einer Zeile zu notieren tut man sie hier direkt hinter |-. Um sie für eine Spalte zu tun, muss man folgendes machen:

{| style="background-color:#ddddff;color:red;border-collapse:collapse;border: 1px dotted blue" border="1"
| style="color:yellow" | Spalte 1
| Spalte 2
|- style="background-color:green;"
| Spalte 3
| Spalte 4
|}

Es gibt natürlich noch viel mehr Style Attribute oder Extra-funktionen für Tabellen wie |+ oder <th>, aber das hier ist erstmal das wichtigste. Die eben genannte Tabelle sieht so aus:

Spalte 1 Spalte 2
Spalte 3 Spalte 4

Alles verstanden? Gut. Falls nicht, wendet euch bitte an mich, ich beantworte gerne jede Frage. Aja, es ist im Prinzip egal welche Syntax ihr verwendet, ich glaube aber die WikiSyntax ist leichter anzuwenden. Es ist euch überlassen.

Eigene Scripts und Stylesheets einbinden

Für jeden Benutzer besteht die Möglichkeit, sich eigene Javascripte oder eigene CSS-Stylesheets einzubinden.
Die Seiten dazu sind:

Damit kannst du dir z.B. neue Buttons in das Bearbeitungsfenster holen (Javascript) oder den gesamten Style des Wikis verändern (CSS).

  • Um die Hintergrund des Wikis zu ändern, muss man folgendes in sein Monobook.css eingeben:
body {
background:FARBNAME ODER CODE;
}