Hilfe:Bilder formatieren: Unterschied zwischen den Versionen

aus Memory Alpha, der freien deutschen Star-Trek-Datenbank
Spring zu: Navigation, suche
imported>Defchris
K (Gallerien: aktualisiert)
imported>PlasmarelaisBot
K (Bot: Ersetze Namensraum Image, File, Bild durch Datei)
Zeile 6: Zeile 6:
  
 
==Einfache Syntax==
 
==Einfache Syntax==
[[Bild:Wikihydra.jpg|thumb|100px|Die Wikihydra]] Das einfache Format um ein Bild anzuzeigen ist immer noch <tt><nowiki>[[Bild:Wiki.png|Beschreibungstext]]</nowiki></tt>. Komplizierter ist da schon <tt><nowiki>[[Bild:Wikihydra.jpg|thumb|100px|Die Wikihydra]]</nowiki></tt>.
+
[[Datei:Wikihydra.jpg|thumb|100px|Die Wikihydra]] Das einfache Format um ein Bild anzuzeigen ist immer noch <tt><nowiki>[[Datei:Wiki.png|Beschreibungstext]]</nowiki></tt>. Komplizierter ist da schon <tt><nowiki>[[Datei:Wikihydra.jpg|thumb|100px|Die Wikihydra]]</nowiki></tt>.
  
 
==Verfügbare Stile==
 
==Verfügbare Stile==
; <tt>thumbnail</tt>, <tt>thumb</tt> : generiert automatisch ein verkleinertes Vorschaubild, normalerweise auf der rechten Seite, mit der Beschreibung direkt darunter. Ein "Vergrößern"-Icon ist zusätzlich vorhanden. Beispiel: <nowiki>[[Bild:Wiki.png|thumbnail|Beschreibungstext]]</nowiki>
+
; <tt>thumbnail</tt>, <tt>thumb</tt> : generiert automatisch ein verkleinertes Vorschaubild, normalerweise auf der rechten Seite, mit der Beschreibung direkt darunter. Ein "Vergrößern"-Icon ist zusätzlich vorhanden. Beispiel: <nowiki>[[Datei:Wiki.png|thumbnail|Beschreibungstext]]</nowiki>
 
; <tt>right</tt> : lässt das Bild rechts ausrichten, kann mit oder ohne thumb verwendet werden.
 
; <tt>right</tt> : lässt das Bild rechts ausrichten, kann mit oder ohne thumb verwendet werden.
 
; <tt>left</tt> : das selbe wie gerade, aber links ausgerichtet.
 
; <tt>left</tt> : das selbe wie gerade, aber links ausgerichtet.
Zeile 23: Zeile 23:
 
!Ergebnis
 
!Ergebnis
 
|-
 
|-
|<pre>[[Bild:Wikihydra.jpg]]</pre>
+
|<pre>[[Datei:Wikihydra.jpg]]</pre>
|[[Bild:Wikihydra.jpg]]
+
|[[Datei:Wikihydra.jpg]]
 
|-
 
|-
|<pre>[[Bild:Wikihydra.jpg|Alternativtitel]]</pre>
+
|<pre>[[Datei:Wikihydra.jpg|Alternativtitel]]</pre>
|[[Bild:Wikihydra.jpg|Alternativtitel]]
+
|[[Datei:Wikihydra.jpg|Alternativtitel]]
 
|-
 
|-
|<pre>[[Bild:Wikihydra.jpg|100px]]</pre>
+
|<pre>[[Datei:Wikihydra.jpg|100px]]</pre>
|[[Bild:Wikihydra.jpg|100px]]
+
|[[Datei:Wikihydra.jpg|100px]]
 
|-
 
|-
|<pre>[[Bild:Wikihydra.jpg|thumb]]</pre>
+
|<pre>[[Datei:Wikihydra.jpg|thumb]]</pre>
|[[Bild:Wikihydra.jpg|thumb]]
+
|[[Datei:Wikihydra.jpg|thumb]]
 
|-
 
|-
|<pre>[[Bild:Wikihydra.jpg|thumb|
+
|<pre>[[Datei:Wikihydra.jpg|thumb|
 
Die '''Wikihydra''' ist ein Sinnbild  
 
Die '''Wikihydra''' ist ein Sinnbild  
 
für [[Memory Alpha:Bau das Netz auf|Wikis]]]]</pre>
 
für [[Memory Alpha:Bau das Netz auf|Wikis]]]]</pre>
|[[Bild:Wikihydra.jpg|thumb|
+
|[[Datei:Wikihydra.jpg|thumb|
[[Bild:Wikihydra.jpg|50px|left]]Die '''Wikihydra''' ist ein Sinnbild  
+
[[Datei:Wikihydra.jpg|50px|left]]Die '''Wikihydra''' ist ein Sinnbild  
 
für [[Memory Alpha:Bau das Netz auf|Wikis]]]]
 
für [[Memory Alpha:Bau das Netz auf|Wikis]]]]
 
|}
 
|}
Zeile 46: Zeile 46:
  
 
<pre><gallery>
 
<pre><gallery>
Bild:Akira Klasse.jpg|[[Akira-Klasse|Akira]], benannt nach einem japanischem Manga
+
Datei:Akira Klasse.jpg|[[Akira-Klasse|Akira]], benannt nach einem japanischem Manga
Bild:Bathleth kahless.jpg
+
Datei:Bathleth kahless.jpg
Bild:QuarksBar.jpg|Aus einem Vergnügungspark
+
Datei:QuarksBar.jpg|Aus einem Vergnügungspark
Bild:Sonnensystem antik.jpg
+
Datei:Sonnensystem antik.jpg
Bild:GalaxySchule.jpg
+
Datei:GalaxySchule.jpg
 
</gallery></pre>
 
</gallery></pre>
  
Zeile 56: Zeile 56:
  
 
<gallery>
 
<gallery>
Bild:Akira Klasse.jpg|[[Akira-Klasse|Akira]], benannt nach einem japanischem Manga
+
Datei:Akira Klasse.jpg|[[Akira-Klasse|Akira]], benannt nach einem japanischem Manga
Bild:Bathleth kahless.jpg
+
Datei:Bathleth kahless.jpg
Bild:QuarksBar.jpg|Aus einem Vergnügungspark
+
Datei:QuarksBar.jpg|Aus einem Vergnügungspark
Bild:Sonnensystem antik.jpg
+
Datei:Sonnensystem antik.jpg
Bild:GalaxySchule.jpg
+
Datei:GalaxySchule.jpg
 
</gallery>
 
</gallery>
  
Zeile 72: Zeile 72:
  
 
<pre><gallery heights="200" widths="200" caption="Tolle Bilder!" perrow="3">
 
<pre><gallery heights="200" widths="200" caption="Tolle Bilder!" perrow="3">
Bild:Akira Klasse.jpg|[[Akira-Klasse|Akira]], benannt nach einem japanischem Manga
+
Datei:Akira Klasse.jpg|[[Akira-Klasse|Akira]], benannt nach einem japanischem Manga
Bild:Bathleth kahless.jpg
+
Datei:Bathleth kahless.jpg
Bild:QuarksBar.jpg|Aus einem Vergnügungspark
+
Datei:QuarksBar.jpg|Aus einem Vergnügungspark
Bild:Sonnensystem antik.jpg
+
Datei:Sonnensystem antik.jpg
Bild:GalaxySchule.jpg
+
Datei:GalaxySchule.jpg
 
</gallery></pre>
 
</gallery></pre>
  
Zeile 82: Zeile 82:
  
 
<gallery heights="200" widths="200" caption="Tolle Bilder!" perrow="3">
 
<gallery heights="200" widths="200" caption="Tolle Bilder!" perrow="3">
Bild:Akira Klasse.jpg|[[Akira-Klasse|Akira]], benannt nach einem japanischem Manga
+
Datei:Akira Klasse.jpg|[[Akira-Klasse|Akira]], benannt nach einem japanischem Manga
Bild:Bathleth kahless.jpg
+
Datei:Bathleth kahless.jpg
Bild:QuarksBar.jpg|Aus einem Vergnügungspark
+
Datei:QuarksBar.jpg|Aus einem Vergnügungspark
Bild:Sonnensystem antik.jpg
+
Datei:Sonnensystem antik.jpg
Bild:GalaxySchule.jpg
+
Datei:GalaxySchule.jpg
 
</gallery>
 
</gallery>
  

Version vom 12. August 2009, 09:44 Uhr

«- Hilfe:Inhalt

Diese Seite ist eine Anleitung, wie man die Syntax zum Formatieren von Bild verwendet, die ab MediaWiki 1.2 verfügbar ist (modernisiert März 2004). Das Image-Markup ist abwärtskompatibel, sodass alte Instanzen oder Bilder nicht aktualisiert werden müssen - sie passen immer noch zum aktuellen Standard. Davon abgesehen gibt es jetzt eine Anzahl an neuen Fähigkeiten, die die Anzeige von Bildern in Artikeln sauberer und attraktiver machen.

Siehe auch: Grundregeln für Bilder

Einfache Syntax

Datei:Wikihydra.jpg
Die Wikihydra

Das einfache Format um ein Bild anzuzeigen ist immer noch [[Datei:Wiki.png|Beschreibungstext]]. Komplizierter ist da schon [[Datei:Wikihydra.jpg|thumb|100px|Die Wikihydra]].

Verfügbare Stile

thumbnail, thumb 
generiert automatisch ein verkleinertes Vorschaubild, normalerweise auf der rechten Seite, mit der Beschreibung direkt darunter. Ein "Vergrößern"-Icon ist zusätzlich vorhanden. Beispiel: [[Datei:Wiki.png|thumbnail|Beschreibungstext]]
right 
lässt das Bild rechts ausrichten, kann mit oder ohne thumb verwendet werden.
left 
das selbe wie gerade, aber links ausgerichtet.
none 
das Bild wird inline dargestellt, auch wenn die Vorschau-Möglichkeit gesetzt ist.
sizepx 
stellt das Vorschaubild des Bildes [size] Pixel weit dar (z.B. "150px"). Die Höhe wird aus dem Seitenverhältnis berechnet.

Hochstriche (das Pipe "|" Zeichen) werden verwendet um verschiedene Optionen von einander und von der Beschreibung zu trennen. Unbekannte Optionen werden ignoriert, der letzte Parameter dient als Bildunterschrift.

Beispiele

Eingabe Ergebnis
[[Datei:Wikihydra.jpg]]
Datei:Wikihydra.jpg
[[Datei:Wikihydra.jpg|Alternativtitel]]
Alternativtitel
[[Datei:Wikihydra.jpg|100px]]
100px
[[Datei:Wikihydra.jpg|thumb]]
[[Datei:Wikihydra.jpg|thumb|
Die '''Wikihydra''' ist ein Sinnbild 
für [[Memory Alpha:Bau das Netz auf|Wikis]]]]
Datei:Wikihydra.jpg
Die Wikihydra ist ein Sinnbild für Wikis

Gallerien

Man kann auch sehr einfach ganze Gallerien von Bildern erstellen, indem man das <gallery>-Tag verwendet.

<gallery>
Datei:Akira Klasse.jpg|[[Akira-Klasse|Akira]], benannt nach einem japanischem Manga
Datei:Bathleth kahless.jpg
Datei:QuarksBar.jpg|Aus einem Vergnügungspark
Datei:Sonnensystem antik.jpg
Datei:GalaxySchule.jpg
</gallery>

...wird zu:

Die Formatierungen der Bilder sind sehr begrenzt und beschränken sich selbst nur auf Beschreibungstexte. Diese können allerdings jede Form von Wiki-Markup verwenden.

Die Größe der Bilder lässt sich über die XML-Parameter heights und widths verändern. Alle Vorschaubilder in der Galerie werden daraufhin auf diese Vorgabewerte hin maximiert bei Beibehaltung des Seitenverhältnisses dargestellt.

Zusätzlich dazu, lässt sich auch ein Titel für die Galerie mit dem Parameter caption vergeben. Auch die Anzahl der Bilder pro Zeile ist beinflussbar und lässt sich mit perrow einstellen.

So ergibt das Beispiel...

<gallery heights="200" widths="200" caption="Tolle Bilder!" perrow="3">
Datei:Akira Klasse.jpg|[[Akira-Klasse|Akira]], benannt nach einem japanischem Manga
Datei:Bathleth kahless.jpg
Datei:QuarksBar.jpg|Aus einem Vergnügungspark
Datei:Sonnensystem antik.jpg
Datei:GalaxySchule.jpg
</gallery>

...diese Galerie...