Links, Icons, Bilder und Tabellen: Unterschied zwischen den Versionen

Aus DotAWiki
Zur Navigation springenZur Suche springen
 
Zeile 26: Zeile 26:
  
 
===Externe Links===
 
===Externe Links===
Links auf externe Seiten werden mit einfachen eckigen Klammern erzeugt. Dazu ist der exakte Link notwendig (inklusive "http://"). Beispiel:
+
Links auf externe Seiten werden automatisch von der Wikisoftware erkannt und verlinkt. Dazu ist der exakte Link notwendig (inklusive "http://"). Beispiel:
 +
 
 +
:'''<nowiki>http://dotasource.de/index.php?page=Index</nowiki>''' = http://dotasource.de/index.php?page=Index
 +
 
 +
Mit einfachen eckigen Klammern erzeugt man eine Formatierung, wie sie zur Quellenangabe im Text gut geeignet ist. Beispiel:
  
 
:'''<nowiki>[http://dotasource.de/index.php?page=Index]</nowiki>''' = [http://dotasource.de/index.php?page=Index]
 
:'''<nowiki>[http://dotasource.de/index.php?page=Index]</nowiki>''' = [http://dotasource.de/index.php?page=Index]
Zeile 33: Zeile 37:
  
 
:<nowiki>[http://dotasource.de/index.php?page=Index</nowiki> '''<nowiki>Dotasource - das Deutsche DotA-Forum]</nowiki>''' = [http://dotasource.de/index.php?page=Index Dotasource - das Deutsche DotA-Forum]
 
:<nowiki>[http://dotasource.de/index.php?page=Index</nowiki> '''<nowiki>Dotasource - das Deutsche DotA-Forum]</nowiki>''' = [http://dotasource.de/index.php?page=Index Dotasource - das Deutsche DotA-Forum]
 +
 
==Icons==
 
==Icons==
 
===Allgemein===
 
===Allgemein===

Aktuelle Version vom 9. Juni 2011, 13:26 Uhr

Vorwort

Da es in der Wiki immer wieder Fragen zu Icons und Tabellen gibt, habe ich hier anläßlich des anstehenden Dotasource-Guide-Contests einen kurzen Guide erstellt. Ich hoffe er gibt einen ausreichenden Einblick in die wichtigsten Codes zum Artikelschreiben.

Seite erstellen

Eine neue Seite erstellt man, indem man milthilfe der Suchfunktion (siehe links oben) nach dem gewünschten Titel des neuen Artikels sucht. Falls die Suche erwartungsgemäß ergibt, dass keine Seite dieses Namens existiert, klickt man ganz oben auf der Seite den rot angezeigten Wunschtitel bei "Deine Suchanfrage" bzw. den Link zu "die Seite verfassen" an. Man kommt in ein Bearbeitungsfenster, wo man den gewünschten Artikel-Inhalt eintragen und die neue Seite dann durch "Seite speichern" erstellen kann.

Links

Interne Links

Um einen Begriff intern (=innerhalb der Wiki, an der grünen Schrift zu erkennen) zu verlinken, setzt man ihn einfach in doppelte eckige Klammern:

[[Kunkka]] = Kunkka

Achtung: Wird der Link rot angezeigt, existiert unter dem gewünschten Namen weder ein Artikel noch eine Weiterleitungsseite zu einem Artikel.

Um eine solche Weiterleitungsseite zu erstellen, klickt man den rot angezeigten Link an und erhält so die Gelegenheit eine neue Seite mit diesem Namen zu erstellen. Man gibt dann z.B. die Syntax

#redirect[[Kunkka, Admiral Proudmoore]]

ein und speichert die Seite. Fortan funktioniert die Weiterleitung auf den gewünschten Artikel. Achtung: Doppelte Weiterleitungen (=Weiterleitungen auf Weiterleitungen) funktionieren nicht. Daher muss in einer Weiterleitung immer der exakte Name der Zielseite verwendet werden.

Um einen anderen Text als den verlinkten Begriff anzuzeigen, benutzt man

[[Verlinkter Begriff|Angezeigter Begriff]]

Externe Links

Links auf externe Seiten werden automatisch von der Wikisoftware erkannt und verlinkt. Dazu ist der exakte Link notwendig (inklusive "http://"). Beispiel:

http://dotasource.de/index.php?page=Index = http://dotasource.de/index.php?page=Index

Mit einfachen eckigen Klammern erzeugt man eine Formatierung, wie sie zur Quellenangabe im Text gut geeignet ist. Beispiel:

[http://dotasource.de/index.php?page=Index] = [1]

Um dem Link einen Namen zu verpassen, fügt man im Anschluss an die Linkaddresse eine Leerstelle und den gewünschten Namen an:

[http://dotasource.de/index.php?page=Index Dotasource - das Deutsche DotA-Forum] = Dotasource - das Deutsche DotA-Forum

Icons

Allgemein

Admiralproudmoore.gif

Ein solches Icon der Größe 64x64 Pixel kann durch den Code

{{icon|Kunkka, Admiral Proudmoore}} oder {{icon|kunkka}} oder {{icon|admiral}}

eingefügt werden. Der angebene Name muss bei Helden und Items nur eindeutig auf den entsprechenden Artikel weiterleiten (geläufige Abkürzungen sind also möglich), bei Skills jedoch muss der Name exakt stimmen (Groß-Klein-Schreibung beachten!). Statt {{icon|kunkka}} ist auch {{i|kunkka}} möglich.

Für die Goldmünze

Gold.gif

wird einfach

{{gold}}

verwendet. Dasselbe gilt für

Mana.gif
{{mana}}

Größe

Standardmäßig sind die Icons 64x64 Pixel groß. Ändern kann man sie indem man den Code

{{icon|kunkka|40px}}

für ein Icon der Größe 40x40 Pixel verwendet, die Zahl ist natürlich frei wählbar. Resultat:

Admiralproudmoore.gif

Für die Größen 40 und 30 Pixel gibt es auch die schnellere Methode, einfach {{i30|Torrent}} oder {{i40|Ghost Ship}} zu schreiben. Ergebnis:

Torrent.gif Ghostship.gif

Weiterleitung

Standardmäßig leitet ein Icon immer zum passenden Helden- oder Itemartikel bzw. bei Skills zum entsprechenden Abschnitt im Heldenartikel weiter. Möchte man das Weiterleitungsziel aber manuell vorgeben, erfolgt dies durch folgenden Code:

{{icon|kunkka|link=pudge}}

Angezeigt wird nun das folgende Icon mit einer Weiterleitung auf die Seite Pudge:

Admiralproudmoore.gif

Um zu einem bestimmten Abschnitt auf einer Seite (genauer Name erforderlich!) weiterzuleiten, verwendet man:

{{icon|kunkka|link=Pudge, Butcher#Dismember}}
Admiralproudmoore.gif

Auch hier kann man die Größe des Icons variieren:

{{icon|kunkka|link=Pudge, Butcher#Dismember|40px}}
Admiralproudmoore.gif

Bilddateien

Allgemein

Bilder und Grafiken muss man zunächst auf der Dotawiki hochladen, bevor man sie einbinden kann. Dies erfolgt dann mit folgender Syntax:

[[Datei:Bildspeichername.gif]]

Anstelle von "Datei" kann man auch "Bild" schreiben. Der Dateityp (".gif") muss natürlich ebenfalls zum Namen passen!

Größe

Wie schon bei den Icons kann man auch hier die Größe regeln, indem man den Code ergänzt z.B. zu

[[Datei:Bildspeichername.gif|300px]]

Sonstiges

Auch hier kann man auf bestimmte Seiten verlinken, indem man |link= hinzufügt.

[[Datei:Bildspeichername.gif|link=Testseite|50px]]


Mit "border" kann man einen kleinen Rahmen um das Bild legen, mit "thumb" daraus ein Thumbnail (De.jpg : Vorschaubild), eventuell sogar mit Erklärungstext, machen.

[[Datei:Bildspeichername.gif|border|50px]]
[[Datei:Bildspeichername.gif|thumb=Dies ist ein Bild.|50px]]

Tabellen

Allgemein

Tabellen werden stets mit dem Code

{|

begonnen und mit

|}

beendet.

Zellen werden mit

|

eröffnet (kein großes "i", sondern vertikaler Strich!), der gewünschte Inhalt angehängt. Aufeinander folgende Zellen bilden eine Zeile.

Kurzes Beispiel:

{|
| Kunkka
| {{icon|kunkka}}
|}

ergibt:

Kunkka Admiralproudmoore.gif

Um das ganze dunkel zu hinterlegen, wird die Eröffnungszeile zu

{| class="stil1"

ergänzt. Das sieht dann so aus:

Kunkka Admiralproudmoore.gif

Eine Zelle, welche mit

!

begonnen wird, wird automatisch dunkel hinterlegt und der Inhalt fett geschrieben.


Das Ende einer Zeile wird mit

|-

erzeugt. Das kann dann z.B. so aussehen:

{| class="stil1"
| Kunkka
| {{icon|kunkka}}
|-
| Pudge, Butcher
| {{icon|pudge}}
|}

bzw.

Kunkka Admiralproudmoore.gif
Pudge, Butcher Butcher.gif

Breite

Spalten sind automatisch so breit wie die breiteste Zelle (siehe oben). Man kann die Breite aber auch vorgeben (beispielsweie 300 Pixel), indem man vor eine beliebige Zelle dieser Spalte

|width=300|

schreibt. Als Gesamtpaket:

{| class="stil1"
| width=300| Kunkka
| {{icon|kunkka}}
|-
| Pudge, Butcher
| width=150| {{icon|pudge}}
|}

bzw.

Kunkka Admiralproudmoore.gif
Pudge, Butcher Butcher.gif

Inhalt ausrichten

Um den Inhalt der Zellen statt linksbündig zentriert darzustellen, wird die Anfangszeile um folgendes ergänzt:

{| class="stil1" style="text-align:center"

Ergebnis:

Kunkka Admiralproudmoore.gif
Pudge, Butcher Butcher.gif

Einzelne Zellen können zentriert und fettgedruckt dargestellt werden, indem die Zelle mit einem Ausrufezeichen begonnen wird:

{| class="stil1"
| width=300| Kunkka
| {{icon|kunkka}}
|-
! Pudge, Butcher
| width=150| {{icon|pudge}}
|}

ist

Kunkka Admiralproudmoore.gif
Pudge, Butcher Butcher.gif

Zellen verbinden

Um zu erreichen, dass eine Zelle so breit ist wie mehrere aus einer anderen Zeile, wie hier dargestellt:

Kunkka, Admiral Proudmoore
Admiralproudmoore.gif Butcher.gif LordofOlympia.gif

gibt man der Zelle mit

|colspan=3|Text

vor, dass sie sich durch 3 Spalten erstrecken soll.

Für eine Ausdehnung über mehrere Zeilen verwendet man

|rowspan=6|Text

Das kann dann z.B. so aussehen:

Admiralproudmoore.gif K
U
N
K
K
A

Eine Kombination aus Breite-Vorgabe und Zellenverbindung wird folgendermaßen erreicht:

|width=300 colspan=3|Text

Beispiel

Ein etwas komplizierteres Beispiel (aus meinem Hand of Midas-Itemguide):

{| class="stil1" style="text-align:center"
!width=100| {{icon|hand}}
!width=400 colspan=6|Hand of Midas
|-
!Preis
|colspan=6|1900 {{Gold}}
|-
!Bestandteile
|width=200 colspan=3| {{icon|gloves|40px}} 500 {{Gold}}
|width=200 colspan=3| [[Datei:Recipe.png|40px]] 1400 {{Gold}}
|-
!Bonus
|colspan=6| + 30% [[Attackspeed]]
|-
!rowspan=3|Active
!colspan=6|Transmute
|-
|colspan=6|Aktiv auf ein Ziel. Tötet eine Einheit sofort und gibt Bonusgold.
|-
|width=133 colspan=2|25 {{mana}}
|width=134 colspan=2|100 sec Cooldown
|width=133 colspan=2|600 Castrange
|}

Das ergibt:

Handofmidas.gif Hand of Midas
Preis 1900 Gold.gif
Bestandteile Glovesofhaste.gif 500 Gold.gif Recipe.png 1400 Gold.gif
Bonus + 30% Attackspeed
Active Transmute
Aktiv auf ein Ziel. Tötet eine Einheit sofort und gibt Bonusgold.
25 Mana.gif 100 sec Cooldown 600 Castrange

Feedback

Kleine und große Fragen zum Thema können gern auf der Diskussionsseite zu diesem Artikel, auf meiner Diskussionsseite oder im Dotawiki-IRC-Channel gestellt werden. Auch konkrete Hilfe zum Beispiel beim Erstellen einer Tabelle leiste ich gern.