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

Aus DotAWiki
Zur Navigation springenZur Suche springen
K (hat „Icons und Tabellen“ nach „Links, Icons, Bilder und Tabellen“ verschoben)
K (Schützte „Links, Icons, Bilder und Tabellen“ ([edit=autoconfirmed] (unbeschränkt) [move=autoconfirmed] (unbeschränkt)))
(kein Unterschied)

Version vom 14. März 2010, 02:42 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.

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 Weiterleitungsseite zu erstellen, klickt man den rot angezeigten Link an. Man gibt dann z.B. die Syntax

#redirect[[Kunkka, Admiral Proudmoore]]

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 mit einfachen eckigen Klammern erzeugt. Dazu ist der exakte Link notwendig (inklusive "http://"). 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!).

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

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]]

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

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=6|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